:root{--bg: #0d1321;--panel: #1d2d44;--panel-alt: #243b55;--text: #f3f6ff;--muted: #a7b6cf;--accent: #4ecdc4;--danger: #ff7b7b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0%,#1f3b5b,var(--bg));color:var(--text)}a{color:var(--text)}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid #314765;padding:20px;background:#132238}.brand{display:inline-block;margin-bottom:16px;font-size:20px;text-decoration:none}.nav{display:grid;gap:8px}.nav a{padding:10px 12px;border-radius:8px;text-decoration:none}.nav a.active{background:var(--panel-alt)}.content{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page{display:grid;gap:16px}.card{border:1px solid #314765;border-radius:12px;background:#1d2d44bf;padding:16px}.form{display:grid;gap:12px}label{display:grid;gap:8px;font-size:14px}input{border:1px solid #3a5679;border-radius:8px;background:#132238;color:var(--text);padding:10px 12px}.button{border:none;border-radius:8px;padding:10px 14px;background:var(--accent);color:#022824;font-weight:700;cursor:pointer}.button-secondary{background:#2f4564;color:var(--text)}.muted{color:var(--muted)}.error{color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #334f72;padding:10px 8px}.login-page{min-height:100vh;display:grid;place-items:center}.login-page .card{width:min(440px,90vw)}