:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5edf7;background:#0b1220}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:#7dd3fc}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.card,.page{width:min(100%,760px);background:#121d2e;border:1px solid #263750;border-radius:14px;padding:clamp(1.25rem,4vw,2.5rem)}h1,h2{margin:0 0 .75rem}.eyebrow{color:#7dd3fc;font-size:.75rem;font-weight:700;letter-spacing:.12em}.primary{background:#22c55e;border:0;border-radius:8px;color:#052e16;font-weight:700;padding:.7rem 1rem}.notice{border-left:3px solid #38bdf8;margin:1rem 0;padding-left:.75rem}.error{border-color:#fb7185}.app-shell{margin:0 auto;max-width:1000px;padding:1rem}header{align-items:center;border-bottom:1px solid #263750;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0 1rem}nav{display:flex;flex-wrap:wrap;gap:.5rem}nav button,.user-list button{background:transparent;border:1px solid #3b4e6a;border-radius:7px;color:inherit;padding:.45rem .65rem}nav button.active{border-color:#7dd3fc;color:#7dd3fc}.page{margin-top:1.5rem;width:100%}.status-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.status-grid div{background:#0d1727;border-radius:9px;padding:1rem}dt,.muted{color:#9fb2cc}dd{font-weight:600;margin:.4rem 0 0}.add-user{margin:1.5rem 0}.add-user label{display:block;font-weight:700;margin-bottom:.5rem}.form-row{display:flex;gap:.5rem}input{background:#0b1220;border:1px solid #3b4e6a;border-radius:8px;color:inherit;flex:1;min-width:0;padding:.7rem}.user-list{list-style:none;margin:0;padding:0}.user-list li{align-items:center;border-top:1px solid #263750;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0;overflow-wrap:anywhere}@media(max-width:520px){header,.form-row{flex-direction:column}}.public-shell{margin:0 auto;max-width:900px;min-height:100vh;padding:1rem}.public-header{align-items:center;border-bottom:1px solid #263750;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0 1rem}.brand{color:inherit;font-weight:700;text-decoration:none}.public-header nav,footer{display:flex;flex-wrap:wrap;gap:1rem}.hero{margin:clamp(3rem,15vh,8rem) auto}.legal{line-height:1.6;margin:3rem auto}footer{border-top:1px solid #263750;color:#9fb2cc;font-size:.9rem;padding:1rem 0}@media(max-width:520px){.public-header{align-items:flex-start;flex-direction:column}}