*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#071019;color:#eaf1f7}.login-page{min-height:100vh;display:grid;place-items:center}.login-shell{width:min(440px,92vw)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.logo-mark{width:46px;height:46px;border:1px solid #2dd4bf;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:800;color:#5eead4;background:#0b2529}.logo-mark.small{width:34px;height:34px;font-size:18px;border-radius:9px}.brand-name{font-size:22px;font-weight:800;letter-spacing:4px}.brand-sub,.eyebrow,.side-label{font-size:10px;letter-spacing:2px;color:#6f8291;font-weight:700}.login-card{padding:34px;border:1px solid #1c303d;background:#091620;border-radius:20px;box-shadow:0 25px 80px #0008}h1{font-size:32px;margin:8px 0}.muted{color:#8293a1}.alert{padding:12px;border-radius:10px;background:#3a1720;border:1px solid #713040;color:#ffb4c1;margin:18px 0}label{display:block;font-size:13px;color:#a8b7c2;margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#071019;color:#fff;border:1px solid #29404f;border-radius:10px;outline:none}input:focus{border-color:#35cdb8}.primary{width:100%;padding:14px;margin-top:8px;border:0;border-radius:10px;background:#27bfa9;color:#03120f;font-weight:800;cursor:pointer}.primary span{float:right}.security-note{text-align:center;margin-top:18px;color:#617584;font-size:11px}.login-shell footer{text-align:center;color:#526572;font-size:11px;margin-top:22px}.dashboard-page{min-height:100vh}.topbar{height:66px;border-bottom:1px solid #172a36;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#071019}.brand-inline{display:flex;gap:10px;align-items:center;letter-spacing:3px}.user-area{font-size:12px;color:#81929e}.user-area a{color:#5eead4;margin-left:16px;text-decoration:none}.dashboard{display:flex;min-height:calc(100vh - 66px)}aside{width:220px;border-right:1px solid #172a36;padding:26px 16px}aside a{display:block;padding:11px 12px;color:#8395a2;text-decoration:none;border-radius:8px;font-size:13px}aside a.active,aside a:hover{background:#10212b;color:#dffaf5}.side-label.lower{margin-top:30px}.content{padding:42px;max-width:1100px;width:100%}.notice{display:flex;flex-direction:column;gap:8px;margin:28px 0;padding:18px;border:1px solid #24404c;background:#0b1b25;border-radius:12px}.notice span{color:#8293a1;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:22px;border:1px solid #1c303d;background:#091720;border-radius:14px}.card-label{font-size:11px;letter-spacing:2px;color:#728591}.card-value{font-size:30px;font-weight:700;margin:10px 0}@media(max-width:700px){.cards{grid-template-columns:1fr}.content{padding:25px}aside{display:none}}