@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #0a0a0f;--bg-surface: #14141d;--bg-surface-2: #1d1d2a;--bg-border: #2a2a3a;--text-primary: #f5f5f7;--text-secondary:#a8a8b8;--text-muted: #6a6a7a;--accent: #FF6B1A;--accent-hover: #E55A0F;--accent-dim: rgba(255, 107, 26, .12);--accent-bright: #FFB100;--accent-deep: #FF3D00;--brand-gradient: linear-gradient(135deg, #FFB100 0%, #FF6B1A 50%, #FF3D00 100%);--brand-gradient-subtle: linear-gradient(135deg, rgba(255,177,0,.1) 0%, rgba(255,61,0,.1) 100%);--red: #ff4444;--orange: #ff8c00;--yellow: #ffd600;--blue: #2979ff;--critical: #ff1744;--high: #ff6d00;--medium: #ffd600;--low: #FFB100;--info: #40c4ff;--shadow-card: 0 1px 3px rgba(0,0,0,.5), 0 0 0 1px var(--bg-border);--shadow-glow: 0 0 24px rgba(255, 107, 26, .2)}[data-theme=light]{--bg-base: #faf9f7;--bg-surface: #ffffff;--bg-surface-2: #f7f5f1;--bg-border: #e8e4dc;--text-primary: #1a1a1f;--text-secondary:#5a5a6a;--text-muted: #9a9aaa;--accent: #E55A0F;--accent-hover: #CC4D08;--accent-dim: rgba(229, 90, 15, .1);--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 0 0 1px var(--bg-border);--shadow-glow: 0 0 24px rgba(229, 90, 15, .12)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-base);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;transition:background-color .2s,color .2s;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:8px;box-shadow:var(--shadow-card)}.stat-pill{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:6px;padding:8px 14px;min-width:80px}.stat-pill .stat-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.stat-pill .stat-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-pill .stat-value.accent{color:var(--accent)}.stat-pill .stat-value.red{color:var(--critical)}.stat-pill .stat-value.orange{color:var(--high)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-critical{background:#ff174426;color:var(--critical)}.badge-high{background:#ff6d0026;color:var(--high)}.badge-medium{background:#ffd60026;color:var(--medium)}.badge-low{background:#00e6761f;color:var(--low)}.badge-info{background:#40c4ff1f;color:var(--info)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s;letter-spacing:.03em}.btn-accent{background:var(--accent);color:#000}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-border)}.btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-primary)}.input{background:var(--bg-surface-2);border:1px solid var(--bg-border);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:13px;outline:none;width:100%;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status-dot.warning{background:var(--yellow)}.status-dot.error{background:var(--critical)}.status-dot.pulse{animation:pulse 2s infinite}.progress-bar{height:4px;background:var(--bg-border);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);transition:width .5s ease;border-radius:2px}.check-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bg-border);transition:background .1s}.check-row:last-child{border-bottom:none}.check-row:hover{background:var(--bg-surface-2)}.check-row .check-label{flex:1;font-size:13px;color:var(--text-primary)}.check-row .check-action{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.05em;cursor:pointer;padding:3px 8px;border-radius:4px;transition:background .15s}.check-row .check-action:hover{background:var(--accent-dim)}.mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:11px;color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease forwards}.scan-active:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan-line 2s linear infinite}
