*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f5f7;--bg2: #ffffff;--bg3: #eef0f3;--bg4: #e3e6ea;--bg5: #cdd2da;--border: rgba(17,24,39,.1);--border2: rgba(17,24,39,.16);--hover: rgba(17,24,39,.04);--text: #1a1d24;--text2: #5b6472;--text3: #98a0ad;--accent: #6c5ce7;--accent2: #6c5ce7;--accent-bg: rgba(108,92,231,.12);--green: #0f9d63;--green-bg: rgba(15,157,99,.12);--red: #e03131;--red-bg: rgba(224,49,49,.1);--amber: #c2700b;--amber-bg: rgba(194,112,11,.12);--blue: #2b7fd4;--blue-bg: rgba(43,127,212,.12);--radius: 12px;--radius-lg: 18px;--radius-sm: 8px;--font: "Onest", -apple-system, sans-serif;--shadow: 0 4px 24px rgba(17,24,39,.08)}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:3px}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font);background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease forwards}