:root{--accent: #5b6ff0;--accent-dark: #3443b9;--accent-soft: #eef2ff;--bg-app: #eef3fb;--bg-panel: #ffffff;--bg-rail: #ffffff;--bg-hover: #f4f7fb;--bg-selected: #eef3ff;--text: #111827;--text-muted: #5f6b7a;--text-faint: #8a95a5;--border: #e1e7f0;--border-strong: #c8d2df;--danger: #ef4444;--success: #059669;--warning: #f59e0b;--radius: 8px;--shadow-lg: 0 18px 50px rgba(15, 23, 42, .18);--shadow-card: 0 10px 30px rgba(31, 42, 68, .08);--header-height: 70px;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-panel);color:var(--text);transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#171717;border-color:#171717;color:#fff;box-shadow:0 10px 22px #11182724}.btn-primary:hover:not(:disabled){background:#2f3339;border-color:#2f3339;color:#fff}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;color:var(--text-muted)}.field input,.field select{padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff;color:var(--text);outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hint{font-size:12px;color:var(--text-faint)}.alert{padding:10px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.alert-error{background:#fdf3f4;color:var(--danger);border:1px solid #f3d6d8}.alert-success{background:#f1faf1;color:var(--success);border:1px solid #cfe9cf}.alert-info{background:var(--accent-soft);color:var(--accent-dark);border:1px solid #cfe3f5}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#b8c4d4;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}