:root { --ink:#1d2423; --muted:#6d7972; --paper:#f3f0e5; --white:#fff; --line:#d8ddd5; --green:#2f795d; --orange:#e85d3f; --yellow:#f4ce58; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Space Grotesk",sans-serif; }
.hidden { display:none !important; }
.eyebrow { margin:0; color:var(--green); font:600 .62rem "DM Mono",monospace; letter-spacing:.12em; }
.central-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:68px; padding:0 clamp(1rem,4vw,4rem); border-bottom:1px solid var(--line); background:rgba(255,255,255,.72); }
.central-header a { color:var(--muted); font:500 .65rem "DM Mono",monospace; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }.central-header a:hover { color:var(--orange); }
.central-wordmark { color:var(--ink) !important; font:700 1.15rem "Space Grotesk",sans-serif !important; letter-spacing:-.08em !important; }.central-wordmark span { color:var(--orange); }
.central-login-shell { min-height:100vh; }.central-login-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); min-height:calc(100vh - 68px); }
.central-login-intro { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,7vw,7rem); background:linear-gradient(130deg,#e4f1e7 0%,#fff 58%,#fff1be 100%); }.central-login-intro h1,.dashboard-hero h1 { margin:.7rem 0 1rem; font-size:clamp(3.2rem,7vw,7.8rem); line-height:.84; letter-spacing:-.1em; }.central-login-intro h1 em,.dashboard-hero h1 em { color:var(--orange); font-style:normal; }.central-login-intro > p:not(.eyebrow) { max-width:620px; margin:0; color:var(--muted); font-size:1rem; line-height:1.65; }
.login-tool-list { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:2rem; }.login-tool-list span { padding:.5rem .6rem; border:1px solid #bfd8c6; background:rgba(255,255,255,.64); color:#42604e; font:500 .58rem "DM Mono",monospace; }
.central-login-card { align-self:center; margin:2rem; padding:clamp(1.4rem,3vw,2.2rem); border-top:5px solid var(--orange); background:var(--white); box-shadow:0 24px 70px rgba(29,36,35,.12); }.card-cap { display:flex; justify-content:space-between; margin-bottom:2rem; color:var(--muted); font:500 .55rem "DM Mono",monospace; }.card-cap b { color:var(--orange); }.central-login-card h2 { margin:.55rem 0; font-size:2.5rem; line-height:.95; letter-spacing:-.08em; }.central-login-card > p:not(.eyebrow) { color:var(--muted); font-size:.78rem; }
#central-login-form { display:grid; gap:.85rem; margin-top:1.4rem; } #central-login-form label { display:grid; gap:.38rem; color:#4e5a53; font-size:.72rem; font-weight:600; } #central-login-form input { width:100%; padding:.78rem; border:1px solid var(--line); background:#fbfcf9; font:inherit; } #central-login-form input:focus { border-color:var(--green); outline:3px solid #e1f0e5; } #central-login-form button,.workspace-card > a:not(.workspace-secondary) { display:flex; align-items:center; justify-content:space-between; width:100%; border:0; padding:.85rem .9rem; background:var(--ink); color:var(--white); font:700 .72rem "Space Grotesk",sans-serif; text-decoration:none; cursor:pointer; } #central-login-form button span,.workspace-card > a span { color:var(--yellow); }.form-error { min-height:1rem; margin:0; color:#b23f32; font-size:.68rem; }.login-links { display:flex; justify-content:space-between; margin-top:1rem; }.login-links a { color:var(--green); font-size:.66rem; }
.central-dashboard { min-height:100vh; padding-bottom:1.2rem; background:linear-gradient(180deg,#fafaf7 0%,#f3f0e5 72%); }.dashboard-header { position:sticky; z-index:5; top:0; }.dashboard-header nav { display:flex; gap:1rem; }.central-account { display:flex; align-items:center; gap:.55rem; }.central-account > span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:#dcefe2; color:var(--green); font-weight:700; }.central-account strong,.central-account small { display:block; }.central-account strong { font-size:.72rem; }.central-account small { color:var(--muted); font-size:.58rem; }.central-account button { border:0; padding:.35rem; background:transparent; color:#a04334; font-size:.62rem; cursor:pointer; }
.dashboard-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; max-width:1420px; margin:0 auto; padding:clamp(1.2rem,3vw,2.7rem) clamp(1rem,4vw,4rem) 1.2rem; }.dashboard-hero h1 { font-size:clamp(3rem,6vw,5.8rem); }.dashboard-hero > div:first-child > p:last-child { max-width:620px; margin:0; color:var(--muted); line-height:1.45; }.dashboard-status { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.15rem .5rem; min-width:220px; padding:.7rem; border:1px solid #c9ded0; background:#f0f8f2; }.dashboard-status i { width:8px; height:8px; border-radius:50%; background:#39a76d; }.dashboard-status span { font-size:.68rem; }.dashboard-status b { grid-column:2; color:var(--green); font:500 .55rem "DM Mono",monospace; }
.workspace-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; max-width:1420px; margin:0 auto; padding:0 clamp(1rem,4vw,4rem); }.workspace-card { min-height:245px; padding:1.05rem; border-top:4px solid var(--card-accent); background:var(--card-soft); }.card-identity { --card-accent:#2f795d; --card-soft:#e7f4ea; }.card-hindi { --card-accent:#9a5770; --card-soft:#fff0f4; }.card-stamp { --card-accent:#ad761c; --card-soft:#fff6d8; }.card-health { --card-accent:#356f98; --card-soft:#e8f3f9; }.workspace-card-top { display:flex; justify-content:space-between; color:var(--card-accent); font:600 .56rem "DM Mono",monospace; }.workspace-card-top b { padding:.2rem .3rem; background:rgba(255,255,255,.68); }.workspace-card h2 { margin:.75rem 0 .4rem; font-size:1.5rem; letter-spacing:-.06em; }.workspace-card p { min-height:60px; margin:0 0 .85rem; color:#5d6962; font-size:.74rem; line-height:1.45; }.workspace-secondary { display:block; margin-top:.55rem; color:var(--card-accent); font:600 .62rem "DM Mono",monospace; text-decoration:none; }.workspace-secondary:hover { text-decoration:underline; }
.central-footer-panel { display:flex; align-items:center; gap:1rem; max-width:1420px; margin:.7rem auto 0; padding:.75rem clamp(1rem,4vw,4rem); border-top:1px solid var(--line); }.central-footer-panel > div { flex:1; }.central-footer-panel span { color:var(--green); font:600 .55rem "DM Mono",monospace; }.central-footer-panel strong { display:block; margin:.2rem 0; font-size:.8rem; }.central-footer-panel p { margin:0; color:var(--muted); font-size:.64rem; }.central-footer-panel > a { padding:.62rem .7rem; border:1px solid var(--line); background:#fff; color:var(--ink); font-size:.66rem; font-weight:700; text-decoration:none; }
@media (max-width:1180px) { .workspace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .central-login-layout { grid-template-columns:1fr; }.central-login-card { width:min(520px,calc(100% - 2rem)); margin:1rem auto 3rem; }.workspace-grid { grid-template-columns:1fr; }.workspace-card { min-height:0; }.workspace-card p { min-height:0; }.dashboard-hero { align-items:flex-start; flex-direction:column; }.dashboard-status { width:100%; }.dashboard-header nav { display:none; } }
@media (max-width:560px) { .central-header { padding:0 1rem; }.central-account > div { display:none; }.central-login-intro { padding:3rem 1.2rem; }.central-login-intro h1 { font-size:3.5rem; }.dashboard-hero { padding-top:2.5rem; }.dashboard-hero h1 { font-size:3.7rem; }.central-footer-panel { align-items:flex-start; flex-direction:column; }.central-footer-panel > a { width:100%; text-align:center; } }