.sidebar{width:280px;min-width:280px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:22px;background:linear-gradient(180deg,#0f172a,#111827);border-right:1px solid rgba(255,255,255,.05);box-shadow:10px 0 30px #02061733;z-index:100;transition:width .25s ease,min-width .25s ease,padding .25s ease}.sidebar-toggle{position:absolute;top:24px;right:-14px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#1e293b;color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:101;transition:.2s ease}.sidebar-toggle:hover{background:#2563eb;color:#fff}.sidebar.collapsed{width:88px;min-width:88px;padding:18px 12px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-list a span,.sidebar.collapsed .logout-link span,.sidebar.collapsed .sidebar-user-text{display:none}.sidebar.collapsed .brand,.sidebar.collapsed .nav-list a,.sidebar.collapsed .logout-link,.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar-top{display:flex;flex-direction:column;gap:28px}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.brand-logo{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px #2563eb59}.brand-text h2{margin:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:34px;font-weight:900;letter-spacing:-1.2px;gap:0}.brand-blue{color:#3b82f6!important}.brand-white{color:#fff!important}.brand-subtitle{display:block;margin-top:6px;font-size:13px;color:#94a3b8;text-align:center;letter-spacing:.3px}.nav-list{display:flex;flex-direction:column;gap:8px;margin-top:30px}.nav-list a{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;text-decoration:none;color:#cbd5e1;font-size:15px;font-weight:600;transition:.25s ease;overflow:hidden}.nav-list a:hover{background:#ffffff0f;color:#fff;transform:translate(4px)}.nav-list a.active{background:linear-gradient(135deg,#2563eb38,#1d4ed838);color:#fff;box-shadow:inset 0 0 0 1px #ffffff0d}.nav-list a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:linear-gradient(180deg,#60a5fa,#2563eb)}.nav-list a svg{flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(96,165,250,.4)}.sidebar-user-text{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{color:#fff;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{color:#94a3b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-link{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:16px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);transition:.25s ease;box-shadow:0 10px 25px #dc262638}.logout-link:hover{box-shadow:0 16px 30px #dc262652}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}@media(max-width:900px){.sidebar{width:88px;min-width:88px;padding:18px 12px}.brand-text,.nav-list a span,.logout-link span,.sidebar-user-text{display:none}.nav-list a,.logout-link,.brand{justify-content:center}.sidebar-user{justify-content:center;padding:10px}}:root{--sidebar: linear-gradient( 90deg, #0f172a 0%, #1e293b 50%, #334155 100% );--accent:#0a8fdb;--muted:#7a8588;--bg:#f4f6f7;--card:#fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial;overflow-x:hidden}.app-root{display:flex;height:100vh;max-width:100vw}.sidebar{width:260px;background:var(--sidebar);color:#e6f2f0;padding:18px;flex-shrink:0}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.content-area{flex:1;min-width:0;padding:20px;overflow-x:auto;overflow-y:auto}.muted{color:var(--muted)}.btn{padding:8px 12px;border-radius:6px;border:1px solid #ddd;background:#fff}.btn.primary{background:var(--accent);color:#fff;border:none}.topbar{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e6eaeb;flex-shrink:0}.topbar .search input{padding:8px;border-radius:6px;border:1px solid #ddd}.topbar .profile{display:flex;align-items:center;gap:8px}.topbar img{width:36px;height:36px;border-radius:50%}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.incident-card{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9eef0}@keyframes spin{to{transform:rotate(360deg)}}