:root{--bg:#080d18;--sidebar:#0b1220;--panel:#111a2b;--panel2:#162136;--line:#26344d;--text:#f5f7fb;--muted:#8fa0ba;--primary:#4f7cff;--primary2:#6b8cff;--danger:#ef5b6b;--success:#2ecc8f;--warning:#f2b84b;--radius:16px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:#8eabff;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:20px;padding:0 8px 24px}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),#8e5cff);font-weight:900;color:#fff;box-shadow:0 14px 35px rgba(79,124,255,.3)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:14px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 14px;border-radius:11px;color:var(--muted);font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#17233a;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sidebar-user small{display:block;color:var(--muted);margin-top:4px}.text-button{border:0;background:none;color:#91a8d1;cursor:pointer;padding:0}.main-content{padding:32px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:0;font-size:29px}.topbar p{margin:6px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card{position:relative;background:linear-gradient(145deg,var(--panel),#0f1828);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{display:block;font-size:34px;margin-top:12px}.dot{position:absolute;right:20px;top:22px;width:11px;height:11px;border-radius:50%}.dot.red{background:var(--danger)}.dot.yellow{background:var(--warning)}.dot.green{background:var(--success)}.dot.blue{background:var(--primary)}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:22px;box-shadow:0 16px 40px rgba(0,0,0,.12)}.panel h2,.panel h3{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head h2{margin:0;font-size:19px}.panel-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750}.badge.open,.badge.urgent{background:rgba(239,91,107,.14);color:#ff8995}.badge.investigating,.badge.high{background:rgba(242,184,75,.14);color:#ffd071}.badge.closed,.badge.low{background:rgba(46,204,143,.14);color:#70e8bb}.badge.archived,.badge.normal{background:rgba(143,160,186,.14);color:#b6c3d7}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:11px 15px;font-weight:750;cursor:pointer}.button.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.button.secondary{background:#1d2a43;color:#dce6f9;border:1px solid #30415f}.button.danger{background:var(--danger);color:#fff}.button.small{padding:8px 11px;font-size:13px}.button.full{width:100%;margin-top:14px}.alert{border-radius:12px;padding:13px 15px;margin-bottom:18px}.alert.success{background:rgba(46,204,143,.13);border:1px solid rgba(46,204,143,.4);color:#8cf1c8}.alert.danger{background:rgba(239,91,107,.13);border:1px solid rgba(239,91,107,.4);color:#ff9ca6}label{display:block;color:#b8c4d6;font-size:13px;font-weight:700;margin:14px 0 7px}input,select,textarea{width:100%;background:#0d1626;border:1px solid #2a3a56;border-radius:10px;color:#fff;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,124,255,.12)}textarea{resize:vertical}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:18px}.span-2{grid-column:span 2}details summary{cursor:pointer;font-weight:800;color:#dce6f9}.timeline{display:grid;gap:16px}.timeline-item{display:grid;grid-template-columns:13px 1fr;gap:12px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px;box-shadow:0 0 0 5px rgba(79,124,255,.12)}.timeline-item p{margin:5px 0 0;color:var(--muted);font-size:13px}.case-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.case-header h2{font-size:30px;margin:12px 0 5px}.case-header p,.back-link{color:var(--muted)}.case-badges{display:flex;gap:8px}.prose{line-height:1.75;color:#d4deed}.record{border:1px solid var(--line);background:#0e1727;border-radius:12px;padding:15px;margin-bottom:12px;display:flex;justify-content:space-between;gap:20px}.record p{margin:7px 0;color:#c6d1e2}.record small{color:var(--muted);white-space:nowrap}.danger-record{border-left:4px solid var(--danger)}.note-record{border-left:4px solid var(--primary)}.empty{text-align:center;color:var(--muted);padding:28px}.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 0,rgba(79,124,255,.2),transparent 40%),var(--bg)}.login-card,.install-card{width:min(440px,100%);background:rgba(17,26,43,.95);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.install-card{width:min(620px,100%)}.login-card .brand-mark,.install-card .brand-mark{margin:0 auto 18px}.login-card h1,.install-card h1{text-align:center;margin:0}.muted{text-align:center;color:var(--muted)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error-page{text-align:center;padding:70px 20px}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-user{margin-top:18px}.main-content{padding:22px}}
@media(max-width:680px){.stats-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px}.filter-grid,.form-grid,.grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.sidebar nav{grid-template-columns:1fr}.main-content{padding:16px}.record{display:block}.record small{display:block;margin-top:10px;white-space:normal}.case-header{align-items:flex-start;display:block}.case-badges{margin-top:12px}}