:root{--canvas: #f0f2f6;--bg: #ffffff;--surface2: #f8f9fb;--surface3: #f0f2f5;--border: #e4e7ec;--border2: #d1d6df;--cyan: #0ea5c9;--cyan-light: #e0f5fb;--cyan-mid: rgba(14, 165, 201, .12);--green: #16a34a;--green-light: #dcfce7;--text: #1a2232;--text-mid: #4b5768;--muted: #8c96a6;--red: #dc2626;--red-light: #fee2e2;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--cyan);color:#fff;border-color:var(--cyan)}.btn-primary:hover:not(:disabled){background:#0891b2;border-color:#0891b2}.btn-ghost{background:transparent;color:var(--text-mid);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface2);border-color:var(--border2)}.btn-outline{background:transparent;color:var(--cyan);border-color:var(--cyan)}.btn-outline:hover:not(:disabled){background:var(--cyan-light)}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-mid)}.input::placeholder{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1973;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .12s ease}.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:440px;box-shadow:0 20px 60px #00000026;animation:slideUp .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}