@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--red: #CC0000;--red-dark: #A30000;--red-glow: rgba(204,0,0,.15);--surface-0: #0a0a0a;--surface-1: #111111;--surface-2: #1a1a1a;--surface-3: #242424;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--text-1: #f5f5f5;--text-2: #a0a0a0;--text-3: #555555;--online: #22c55e;--idle: #f59e0b;--offline: #3f3f3f;--violet: #8b5cf6}*{box-sizing:border-box}body{background:var(--surface-0);color:var(--text-1);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}}@layer components{.card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px}.card-hover{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;transition:border-color .15s,background .15s}.card-hover:hover{border-color:var(--border-hover);background:var(--surface-2)}.btn-primary{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;border:none;cursor:pointer;transition:all .15s;letter-spacing:.01em}.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);color:var(--text-1);font-size:13px;font-weight:500;padding:9px 16px;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-hover)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-2);font-size:13px;padding:7px 12px;border-radius:8px;border:none;cursor:pointer;transition:all .15s}.btn-ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn-danger{display:inline-flex;align-items:center;gap:7px;background:#ef444414;color:#f87171;font-size:13px;font-weight:500;padding:9px 16px;border-radius:10px;border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all .15s}.btn-danger:hover{background:#ef444426}.input{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);font-size:13px;font-family:inherit;padding:9px 13px;border-radius:10px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.input::placeholder{color:var(--text-3)}select.input{cursor:pointer}.label{display:block;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.badge-online{display:inline-flex;align-items:center;gap:5px;background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.03em}.badge-offline{display:inline-flex;align-items:center;gap:5px;background:#ffffff0a;color:var(--text-3);border:1px solid var(--border);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.03em}.badge-idle{display:inline-flex;align-items:center;gap:5px;background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.03em}.badge-override{display:inline-flex;align-items:center;gap:5px;background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.25);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.03em}.divider{border:none;border-top:1px solid var(--border);margin:0}.mono{font-family:JetBrains Mono,monospace}}