:root { --mc-ink:#10243b; --mc-teal:#087f73; --mc-mint:#dff3ee; --mc-cream:#f5f0e5; --mc-line:#cdd9df; --mc-white:#fff; --mc-gold:#d79742; }
* { box-sizing:border-box; }
body { margin:0; background:linear-gradient(135deg,#edf4f3 0%,#f7f2e8 50%,#edf1f5 100%); color:var(--mc-ink); }
#memberclear-client-portal { min-height:100vh; font-family:"Aptos","Segoe UI",sans-serif; }
.mc-shell { width:min(1440px,calc(100% - 32px)); margin:0 auto; padding:24px 0 60px; }
.mc-hero,.mc-summary-card,.mc-record-card,.mc-details,.mc-welcome,.mc-empty { background:rgba(255,255,255,.94); border:1px solid var(--mc-line); border-radius:16px; box-shadow:0 10px 32px rgba(16,36,59,.06); }
.mc-hero { padding:28px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.mc-hero h1,.mc-welcome h1 { font:700 clamp(28px,4vw,48px)/1.05 Georgia,serif; margin:4px 0 8px; }
.mc-eyebrow { margin:0; color:var(--mc-teal); font-size:12px; font-weight:800; letter-spacing:.12em; }
.mc-primary,.mc-secondary { border-radius:9px; padding:11px 16px; font-weight:750; cursor:pointer; border:1px solid var(--mc-teal); }
.mc-primary { background:var(--mc-teal); color:white; }
.mc-secondary { background:white; color:var(--mc-ink); border-color:var(--mc-line); }
.mc-summary-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin:16px 0; }
.mc-summary-card { text-align:left; padding:18px; cursor:pointer; color:var(--mc-ink); }
.mc-summary-card.active { border:2px solid var(--mc-teal); background:var(--mc-mint); }
.mc-summary-card span { display:block; text-transform:uppercase; font-size:11px; font-weight:800; color:#506477; }
.mc-summary-card strong { display:block; font:700 34px/1 Georgia,serif; margin:8px 0; }
.mc-summary-card p { margin:0; font-size:13px; line-height:1.35; }
.mc-workspace { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr); gap:16px; align-items:start; }
.mc-section-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:24px 4px 12px; }
.mc-section-head h2 { margin:3px 0; font:700 26px/1.1 Georgia,serif; }
.mc-record-list { display:grid; gap:10px; }
.mc-list-tools,.mc-pagination { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:10px 0; color:#607284; font-size:13px; }
.mc-list-tools input { width:min(420px,70%); padding:11px 13px; border:1px solid var(--mc-line); border-radius:9px; font:inherit; background:white; }
.mc-pagination { justify-content:center; margin:18px 0 6px; }
.mc-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.mc-record-card { padding:18px; display:flex; justify-content:space-between; gap:18px; }
.mc-record-card.selected { border-left:5px solid var(--mc-teal); }
.mc-record-card h3 { margin:8px 0; font-size:17px; }
.mc-record-card p,.mc-details p { margin:5px 0; line-height:1.45; font-size:14px; }
.mc-card-actions { display:flex; gap:8px; align-items:flex-start; flex-shrink:0; }
.mc-chip { display:inline-block; border-radius:999px; background:var(--mc-mint); color:var(--mc-teal); padding:5px 9px; font-size:11px; font-weight:800; }
.mc-details { padding:22px; position:sticky; top:18px; }
.mc-details h2 { font:700 24px/1.1 Georgia,serif; }
.mc-empty,.mc-welcome { padding:48px; text-align:center; }
.mc-welcome { width:min(760px,calc(100% - 32px)); margin:10vh auto; }
.mc-footer { text-align:center; color:#607284; padding:30px; }
@media (max-width:900px) { .mc-summary-grid { grid-template-columns:repeat(2,1fr); } .mc-workspace { grid-template-columns:1fr; } .mc-details { position:static; } }
@media (max-width:640px) { .mc-shell { width:min(100% - 18px,1440px); padding-top:9px; } .mc-hero,.mc-record-card,.mc-section-head { align-items:stretch; flex-direction:column; } .mc-summary-grid { grid-template-columns:1fr; } .mc-card-actions { width:100%; } .mc-card-actions button { flex:1; } }