:root{color:#eaf0ff;background:#0b1020;font-family:Inter,system-ui,Arial}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{background:#111936;width:260px;height:100vh;padding:22px;position:sticky;top:0}aside h2{margin:0 0 24px}aside button{color:#bfc8e6;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;margin:5px 0;padding:12px;display:flex}aside button.active,aside button:hover{color:#fff;background:#26345f}section{flex:1;padding:28px}h1{margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{background:linear-gradient(135deg,#1b2550,#172044);border:1px solid #2b3b72;border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex}.card span{color:#9eb0e9;font-size:13px;display:block}.card b{font-size:30px}input,textarea,select{color:#fff;background:#0d1430;border:1px solid #2c3b70;border-radius:12px;width:100%;margin:6px 0;padding:12px}button{color:#fff;cursor:pointer;background:#5b7cfa;border:0;border-radius:12px;margin:4px;padding:11px 15px}button:hover{filter:brightness(1.08)}table{border-collapse:collapse;background:#101735;border-radius:16px;width:100%;margin-top:16px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #26345f;padding:12px}th{color:#9eb0e9}.row{gap:8px;display:flex}.form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center;gap:10px;display:grid}.login{background:radial-gradient(circle at top,#20347b,#0b1020 55%);place-items:center;min-height:100vh;display:grid}.login form{background:#111936;border:1px solid #293a72;border-radius:24px;width:min(420px,92vw);padding:30px}.login h1{margin-bottom:8px}.login p{color:#aab7e8}.login em{color:#ff8a8a;margin-top:10px;display:block}code{white-space:pre-wrap;color:#acd1ff}