@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#070b14;--bg-surface:#0d1424;--bg-card:#111c30;--bg-card-hover:#162238;--bg-glass:#111c30b3;--border:#ffffff12;--border-glow:#e6394666;--red:#e63946;--red-dim:#e6394626;--red-glow:#e639464d;--amber:#f4a261;--amber-dim:#f4a26126;--amber-glow:#f4a2614d;--green:#2ec4b6;--green-dim:#2ec4b626;--green-glow:#2ec4b64d;--blue:#4895ef;--blue-dim:#4895ef26;--text-primary:#f0f4ff;--text-secondary:#89b;--text-muted:#4a5a7a;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{max-width:1400px;margin:0 auto;padding:0 24px 80px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4,.blood-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1100px){.blood-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.blood-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:600px){.blood-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-4{grid-template-columns:1fr 1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:#ffffff1f}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.section-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-safe{background:var(--green-dim);color:var(--green);border:1px solid var(--green-glow)}.badge-warning{background:var(--amber-dim);color:var(--amber);border:1px solid var(--amber-glow)}.badge-critical{background:var(--red-dim);color:var(--red);border:1px solid var(--red-glow);animation:1.5s infinite pulse-badge}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 var(--red-glow)}50%{box-shadow:0 0 0 4px #0000}}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--red);color:#fff;box-shadow:0 4px 20px var(--red-glow)}.btn-primary:hover{box-shadow:0 6px 24px var(--red-glow);background:#c1121f;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#ffffff26}.btn-amber{background:var(--amber);color:#0d0d0d;box-shadow:0 4px 20px var(--amber-glow)}.btn-amber:hover{background:#e8934a;transform:translateY(-1px)}.input-field{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.input-field option{background:var(--bg-card);color:var(--text-primary)}label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.progress-bar{background:var(--bg-surface);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.25,.8,.25,1)}.fill-safe{background:linear-gradient(90deg, var(--green), #52d9cf)}.fill-warning{background:linear-gradient(90deg, var(--amber), #fbbf24)}.fill-critical{background:linear-gradient(90deg, var(--red), #ff6b6b)}.divider{background:var(--border);height:1px;margin:20px 0}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-up{animation:.5s forwards fadeUp}.fade-in{animation:.4s forwards fadeIn}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.35s}.stagger>:nth-child(8){animation-delay:.4s}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:12px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.data-table td:first-child{color:var(--text-primary);font-weight:500}.meta{color:var(--text-muted);font-size:11px}.mono{font-family:var(--font-mono)}.stat-value{font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#070b14d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:32px;animation:.3s fadeUp}.modal-title{align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.modal-close{position:absolute;top:16px;right:16px}.notif-pill{background:var(--red-dim);color:var(--red);border:1px solid var(--red-glow);letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.priority-bar{align-items:center;gap:8px;display:flex}.priority-dots{gap:3px;display:flex}.priority-dot{background:var(--bg-surface);border-radius:50%;width:6px;height:6px;transition:background .3s}.priority-dot.active{background:var(--green)}.priority-dot.mid{background:var(--amber)}.priority-dot.high{background:var(--red)}.log-entry{font-family:var(--font-mono);border-bottom:1px solid var(--border);color:var(--text-secondary);opacity:0;padding:8px 0;font-size:12px;line-height:1.7;animation:.3s forwards fadeUp}.log-entry:last-child{border-bottom:none}.log-step{color:var(--blue);font-weight:600}.log-action{color:var(--green)}.log-critical{color:var(--red)}.log-warning{color:var(--amber)}.blood-icon{filter:drop-shadow(0 0 8px var(--red-glow));font-size:28px;line-height:1}