@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{--g:#15392d;--g2:#0f2c23;--ivory:#f7f3ea;--paper:#fffdf8;--sand:#c8b488;--ink:#18201c;--muted:#74756f;--line:#ddd7cb;--soft:#eee9df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--ivory)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}.ey{font-size:10px;letter-spacing:.18em;color:var(--g);font-weight:600}.muted{color:var(--muted);line-height:1.65}.portal-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--g2),var(--g));color:white;padding:30px 22px;display:flex;flex-direction:column}.brand img{width:175px;height:54px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}.side-nav{display:grid;gap:5px;margin-top:42px}.side-nav a,.side-link{color:#f6f2e8;text-decoration:none;border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:4px;font-size:12px;cursor:pointer}.side-nav a:hover,.side-nav a.active{background:rgba(247,243,234,.12)}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding-top:14px}.portal-main{padding:0 42px 80px;min-width:0}.portal-top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.member-chip{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:white;font-family:'Cormorant Garamond';font-size:19px}.welcome{display:flex;justify-content:space-between;gap:30px;padding:55px 0 34px}.welcome h1{font-size:54px;line-height:.95;margin:9px 0}.welcome blockquote{font:italic 24px/1.25 'Cormorant Garamond',serif;color:var(--g);margin:15px 0;max-width:300px}.identity-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper);margin-bottom:18px}.identity-strip div{padding:18px;border-right:1px solid var(--line);min-width:0}.identity-strip div:last-child{border-right:0}.identity-strip small,.profile-grid small{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-bottom:8px}.identity-strip strong{font-size:11px;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats article{background:var(--paper);border:1px solid var(--line);padding:22px}.stats span{display:block;font:600 34px/1 'Cormorant Garamond';color:var(--g)}.stats small{font-size:9px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.feature-card{min-height:265px;background:linear-gradient(135deg,var(--g2),var(--g));color:white;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card:after{content:'SCC';position:absolute;right:-10px;bottom:-35px;font:600 140px 'Cormorant Garamond';color:rgba(255,255,255,.035)}.feature-card .ey{color:#d7c79e}.feature-card h2{font-size:40px;margin:15px 0 4px}.feature-card .muted{color:#e6e2d8}.feature-card.light{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.feature-card.light:after{color:rgba(21,57,45,.035)}.feature-card.light .muted{color:var(--muted)}.primary{margin-top:auto;align-self:flex-start;background:var(--sand);color:#10261e;text-decoration:none;padding:13px 18px;font-size:9px;letter-spacing:.12em;position:relative;z-index:1}.text-link{margin-top:auto;color:var(--g);text-decoration:none;font-size:10px;letter-spacing:.12em}.portal-section{padding-top:52px;margin-top:24px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:20px}.section-head h2{font-size:38px;margin:4px 0}.section-head>p{max-width:360px;color:var(--muted);font-size:11px;line-height:1.5;text-align:right}.data-list{border-top:1px solid var(--line)}.data-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.data-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.data-main h3{font-size:22px;margin:0 0 2px}.data-main p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.tag,.status{font-size:8px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:7px 8px;white-space:nowrap}.status{background:#eef3ed;color:var(--g)}.row-action{font-size:9px;text-decoration:none;color:white;background:var(--g);padding:10px 13px;white-space:nowrap}.datebox{width:48px;height:50px;border:1px solid var(--line);display:grid;place-items:center;align-content:center;background:var(--paper)}.datebox strong{font:600 19px 'Cormorant Garamond'}.datebox span{font-size:8px;text-transform:uppercase}.empty,.empty-panel{padding:28px;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:12px}.empty-panel{padding:44px}.empty-panel span{font-size:8px;letter-spacing:.18em;color:var(--g)}.empty-panel h3{font-size:29px;color:var(--ink);margin:9px 0}.feedback-card{background:var(--paper);border:1px solid var(--line);padding:22px;margin:12px 0}.feedback-card small{font-size:8px;letter-spacing:.12em;color:var(--g)}.feedback-card p{font:500 20px/1.5 'Cormorant Garamond';margin:10px 0}.progress-panel{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:28px}.progress-ring{width:145px;height:145px;border:10px solid var(--soft);border-top-color:var(--g);border-radius:50%;display:grid;place-items:center;align-content:center}.progress-ring strong{font:600 34px 'Cormorant Garamond';color:var(--g)}.progress-ring span{font-size:8px;color:var(--muted)}.progress-copy h3{font-size:29px;margin:0 0 5px}.progress-copy p{color:var(--muted);font-size:12px;line-height:1.7;max-width:580px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:var(--paper)}.profile-grid div{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-grid strong{font-size:12px}.login-body{min-height:100vh;background:var(--ivory)}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,42%) 1fr}.login-brand{background:linear-gradient(180deg,rgba(9,31,24,.8),rgba(9,31,24,.96)),url('/assets/scc-saudi-community.jpeg') center/cover;color:white;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.login-brand img{width:190px;filter:brightness(0) invert(1)}.login-brand p{font-size:9px;letter-spacing:.18em;color:#d7c79e}.login-brand h1{font-size:52px;line-height:.95;margin:12px 0}.login-brand span{display:block;max-width:380px;font-size:12px;line-height:1.7;color:#eee9df}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(460px,100%)}.login-card h2{font-size:48px;margin:8px 0}.login-card label{display:block;margin:22px 0 8px;font-size:9px;letter-spacing:.12em}.login-card input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:var(--paper);font:13px Inter}.login-card button{width:100%;padding:15px;background:var(--g);color:white;border:0;font-size:10px;letter-spacing:.13em;margin-top:12px;cursor:pointer}.login-card button:disabled{opacity:.6}.login-note{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:var(--muted);font-size:10px}.error{color:#8b302d;font-size:11px;min-height:16px}
@media(max-width:900px){.portal-layout{grid-template-columns:76px 1fr}.sidebar{padding:22px 10px}.brand img{width:54px;object-fit:cover;object-position:left}.side-nav a,.side-link{font-size:0;text-align:center;padding:13px 5px}.side-nav a:before{content:'•';font-size:18px}.portal-main{padding:0 22px 60px}.welcome{padding-top:38px}.identity-strip{grid-template-columns:1fr 1fr}.identity-strip div:nth-child(2){border-right:0}.stats{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-brand{min-height:330px}.login-panel{padding:34px 22px}}
@media(max-width:600px){.portal-layout{display:block}.sidebar{position:static;height:auto;padding:16px 18px;display:flex;flex-direction:row;align-items:center}.brand img{width:110px;height:36px;object-fit:contain}.side-nav{display:none}.side-bottom{margin:0 0 0 auto;border:0;padding:0}.side-link{font-size:9px;padding:8px}.portal-main{padding:0 16px 50px}.portal-top{height:60px}.portal-top .ey{display:none}.welcome{display:block;padding:32px 0 24px}.welcome h1{font-size:42px}.welcome blockquote{font-size:20px;margin-top:24px}.identity-strip,.stats{grid-template-columns:1fr 1fr}.identity-strip div{border-bottom:1px solid var(--line)}.stats article{padding:16px}.feature-card{min-height:220px;padding:24px}.section-head{display:block}.section-head>p{text-align:left}.data-row{align-items:flex-start}.data-main{align-items:flex-start}.tag{display:none}.progress-panel{grid-template-columns:1fr}.progress-ring{margin:auto}.profile-grid{grid-template-columns:1fr}.login-brand{min-height:280px;padding:28px}.login-brand h1{font-size:42px}.login-card h2{font-size:42px}}
/* SCC Member Dashboard v1.2 — internal experience refinement */
.portal-label{margin:8px 14px 0;font-size:8px;letter-spacing:.18em;color:#d7c79e}.nav-group{display:block;margin:22px 14px 4px;font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.5)}.side-member{padding:0 14px 10px}.side-member small{display:block;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.55);margin-bottom:4px}.side-member strong{font-size:10px}.member-chip>span:last-child{display:grid;gap:2px}.member-chip b{font-size:11px;font-weight:500}.member-chip small{font-size:8px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;padding:58px 0 42px;border-bottom:1px solid var(--line)}.hero h1{font-size:58px;line-height:.94;margin:10px 0 4px}.hero-sub{font:500 25px/1.2 'Cormorant Garamond',serif;color:var(--g);margin:0 0 30px}.hero-cta{display:inline-block;margin:0}.hero-meta{min-width:180px;border-left:1px solid var(--line);padding-left:24px;display:grid;align-content:center;gap:6px}.hero-meta small{font-size:7px;letter-spacing:.15em;color:var(--muted);margin-top:10px}.hero-meta strong{font-size:11px}.continue-card{margin-top:22px;background:var(--g);color:white;padding:30px 32px;display:flex;align-items:flex-end;gap:30px;justify-content:space-between;position:relative;overflow:hidden}.continue-card:after{content:'SCC';position:absolute;right:10%;bottom:-52px;font:600 150px 'Cormorant Garamond';color:rgba(255,255,255,.035)}.continue-copy{position:relative;z-index:1}.continue-card .ey{color:#d7c79e}.case-code{display:block;margin-top:20px;font-size:8px;letter-spacing:.15em;color:#d9d4c8}.continue-card h2{font-size:40px;margin:5px 0}.continue-card p{font-size:11px;color:#e8e3d8}.case-meta{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:9px;color:#ddd8ce}.continue-card .status{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white}.continue-card .primary{margin:0;white-space:nowrap}.snapshot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);border:1px solid var(--line);border-top:0;background:var(--paper)}.snapshot>div,.snapshot article{padding:22px;border-right:1px solid var(--line)}.snapshot>*:last-child{border-right:0}.snapshot h2{font-size:25px;margin:4px 0}.snapshot article strong{display:block;font:600 30px/1 'Cormorant Garamond';color:var(--g)}.snapshot article small{font-size:8px;color:var(--muted)}.release-note{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:16px}.data-main small,.upcoming-row small{display:block;font-size:7px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}.case-index{font:600 24px 'Cormorant Garamond';color:var(--sand);min-width:34px}.upcoming-row,.activity-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.upcoming-row h3,.activity-row h3{font-size:24px;margin:4px 0}.upcoming-row p,.activity-row p{font-size:10px;color:var(--muted);margin:0}.empty strong{display:block;font-size:9px;letter-spacing:.13em;color:var(--g)}.empty p{margin:8px 0 0;line-height:1.6}.portal-footer{margin-top:70px;padding:24px 0 0;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:8px;letter-spacing:.08em;color:var(--muted)}.portal-footer strong{color:var(--g)}.portal-footer a{color:var(--g);text-decoration:none;margin-left:auto}
@media(max-width:900px){.portal-label,.nav-group,.side-member{display:none}.snapshot{grid-template-columns:1fr 1fr}.snapshot>div{grid-column:1/-1;border-bottom:1px solid var(--line)}.snapshot article:nth-child(3){border-right:0}.hero{grid-template-columns:1fr}.hero-meta{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;grid-template-columns:auto 1fr auto 1fr;align-items:center}.hero-meta small{margin:0}.hero h1{font-size:50px}}
@media(max-width:600px){.hero{padding:36px 0 28px;gap:24px}.hero h1{font-size:43px}.hero-sub{font-size:22px}.hero-meta{grid-template-columns:1fr 1fr}.continue-card{padding:25px 22px;display:block}.continue-card h2{font-size:34px}.continue-card .primary{display:inline-block;margin-top:24px}.case-meta{align-items:flex-start;flex-direction:column}.snapshot{grid-template-columns:repeat(3,1fr)}.snapshot>div{grid-column:1/-1}.snapshot article{padding:15px 10px}.snapshot article strong{font-size:26px}.snapshot article small{font-size:7px}.upcoming-row,.activity-row{align-items:flex-start}.portal-footer{display:grid;gap:7px}.portal-footer a{margin:0}.member-chip small{display:none}}
/* SCC Admin Login refinement */
.admin-login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,38%) 1fr}.admin-login-brand{background:var(--g);color:white;padding:44px;display:flex;flex-direction:column;justify-content:space-between}.admin-login-brand img{width:190px;filter:brightness(0) invert(1)}.admin-login-brand .ey{color:#d7c79e}.admin-login-brand h1{font-size:58px;line-height:.95;margin:12px 0}.admin-login-brand p:not(.ey){max-width:360px;font-size:12px;line-height:1.7;color:#e6e1d7}.admin-login-brand small{font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.55)}.admin-login-panel{display:grid;place-items:center;padding:40px}.admin-login-card{width:min(440px,100%)}.admin-login-card h2{font-size:46px;margin:8px 0}.admin-login-card label{display:block;margin:22px 0 8px;font-size:8px;letter-spacing:.13em}.admin-login-card input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:var(--paper);font:13px Inter}.admin-login-card button{width:100%;padding:15px;background:var(--g);color:white;border:0;font-size:9px;letter-spacing:.13em;margin-top:12px;cursor:pointer}.admin-login-card button:disabled{opacity:.6}.admin-back{display:inline-block;margin-top:22px;color:var(--g);text-decoration:none;font-size:8px;letter-spacing:.12em}@media(max-width:760px){.admin-login-layout{grid-template-columns:1fr}.admin-login-brand{min-height:250px;padding:28px}.admin-login-brand h1{font-size:44px}.admin-login-panel{padding:34px 22px}.admin-login-card h2{font-size:40px}}


/* SCC locked micro-motion refinement */
.portal-main{animation:sccPortalIn 430ms cubic-bezier(.22,.61,.36,1) both}
@keyframes sccPortalIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.primary,.row-action,.side-link{transition:transform 180ms ease,opacity 180ms ease}
.continue-card,.data-row,.upcoming-row,.empty-panel{transition:transform 200ms ease}
@media (hover:hover) and (pointer:fine){.primary:hover,.row-action:hover{transform:translateY(-2px)}.continue-card:hover,.data-row:hover,.upcoming-row:hover{transform:translateY(-2px)}}
.primary:active,.row-action:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.portal-main{animation:none}.primary,.row-action,.side-link,.continue-card,.data-row,.upcoming-row,.empty-panel{transition:none!important;transform:none!important}}

/* SCC experience refinement — visual hierarchy only, 2026-10-03
   No data, form, route, auth or workflow changes. */
.portal-main > section{position:relative}
/* Keep primary practice first and visually dominant. */
#tasks.portal-section{background:var(--paper);margin-left:-20px;margin-right:-20px;padding:46px 20px 0;border-top:1px solid var(--line)}
#solved.portal-section{background:transparent;padding-top:58px}
#upcoming.portal-section{background:#f1ede4;margin-left:-20px;margin-right:-20px;padding:46px 20px 34px;border-top:1px solid #d2cabd;border-bottom:1px solid #d2cabd}
#tasks .section-head,#solved .section-head,#upcoming .section-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
#tasks .continue-card{background:transparent;color:var(--ink);border:0;border-left:3px solid var(--g);padding:22px 0 22px 24px;margin-top:0;overflow:visible}
#tasks .continue-card:after{display:none}
#tasks .continue-card .ey{color:var(--g)}
#tasks .continue-card p{color:var(--muted);max-width:720px;line-height:1.65}
#tasks .continue-card h2{font-size:32px;color:var(--ink)}
#tasks .continue-card .primary{background:var(--g);color:#fff}
/* Membership is deliberately compact and secondary. */
#membership.portal-section{margin-top:34px;padding:0;border-top:0;background:transparent}
#membership .section-head{margin:0;padding:14px 18px;border:1px solid var(--line);border-bottom:0;background:var(--paper);align-items:center}
#membership .section-head h2{font-size:23px;margin:1px 0}
#membership .section-head .ey{font-size:8px}
#membership .section-head>p{font-size:9px;margin:0;max-width:300px}
#membership #membershipInfo{border:1px solid var(--line);border-top:0;background:var(--paper);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0}
#membership #membershipInfo>.scc-event-card,#membership #membershipInfo>.empty{margin:0;padding:15px 18px;border:0;border-top:1px solid var(--line);background:transparent;min-height:0}
#membership #membershipInfo>.scc-event-card h3{font-size:18px;margin:0 0 4px}
#membership #membershipInfo>.scc-event-card p{font-size:9px;margin:0 0 8px;color:var(--muted)}
#membership .scc-event-details{margin:0}
#membership .scc-event-details div{padding:6px 0}
#membership .scc-event-details dt{font-size:7px;letter-spacing:.13em}
#membership .scc-event-details dd{font-size:10px;margin-top:3px}
/* Editorial section rhythm: distinct without new colors or card repetition. */
.portal-section .section-head h2{letter-spacing:-.015em}
.portal-section:nth-of-type(even) .section-head{border-left:2px solid var(--sand);padding-left:14px}
.data-row{padding-top:19px;padding-bottom:19px}
@media(max-width:600px){
 #tasks.portal-section,#upcoming.portal-section{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
 #tasks .continue-card{padding:18px 0 18px 16px}
 #membership .section-head{display:flex;align-items:center;gap:12px;padding:12px 14px}
 #membership .section-head>p{display:none}
 #membership #membershipInfo{grid-template-columns:1fr}
}
/* Light polish: same design, slightly more refined interaction and focus states */
.side-nav a{transition:background .18s ease}.side-nav a.active{box-shadow:inset 3px 0 0 var(--sand)}
.stats article,.feature-card,.data-row,.snapshot article{transition:box-shadow .2s ease,border-color .2s ease}.stats article:hover,.feature-card:hover{box-shadow:0 6px 22px rgba(21,57,45,.08)}.data-row:hover{border-color:#cfc7b4}
.portal-main a:focus-visible,.portal-main button:focus-visible,.portal-main input:focus-visible,.portal-main select:focus-visible,.portal-main textarea:focus-visible,.sidebar a:focus-visible,.side-link:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.portal-main input:focus,.portal-main select:focus,.portal-main textarea:focus{border-color:var(--g)}
.portal-main ::selection{background:#e3d9bd}