@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f5f5f7;--bg2:#fff;--bg3:#f9f9f9;--bg4:#e8e8ed;--border:#d2d2d7;--accent:#0071e3;--accent-hover:#0077ed;--accent-dim:#0071e315;--accent2:#34c759;--accent3:#ff3b30;--accent4:#ff9f0a;--text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;--radius:12px;--shadow:0 2px 20px #00000014;--shadow-hover:0 4px 24px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0071e34d}button.btn-secondary{background:var(--bg4);color:var(--text)}button.btn-secondary:hover{box-shadow:none;background:#dddde2;transform:translateY(-1px)}button.btn-danger{color:var(--accent3);background:0 0;border:1px solid #ff3b3040}button.btn-danger:hover{border-color:var(--accent3);box-shadow:none;background:#ff3b3010;transform:translateY(-1px)}button.btn-success{color:var(--accent2);background:0 0;border:1px solid #34c75940}button.btn-success:hover{border-color:var(--accent2);box-shadow:none;background:#34c75910;transform:translateY(-1px)}button.btn-stop{color:var(--accent3);background:0 0;border:1px solid #ff3b3040}button.btn-stop:hover{border-color:var(--accent3);box-shadow:none;background:#ff3b3010}input,select,textarea{border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder{color:var(--text3)}select option{background:var(--bg2)}h1,h2,h3,h4{font-family:Inter,sans-serif}h2{letter-spacing:-.5px;font-size:28px;font-weight:700}h3{margin-bottom:1rem;font-size:18px;font-weight:600}h4{font-size:14px;font-weight:600}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.fade-up{animation:.4s forwards fadeUp}