:root{--bg: #08080a;--bg-secondary: #0c0c10;--card: #0f0f13;--card-hover: #151519;--border: #1a1a22;--border-light: #252530;--text: #e4e4e7;--text-muted: #71717a;--text-dim: #52525b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #06b6d4;--purple: #a855f7;--orange: #f97316;--blue: var(--accent);--blue-dim: var(--accent-hover);--green: var(--success);--green-dim: #16a34a;--red: var(--danger);--red-dim: #dc2626;--yellow: var(--warning);--yellow-dim: #ca8a04;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "DM Mono", monospace;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::placeholder{color:var(--text-muted)}input,textarea,select{font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}select{cursor:pointer}textarea{resize:vertical;min-height:80px}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:opacity .15s,background .15s}button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-danger{background:#ef44441a;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm{padding:4px 10px;font-size:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-interactive{cursor:pointer;transition:border-color .15s,background .15s}.card-interactive:hover{border-color:var(--border-light);background:var(--card-hover)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.stats-row{display:flex;gap:12px;flex-wrap:wrap}.stats-row>*{flex:1;min-width:140px}.section-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:440px;max-width:90vw;max-height:85vh;overflow-y:auto;animation:fadeIn .15s ease-out}.modal-title{font-size:16px;font-weight:600;margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}.field input,.field textarea,.field select{width:100%}.mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn .2s ease-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--card)}.empty-state-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-state-message{font-size:14px;margin-bottom:4px}.empty-state-hint{font-size:12px;color:var(--text-dim)}@media(max-width:768px){.stats-row{flex-direction:column}.stats-row>*{min-width:100%}.grid-cards{grid-template-columns:1fr}.modal-content{width:95vw;padding:20px}}