*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:#0b1220;color:#e5e7eb}body{min-height:100vh}.shell{max-width:1380px;margin:0 auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.topbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.user-meta{display:grid;gap:4px;text-align:right}.user-meta span,.muted{color:#94a3b8}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#38bdf8}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0}a{color:#93c5fd;text-decoration:none}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#1e293b;color:#fff;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:transparent}.btn.mini{min-height:34px;padding:0 10px;border-radius:10px;font-size:12px}.btn:hover,.nav a:hover,.incident-btn:hover{transform:translateY(-1px)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:1.2fr .9fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.24)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.badge{padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2);font-size:12px;font-weight:700}.badge.muted{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.2)}.stack{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-weight:700;color:#cbd5e1;font-size:14px}input,select,textarea{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#111827;color:#e5e7eb;padding:12px 14px}input[readonly]{background:#0b1220}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.incident-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111827;color:#fff;font-weight:700;cursor:pointer}.incident-btn.active{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.4)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#111827}.checkbox-row{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:12px}.auth-wrap{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(480px,100%)}.alert{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.alert.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.24);color:#bbf7d0}.alert.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.24);color:#fecaca}.table-wrap{overflow:auto}.top-gap{margin-top:18px}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.list-card{display:grid;gap:4px;padding:14px;border-radius:14px;background:#111827;border:1px solid rgba(255,255,255,.08);color:#e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.detail-grid div{display:grid;gap:4px;padding:12px;border-radius:12px;background:#111827;border:1px solid rgba(255,255,255,.08)}.codebox{padding:14px;border-radius:14px;background:#111827;border:1px solid rgba(255,255,255,.08);line-height:1.6;white-space:pre-wrap;word-break:break-word}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-edit{display:grid;gap:8px}.action-end{align-content:end}.small{font-size:12px}
@media (max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.grid.cols-2,.grid.cols-3,.grid.cols-4,.button-grid,.detail-grid{grid-template-columns:1fr}.topbar,.topbar-right{flex-direction:column;align-items:stretch}.user-meta{text-align:left}}