:root{--sidebar-w:240px}body{background:#0b1220;color:#e5e7eb;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:#0f172a;color:#cbd5e1;border-right:1px solid #111827}
.sidebar .brand{padding:16px;border-bottom:1px solid #1f2937}.sidebar .brand .title{font-weight:700;color:#fff}
.sidebar nav a{display:block;padding:10px 14px;border-left:3px solid transparent;color:inherit;text-decoration:none}
.sidebar nav a:hover,.sidebar nav a.active{background:#111827;color:#fff;border-left-color:#22d3ee}
.main{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}
.topbar{background:#0d1426;border-bottom:1px solid #111827;color:#94a3b8;padding:10px 14px}
.container{max-width:1200px;margin:0 auto;padding:24px}
.card{background:#0f172a;border:1px solid #111827;border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.25);padding:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:999px;border:1px solid #1f2937;background:#111827;color:#e5e7eb;cursor:pointer}
.btn-primary{background:#2563eb;border-color:#1d4ed8}.btn-success{background:#16a34a;border-color:#15803d}.btn-warning{background:#f59e0b;border-color:#d97706}.btn-outline{background:transparent}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #1f2937}
.input,.select,.textarea{width:100%;background:#0b1220;border:1px solid #1f2937;color:#e5e7eb;border-radius:10px;padding:10px}
label{display:block;margin-bottom:6px;color:#cbd5e1}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}.main{margin-left:0}.sidebar{position:static;width:auto}}
.footer{color:#64748b;padding:16px;text-align:center;border-top:1px solid #111827}.small{font-size:12px;color:#94a3b8}