:root{--bg:#07111f;--panel:#0e1b2d;--panel2:#102239;--line:#243b55;--text:#eef6ff;--muted:#92a7be;--green:#22c55e;--blue:#38bdf8;--purple:#818cf8;--red:#ff5268;--amber:#fbbf24}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#07111f,#0a1626);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#081421ee;border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:22px;font-weight:900;margin-bottom:20px}.brand small{display:block;font-size:9px;color:var(--blue);letter-spacing:3px}.nav{display:grid;gap:6px}.nav a{padding:11px 12px;border-radius:11px;color:#b7c8d9;text-decoration:none}.nav a:hover,.nav a.active{background:#14243a;color:#fff}.nav .sep{height:1px;background:#1c3048;margin:8px 0}
.main{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.pageTitle small{color:var(--blue);font-weight:850}.userBox{display:flex;align-items:center;gap:8px}.userChip{padding:8px 11px;border:1px solid #29445f;border-radius:11px;background:#0a1728}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 13px;border:1px solid #315273;background:#13263d;color:#fff;text-decoration:none;border-radius:11px;font-weight:800;cursor:pointer}.primary{border:0;background:linear-gradient(90deg,#16a34a,#0ea5e9,#4f46e5)}.danger{background:#451722;border-color:#8a3144}.success{background:#123b2a;border-color:#2c7b53}
.card,.panel{background:linear-gradient(180deg,#0e1b2d,#0a1728);border:1px solid var(--line);border-radius:19px;padding:17px}.panel{margin-top:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric b{display:block;font-size:29px;margin-top:8px}.metric small{color:var(--muted)}
.flashCard{border-width:2px}.flashRed{border-color:var(--red);animation:redpulse 1.1s infinite}.flashYellow{border-color:var(--amber)}.flashGreen{border-color:var(--green)}@keyframes redpulse{0%,100%{box-shadow:0 0 0 0 #ff52684a}50%{box-shadow:0 0 0 8px #ff52680c}}
.alertGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alertCard{padding:15px;border-radius:18px;background:#0b192a;border:1px solid var(--line);text-decoration:none}.alertCard .topline{display:flex;justify-content:space-between;gap:8px}.alertCard h3{margin:7px 0}.meta{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.red{background:#4b1721;color:#ff9aac}.yellow{background:#4a3712;color:#ffd66b}.green{background:#123a29;color:#72e5a0}.blue{background:#123653;color:#8fd9ff}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}label{display:block;color:#a8b9ca;font-size:12px;margin-bottom:5px}input,select,textarea{width:100%;padding:11px 12px;border-radius:11px;border:1px solid #314c68;background:#081522;color:#fff}textarea{min-height:90px}
.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:10px;border-bottom:1px solid #1f334b;text-align:left;vertical-align:top}th{font-size:11px;color:#91a6bd}.thumbs{display:flex;gap:7px;flex-wrap:wrap}.thumb{width:82px;height:62px;object-fit:cover;border-radius:10px;border:1px solid #31506f}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tabs a{padding:9px 12px;border-radius:999px;border:1px solid #31506f;text-decoration:none}.tabs a.active{background:#143653;border-color:#3781ae}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:1100px){.alertGrid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{grid-template-columns:1fr 1fr}.alertGrid,.split{grid-template-columns:1fr}}
@media(max-width:600px){.main{padding:14px}.cards,.formGrid{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.alertGrid{grid-template-columns:1fr}.full{grid-column:auto}}
@media print{.sidebar,.topbar .userBox,.noPrint{display:none!important}.app{display:block}.main{padding:0}body{background:#fff;color:#000}.panel,.card{background:#fff;color:#000;border:0}.meta{color:#555}}