:root{--bg:#0f172a;--card-bg:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#a3e635;--accent-hover:#84cc16;--border:#334155;--danger:#ef4444;--sans:"Inter", system-ui, -apple-system, sans-serif;font:16px/1.5 var(--sans);color:var(--text-main);background-color:var(--bg);-webkit-font-smoothing:antialiased}body{background-color:#000;justify-content:center;min-height:100vh;margin:0;display:flex}#root{background-color:var(--bg);border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:900px;min-height:100svh;display:flex;position:relative;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}input,select,textarea{width:100%;color:var(--text-main);border:1px solid var(--border);box-sizing:border-box;font-size:15px;font-family:var(--sans);background-color:#0f172a;border-radius:12px;outline:none;padding:12px 16px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a3e63533}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#334155;border:2px solid #1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#475569}