:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 10%,#284e8733,#0000 32rem),#080d18;min-width:320px;min-height:100vh;margin:0}button,a,input,select{font:inherit}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #79a9ff}input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #79a9ff}.skip-link{z-index:10;color:#08101e;background:#f0c46a;border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:17rem 1fr;min-height:100vh;display:grid}.sidebar{background:#0b1221f0;border-right:1px solid #263149;height:100vh;padding:2rem 1.5rem;position:sticky;top:0}.brand-mark{color:#f0c46a;letter-spacing:.08em;background:linear-gradient(145deg,#2b2418,#111827);border:1px solid #9d7938;border-radius:.85rem;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-weight:800;display:grid}.brand-name{margin:0;font-size:1.1rem;font-weight:750}.brand-eyebrow{color:#8d9ab2;margin:.35rem 0 2.5rem;font-size:.78rem;line-height:1.45}.sidebar nav{gap:.4rem;display:grid}.current-user{border-top:1px solid #263149;gap:.35rem;padding-top:1rem;display:grid;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.current-user span,.current-user small{color:#8d9ab2;font-size:.78rem}.current-user button,.panel-heading button,.user-card button{color:#f2f5fb;cursor:pointer;background:#1c2940;border:1px solid #52617c;border-radius:.5rem;width:fit-content;margin-top:.5rem;padding:.55rem .75rem}.nav-link{color:#aab5c9;border:1px solid #0000;border-radius:.6rem;padding:.75rem .9rem;text-decoration:none;transition:all .15s}.nav-link:hover{color:#fff;background:#131e32}.nav-link--active{color:#f5d38b;background:linear-gradient(90deg,#58411c52,#1f304ea6);border-color:#435472}main{min-width:0}.page{width:min(72rem,100%);margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1.5rem,5vw,5rem)}.dashboard-page{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:100vh;display:grid}.eyebrow,.card-kicker{color:#f0c46a;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:750}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.05em;max-width:13ch;margin:0;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98}.hero-copy>p:last-child,.placeholder-page>p:last-child{color:#aab5c9;max-width:46rem;margin-top:1.8rem;font-size:1.05rem;line-height:1.75}.status-card{background:linear-gradient(145deg,#1a263de0,#0d1525f5);border:1px solid #2c3951;border-radius:1rem;padding:1.5rem;box-shadow:0 2rem 5rem #0000003d}.status-card h2{margin:0 0 1.5rem;font-size:1.35rem}.health-status{border-top:1px solid #2c3951;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding-top:1.25rem;display:grid}.health-status button{color:#f2f5fb;cursor:pointer;background:#1c2940;border:1px solid #52617c;border-radius:.5rem;grid-column:2;width:fit-content;padding:.55rem .8rem}.health-status button:disabled{cursor:not-allowed;opacity:.5}.status-dot{background:#e7b854;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 .28rem #e7b8541f}.health-status--healthy .status-dot{background:#5fd39a;box-shadow:0 0 0 .28rem #5fd39a1f}.health-status--error .status-dot,.health-status--offline .status-dot{background:#ef7c75;box-shadow:0 0 0 .28rem #ef7c751f}.health-label,.health-message{margin:0}.health-label{color:#8d9ab2;font-size:.8rem}.health-message{margin-top:.2rem;font-weight:700}.placeholder-page{min-height:100vh}.placeholder-page h1{font-size:clamp(2.5rem,5vw,4.5rem)}.login-page,.centered-state{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:#0d1525f5;border:1px solid #2c3951;border-radius:1.25rem;width:min(30rem,100%);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 2rem 5rem #0000004d}.login-card h1,.compact-page h1{max-width:none;font-size:clamp(2.25rem,5vw,4rem);line-height:1.05}.login-intro,.page-intro{color:#aab5c9;line-height:1.7}.login-card form,.user-form{gap:.85rem;margin-top:2rem;display:grid}.login-card label,.user-form label,.inline-control{color:#cbd4e4;gap:.4rem;font-size:.9rem;font-weight:650;display:grid}input,select{color:#f5f7ff;background:#0d1627;border:1px solid #435472;border-radius:.55rem;width:100%;padding:.75rem}.primary-button{color:#171006;cursor:pointer;background:#f0c46a;border:1px solid #ad8742;border-radius:.6rem;margin-top:.5rem;padding:.85rem 1rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}.form-error{color:#ffaaa4;margin:0;line-height:1.5}.compact-page{max-width:72rem}.panel{background:#0d1525e0;border:1px solid #2c3951;border-radius:1rem;margin-top:2rem;padding:1.5rem}.panel h2,.user-card h3,.user-card p{margin:0}.panel-heading,.user-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.user-form .form-error,.user-form .primary-button{grid-column:1/-1}.user-list{gap:.75rem;margin-top:1rem;display:grid}.user-card{background:#0b1424;border:1px solid #263149;border-radius:.75rem;grid-template-columns:minmax(12rem,1fr) auto minmax(9rem,auto) auto;padding:1rem;display:grid}.user-card p,.role-label{color:#8d9ab2;margin-top:.3rem;font-size:.85rem}.status-badge{border-radius:999px;padding:.35rem .6rem;font-size:.78rem;font-weight:750}.status-badge--active{color:#8aebba;background:#328d6033}.status-badge--inactive{color:#ffaaa4;background:#ae433d33}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #263149;border-right:0;height:auto;padding:1.25rem;position:static}.current-user{margin-top:1rem;position:static}.brand-mark,.brand-eyebrow{display:none}.sidebar nav{margin-top:1rem;display:flex;overflow-x:auto}.nav-link{flex:none}.dashboard-page{grid-template-columns:1fr;min-height:auto}.user-form,.user-card{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}