*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-canvas:#0f172a;--color-bg-sidebar:#060e20;--color-bg-surface:#0b1426;--color-bg-interactive-hover:#131f36;--color-text-primary:#e2e8f0;--color-text-accent:#38bdf8;--color-text-muted:#94a3b8;--color-text-success:#4ade80;--color-text-error:#ef4444;--color-border:#94a3b833;--color-success:#4ade80;--color-button-primary:#4f46e5;--color-button-primary-hover:#4338ca;--color-button-disabled:#56585b3a;--color-button-secondary:#24293d;--color-button-secondary-hover:#334155;--color-button-success:#1e8d47d5;--color-button-success-hover:#11602ee0;--color-button-danger:#ef4444;--color-button-danger-hover:#dc2626;--shadow-elevation-1:0 3px 6px 0px #00000080;--sidebar-width:17rem}body{background-color:var(--color-bg-canvas);color:var(--color-text-primary);min-height:100vh;font-family:system-ui;line-height:1.6}h1{color:var(--color-text-primary)}.loading{height:100vh;color:var(--color-text-accent);justify-content:center;align-items:center;font-size:1.5rem;display:flex}form{background-color:var(--color-bg-surface);border-radius:.5rem;justify-content:center;align-items:center;gap:10px;width:80%;margin-top:20px;display:flex}form svg{min-width:26px;min-height:26px;margin-left:1rem}form button{background-color:var(--color-button-primary);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem;transition:background-color .3s}form button:hover,form button:focus{background-color:var(--color-button-primary-hover)}form button.disabled{cursor:not-allowed;pointer-events:none;opacity:.5}input{caret-color:var(--color-text-accent);color:var(--color-text-primary);border:1px solid var(--color-border);background-color:var(--color-bg-surface);border-radius:.5rem;width:90%;padding:1rem;font-size:1rem}input:focus{outline:none}.loading{border:5px solid var(--color-border);border-top:5px solid var(--color-text-accent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.loading{left:45%}}