:root{--bg:#07101e;--panel:#0e1a2c;--panel2:#12213a;--text:#edf5ff;--muted:#91a6c4;--accent:#21d4fd;--accent2:#7b61ff;--border:#203552}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#06101e,#0c1228 55%,#140d2c);color:var(--text);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:18px;background:rgba(6,14,28,.96);border-right:1px solid var(--border);overflow:auto}.logo{padding:12px 10px 24px}.logo b{font-size:24px;letter-spacing:1px}.logo small,.top small,td small,.card small{display:block;color:var(--muted);margin-top:5px}.nav{display:flex;gap:12px;padding:12px 13px;margin:4px 0;border-radius:12px;color:#dcecff;text-decoration:none}.nav:hover,.nav.active{background:linear-gradient(90deg,rgba(33,212,253,.18),rgba(123,97,255,.18));box-shadow:inset 0 0 0 1px rgba(85,194,255,.2)}.top{position:fixed;left:260px;right:0;top:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,16,30,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:3}.top a{color:var(--accent)}.content{margin-left:260px;padding:100px 28px 50px;max-width:1600px}.lead{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0}.card{display:block;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(18,33,58,.96),rgba(11,23,42,.96));color:var(--text);text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.15)}.card b{display:block;font-size:34px;margin-top:10px}.card.accent{background:linear-gradient(145deg,#123b51,#30225b)}.panel{background:rgba(14,26,44,.94);border:1px solid var(--border);border-radius:18px;padding:20px;margin:18px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span2{grid-column:1/-1}label{display:grid;gap:7px;color:#cde0f5;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #294568;border-radius:10px;background:#091524;color:var(--text);outline:none}textarea{min-height:90px}.btn{padding:11px 16px;border:1px solid #35557a;border-radius:10px;background:#152840;color:white;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#0f9ec7,#6655e9);border:0}.actions{display:flex;gap:10px}.table-wrap{overflow:auto}.table-search{max-width:430px;margin-bottom:14px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px;border-bottom:1px solid #203552;text-align:left;vertical-align:top}th{color:#9fc9ff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.badge{background:#16304b;border:1px solid #315a81;border-radius:999px;padding:4px 9px}.flash,.ok,.err{padding:13px 15px;border-radius:12px;margin:12px 0}.flash,.ok{background:#113d38;border:1px solid #1f766c}.err{background:#4c1c27;border:1px solid #8c3448}.login-bg{display:grid;place-items:center}.login-card,.setup-card{width:min(460px,92vw);padding:34px;border:1px solid var(--border);border-radius:24px;background:rgba(10,22,39,.96);box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card form{display:grid;gap:15px}.brand-mark{font-size:28px;font-weight:800;color:var(--accent)}@media(max-width:900px){.sidebar{position:static;width:auto}.top{position:static;margin:0}.content{margin:0;padding:24px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media print{.sidebar,.top,.btn,.table-search{display:none!important}.content{margin:0;padding:0;color:#000}body{background:#fff}.panel{border:0;background:#fff;color:#000}table{min-width:0}th,td{color:#000;border-color:#ccc}}