:root{--navy:#071526;--navy2:#0b2038;--blue:#178ad6;--cyan:#35c1ee;--ink:#152437;--muted:#68788d;--line:#dce5ee;--bg:#f3f7fa;--white:#fff;--green:#15876b;--amber:#b7791f;--red:#c2414b;--shadow:0 18px 55px rgba(13,31,52,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.12em}.brand small{display:block;margin-top:4px;font-size:10px;font-weight:500;letter-spacing:.08em;color:#8fc6e7}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:linear-gradient(145deg,#168bda,#35c1ee);color:#fff;font-size:22px;box-shadow:0 8px 25px rgba(31,169,224,.25)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr)}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:55px 7vw;background:radial-gradient(circle at 75% 35%,rgba(36,176,228,.24),transparent 31%),linear-gradient(145deg,#061426,#0b2540);color:#fff}.auth-brand:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(111,207,242,.14);border-radius:50%;right:-220px;bottom:-250px;box-shadow:0 0 0 65px rgba(111,207,242,.035),0 0 0 130px rgba(111,207,242,.025)}.auth-promise{position:relative;z-index:1;margin:auto 0;max-width:680px}.auth-promise .eyebrow{color:#6fd6f8}.auth-promise h1{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.045em;margin:22px 0}.auth-promise p{max-width:600px;color:#a9bfd3;font-size:18px;line-height:1.7}.trust-row{position:relative;z-index:1;display:flex;gap:25px;flex-wrap:wrap;color:#9eb7cb;font-size:12px}.trust-row span:before{content:"✓";color:#52d6ac;margin-right:7px}.auth-panel{display:grid;place-items:center;padding:40px;background:#f7fafc}.auth-card{width:min(440px,100%);padding:38px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.auth-card h2{font-size:32px;letter-spacing:-.03em;margin:10px 0 8px}.muted,.form-note,.password-hint{color:var(--muted);line-height:1.55}.auth-card label,.settings-card label{display:grid;gap:8px;margin:20px 0 0;font-size:13px;font-weight:700}.auth-card input,.settings-card input,.settings-card select{width:100%;height:48px;padding:0 14px;border:1px solid #cdd9e5;border-radius:10px;background:#fff;outline:none}.auth-card input:focus,.settings-card input:focus,.settings-card select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,138,214,.12)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-weight:750}.auth-card .button{width:100%;margin-top:24px}.primary{background:linear-gradient(135deg,#0f78bd,#159fd9);color:#fff;box-shadow:0 8px 20px rgba(19,137,206,.2)}.primary:hover{filter:brightness(.96)}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.text-button{display:block;margin:20px auto 0;border:0;background:transparent;color:var(--blue);font-weight:700}.form-note{text-align:center;font-size:12px;margin:26px 0 0}.form-note a{color:var(--blue)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px}.workspace{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;z-index:20;display:flex;flex-direction:column;padding:26px 18px;background:linear-gradient(180deg,#071526,#0b1e32);color:#fff}.sidebar-brand{padding:0 10px 26px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar nav{display:grid;gap:6px;margin-top:25px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:9px;background:transparent;color:#9db0c3;text-align:left;font-weight:650}.nav-item span{width:22px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(42,165,220,.14);color:#fff}.nav-item.active{box-shadow:inset 3px 0 #35c1ee}.sidebar-help{margin:auto 6px 20px;padding:18px;border:1px solid rgba(116,198,232,.18);border-radius:13px;background:rgba(33,135,180,.09)}.sidebar-help strong{font-size:13px}.sidebar-help p{font-size:11px;line-height:1.5;color:#9eb4c8}.sidebar-help a{font-size:11px;font-weight:750;color:#62d2f6}.logout{border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding-top:18px}.workspace-main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:10;height:86px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.topbar h2{font-size:20px;margin:3px 0 0}.profile-chip{display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.profile-chip>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e1f3fb;color:#087fba;font-weight:800}.profile-chip strong,.profile-chip small{display:block}.profile-chip small{max-width:210px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.icon-button{display:none;border:0;background:transparent;font-size:22px}.content{max-width:1440px;margin:auto;padding:38px}.page{display:none}.page.active{display:block}.welcome{display:flex;align-items:flex-start;justify-content:space-between;padding:34px;border-radius:18px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(79,211,245,.22),transparent 28%),linear-gradient(130deg,#09203a,#0c3656);box-shadow:0 16px 40px rgba(8,31,52,.16)}.welcome h1{font-size:35px;letter-spacing:-.035em;margin:8px 0}.welcome p{margin:0;color:#b7c9d9}.welcome .eyebrow{color:#6cd4f4}.secure-pill{padding:9px 12px;border:1px solid rgba(94,216,180,.3);border-radius:999px;background:rgba(43,186,143,.09);font-size:11px;color:#86e2c6}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 38px}.summary-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.summary-card small{color:var(--muted);font-weight:700}.summary-card strong{display:block;margin-top:10px;font-size:26px}.summary-card span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:10px 0 18px}.section-heading h1,.section-heading h2{margin:6px 0 3px;letter-spacing:-.025em}.section-heading h1{font-size:32px}.section-heading p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.resource-card{padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 20px rgba(30,55,80,.035)}.resource-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.resource-card h3{margin:0 0 4px}.resource-card .reference{color:var(--muted);font-size:11px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e9f6f1;color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.badge.pending{background:#fff4df;color:var(--amber)}.badge.failed{background:#fdebed;color:var(--red)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #edf1f5}.detail-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.detail-grid strong{display:block;margin-top:5px;font-size:13px}.security-notice{margin-bottom:20px;padding:14px 16px;border:1px solid #cce7f4;border-radius:11px;background:#edf9fd;color:#27627d;font-size:12px}.download-list{display:grid;gap:12px}.download-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff}.download-row h3{margin:0 0 5px}.download-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:11px}.checksum{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.empty-state{grid-column:1/-1;padding:42px;border:1px dashed #c9d6e1;border-radius:14px;background:rgba(255,255,255,.55);text-align:center;color:var(--muted)}.empty-state strong{display:block;margin-bottom:7px;color:var(--ink)}.settings-card{padding:26px;border:1px solid var(--line);border-radius:15px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.settings-card .button{margin-top:24px}.settings-card input:disabled{background:#f0f4f7;color:#778595}.security-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.security-settings h3{margin:0}.security-settings p{margin:5px 0 0;color:var(--muted);font-size:12px}.toast{position:fixed;right:24px;top:20px;z-index:100;max-width:400px;padding:13px 17px;border-radius:10px;background:#10263c;color:#fff;box-shadow:var(--shadow);font-size:13px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#9f2f3b}@media(max-width:1000px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.mobile-brand{display:flex;color:var(--navy)}.workspace{grid-template-columns:1fr}.workspace-main{grid-column:1}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.icon-button{display:block}.topbar{padding:0 20px}.topbar>div:first-of-type{margin-right:auto;margin-left:12px}.summary-grid{grid-template-columns:repeat(2,1fr)}.content{padding:25px}}@media(max-width:650px){.auth-panel{padding:18px}.auth-card{padding:28px 22px}.content{padding:18px}.topbar{height:72px}.profile-chip span:last-child{display:none}.welcome{padding:25px;display:block}.welcome h1{font-size:29px}.secure-pill{display:inline-flex;margin-top:20px}.summary-grid,.card-grid,.form-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.download-row{grid-template-columns:1fr}.download-row .button{width:100%}.security-settings{align-items:flex-start;flex-direction:column}}