@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg:#0d0d0f;--surface:#1a1a1e;--card:#252530;--card-border:#2d2d3a;--primary:#e53935;--primary-glow:#e5393533;--primary-soft:#e5393599;--accent-orange:#ff6b35;--text-primary:#fff;--text-secondary:#b0b0b5;--text-muted:#6b6b70;--online:#4caf50;--verified:#2196f3;--error:#e53935}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}a{color:var(--primary);text-decoration:none}input,textarea,select{font-family:Poppins,sans-serif;font-size:14px}button{cursor:pointer;border:none;outline:none;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast{background:var(--card);color:var(--text-primary);border:1px solid var(--card-border);z-index:9999;border-radius:12px;padding:12px 24px;font-size:14px;animation:.3s slideUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.form-input{background:var(--surface);border:1px solid var(--card-border);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary);border-width:2px;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:999px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outlined{width:100%;color:var(--primary);border:1px solid var(--primary);background:0 0;border-radius:999px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-outlined:hover{background:var(--primary-glow)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--card-border);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-ghost:hover{border-color:var(--text-muted)}.error-box{color:var(--error);background:#e5393533;border:1px solid #e5393580;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.divider-text{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--card-border);flex:1;height:1px}.chip{background:var(--surface);color:var(--text-primary);border:1px solid var(--card-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.chip.selected{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:16px}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page{flex-direction:column;height:100%;display:flex;overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:80vh;padding:24px;animation:.3s slideUpModal;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:var(--card-border);border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.toggle{background:var(--card-border);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.toggle.active{background:var(--primary)}.toggle:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}
