:root{--bg-0: #0a0a0a;--bg-1: #111111;--bg-2: #171717;--bg-3: #1f1f1f;--bg-hover: #222222;--border: #262626;--border-strong: #333333;--text-0: #f5f5f5;--text-1: #a3a3a3;--text-2: #737373;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #06b6d4;--success-bg: rgba(34, 197, 94, .1);--warning-bg: rgba(245, 158, 11, .1);--danger-bg: rgba(239, 68, 68, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-0)}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:13px;font-weight:500;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--text-0);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background:var(--bg-3);border-color:var(--border-strong)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--bg-2)}button.sm{padding:5px 10px;font-size:12px}input,select,textarea{font-family:inherit;font-size:13px;width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);color:var(--text-0);transition:all .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--bg-2)}input::placeholder{color:var(--text-2)}label{display:block;font-size:12px;font-weight:500;color:var(--text-1);margin-bottom:6px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mono{font-family:var(--font-mono)}.text-1{color:var(--text-1)}.text-2{color:var(--text-2)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}