:root{--sidebar-w:240px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--bg:#eef0f8;--surface:#fff;--surface2:#f4f6fb;--surface3:#eaecf5;--border:#00000012;--border2:#0000000a;--shadow:0 2px 8px #635bb414, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #635bb41f;--shadow-lg:0 8px 32px #635bb429;--white:#1a1d2e;--muted:#6b7280;--muted2:#9ca3af;--purple:#6c5ce7;--purple2:#5a4fd4;--purple-soft:#6c5ce71a;--teal:#0984e3;--teal-soft:#0984e31a;--green:#00b894;--green-soft:#00b8941a;--red:#e17055;--red-soft:#e170551a;--gold:#e6a817;--gold-soft:#e6a8171a;--pink:#e84393;--pink-soft:#e843931a;--sidebar-bg:#1e2140;--sidebar-text:#ffffffa6;--sidebar-hover:#ffffff14;--sidebar-active:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font);color:var(--white);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--muted2)}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6c5ce71f}select option{background:var(--surface);color:var(--white)}button{font-family:var(--font);cursor:pointer;background:var(--purple);color:#fff;letter-spacing:.3px;border:none;border-radius:8px;width:auto;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 8px #6c5ce740}button:hover{opacity:.9;box-shadow:0 4px 12px #6c5ce759}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.ghost{background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:none}button.ghost:hover{background:var(--surface2);box-shadow:none}button.danger{background:var(--red-soft);color:var(--red);box-shadow:none;border:1px solid #e1705540}button.danger:hover{background:#e170552e}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}