:root{--bg:#080809;--bg-secondary:#0f0f12;--surface:#141417;--surface-sheet:#1a1a1e;--surface-elevated:#1f1f24;--border:#242428;--border-subtle:#1c1c20;--accent:#00b4d8;--accent-dark:#0077a8;--accent-dim:#00b4d81f;--accent-gradient:linear-gradient(135deg, #00b4d8 0%, #0077a8 100%);--text:#f0f0f5;--text-secondary:#8e8e99;--text-tertiary:#5a5a64;--severity-routine:#34c759;--severity-monitor:#ffd60a;--severity-concern:#ff9f0a;--severity-high:#ff453a;--severity-critical:#ff453a;--green:#30d158;--yellow:#ffd60a;--orange:#ff9f0a;--red:#ff2d55;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100svh}h1,h2,h3,h4{margin:0;font-weight:700}p{margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringFill{0%{stroke-dashoffset:628px}to{stroke-dashoffset:var(--ring-offset,0)}}*{-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::selection{background:#00b4d833}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a3e}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes countUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-spring) both}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-elevated) 50%, var(--surface) 75%);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}.card-hover{transition:transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:#00b4d840;transform:translateY(-2px)}
