*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1220;color:#e5eefc}a{text-decoration:none;color:#9fd3ff}input,button{font:inherit}
.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#10192d;padding:24px;border-right:1px solid #1d2b48}.brand{font-size:22px;font-weight:700}.tag{font-size:12px;opacity:.7;margin:6px 0 20px}
.nav a{display:block;padding:10px 12px;margin:6px 0;background:#14213b;border-radius:10px}.content{padding:32px}
.hero,.panel{background:#111a2f;border:1px solid #1f3158;border-radius:18px;padding:28px}.actions{display:flex;gap:12px;margin-top:18px}
.btn{display:inline-block;padding:12px 16px;background:#2377ff;color:#fff;border-radius:10px}.btn-secondary{background:#21314f}
.form{display:grid;gap:12px;max-width:440px}.form input,.form button{padding:12px 14px;border-radius:10px;border:1px solid #2a3a63;background:#0b1220;color:#e5eefc}.form button{background:#2377ff;border:none;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}.card{background:#0d1528;border:1px solid #21365f;border-radius:16px;padding:18px}.card strong{display:block;font-size:20px;margin-bottom:6px}.card span{opacity:.9}
.alert{background:#3b1d1d;border:1px solid #7d3434;padding:12px 14px;border-radius:10px;margin-bottom:14px}
.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{padding:12px;border-bottom:1px solid #21365f;text-align:left}.table th{color:#9fd3ff}