:root,[data-theme=light]{--bg:#fafafa;--surface:#ffffff;--surface-2:#f4f4f5;--line:#e6e6e8;--line-strong:#d4d4d8;--text:#18181b;--text-2:#6b7280;--text-3:#9ca3af;--accent:#18181b;--accent-fg:#ffffff;--green:#16895a;--green-bg:#e8f5ef;--red:#c8392f;--red-bg:#fbeae8;--amber:#b6791a;--amber-bg:#fbf0dd;--blue:#2563a8}[data-theme=dark]{--bg:#0a0a0b;--surface:#0f0f10;--surface-2:#1a1a1c;--line:#1f1f22;--line-strong:#2e2e32;--text:#fafafa;--text-2:#8b8b93;--text-3:#5a5a61;--accent:#fafafa;--accent-fg:#0a0a0b;--green:#3fb950;--green-bg:#14271a;--red:#f85149;--red-bg:#2a1414;--amber:#d29922;--amber-bg:#2a2110;--blue:#58a6ff}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:13px;color:var(--text)}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--text-2)}textarea{resize:vertical;min-height:64px}label{font-size:12px;color:var(--text-2);display:block;margin-bottom:5px}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:.14s}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.1)}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-bg);border-color:var(--red)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.badge{display:inline-block;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-muted{background:var(--surface-2);color:var(--text-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .32s ease both}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto;z-index:50;animation:fadeUp .18s ease both}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:560px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:2px solid var(--bg)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--line) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}