:root{--bg:#070b13;--panel:#101827;--line:rgba(255,255,255,.08);--text:#eef4ff;--muted:#8fa3bf;--blue:#2563eb}body{margin:0;background:radial-gradient(circle at top left,rgba(37,99,235,.2),transparent 34%),linear-gradient(135deg,#05070d,#0a1220 50%,#020617);color:var(--text);min-height:100vh;font-family:system-ui,Segoe UI,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:rgba(5,10,20,.9);border-right:1px solid var(--line);padding:22px}.brand{display:flex;gap:12px;color:white;text-decoration:none;margin-bottom:28px}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#60a5fa);font-weight:800}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:var(--muted);padding:12px 14px;border-radius:14px;text-decoration:none}.sidebar nav a:hover{background:rgba(255,255,255,.06);color:white}.app-main{margin-left:250px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(5,10,20,.55)}.topbar small{display:block;color:var(--muted)}.page-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-header h1{font-weight:800;margin:0}.page-header p{color:var(--muted);margin:4px 0}.metric,.panel{background:rgba(16,24,39,.92);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.metric{padding:18px}.metric span{color:var(--muted);font-size:.86rem}.metric strong{display:block;font-size:1.35rem;margin-top:8px}.metric.danger strong{color:#f87171}.panel{padding:22px}.form-control,.form-select{background:#0b1220!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text)!important}.table{--bs-table-bg:transparent}.login-body{display:grid;place-items:center;padding:24px}.login-shell{display:grid;grid-template-columns:1.2fr .8fr;max-width:1100px;width:100%;min-height:620px;background:rgba(16,24,39,.62);border:1px solid var(--line);border-radius:32px;overflow:hidden}.login-art{padding:56px;background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.25),transparent 32%),linear-gradient(135deg,#07111f,#0c1f3b)}.login-art h1{font-size:3rem;font-weight:900}.login-card{padding:56px;align-self:center}.login-logo{font-weight:900;font-size:1.5rem;margin-bottom:120px}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app-main{margin-left:0}.login-shell{grid-template-columns:1fr}.login-art{display:none}.page-header{flex-direction:column;align-items:stretch}}