:root{--bg-primary: #0B0E14;--bg-secondary: #161B22;--accent-green: #00FFA3;--accent-red: #FF3B69;--text-primary: #FFFFFF;--text-secondary: #8B949E;--border-color: #30363D;--glass-bg: rgba(22, 27, 34, .7);--glass-border: rgba(255, 255, 255, .1);--shadow-neon-green: 0 0 15px rgba(0, 255, 163, .3);--shadow-neon-red: 0 0 15px rgba(255, 59, 105, .3);font-family:Outfit,system-ui,-apple-system,sans-serif;color:var(--text-primary);background-color:var(--bg-primary)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,#1a2233,#0b0e14 40%)}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.pro-app{background:radial-gradient(circle at top right,#1a1a2e,#000);color:#fff;min-height:100vh;padding:20px;font-family:Outfit,sans-serif;display:flex;flex-direction:column;align-items:center}.top-header{text-align:center;margin-bottom:30px;width:100%}.top-header h2{font-size:2.2rem;margin-bottom:20px;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#00ffa3,#00d1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-info{display:flex;justify-content:center;gap:40px;font-size:1.2rem;font-weight:600;background:#ffffff0d;padding:15px 40px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.info-box.pink{color:#ff3b69;text-shadow:0 0 10px rgba(255,59,105,.3)}.main-content{width:100%;max-width:960px;display:flex;flex-direction:column;gap:24px}#chart-container{border-radius:16px;overflow:hidden;border:1px solid #333;box-shadow:0 10px 30px #00000080}.trade-controls-pro{display:flex;flex-direction:column;gap:20px;background:#161b2299;padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.market-meta{display:flex;justify-content:space-around;margin-bottom:10px}.meta-item .label{font-size:.8rem;color:#8b949e;text-transform:uppercase;letter-spacing:1px}.meta-item .value{font-weight:800;color:#00ffa3}.pair-select{background:linear-gradient(135deg,#2d333b,#1c2128);color:#fff;border:1px solid #444;padding:12px 60px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.pair-select:hover{border-color:#00ffa3}.direction-buttons{display:flex;gap:20px}.btn-up,.btn-down{flex:1;padding:20px;border:none;font-weight:900;font-size:1.4rem;cursor:pointer;border-radius:12px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:2px}.btn-up{background:linear-gradient(135deg,#00ffa3,#00a3ff);color:#000;box-shadow:0 4px 15px #00ffa34d}.btn-down{background:linear-gradient(135deg,#ff3b69,#ff00d1);color:#fff;box-shadow:0 4px 15px #ff3b694d}.btn-up:hover,.btn-down:hover{transform:translateY(-5px);filter:brightness(1.2)}.btn-up:active,.btn-down:active{transform:translateY(2px)}.amount-section label{display:block;margin-bottom:12px;font-size:.9rem;font-weight:700;color:#8b949e}.amount-section input{width:100%;background:#0d1117;padding:20px;font-size:1.5rem;border-radius:12px;border:1px solid #30363D;color:#fff;margin-bottom:15px;font-weight:800;text-align:center}.quick-amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.btn-quick{background:#21262d;color:#c9d1d9;border:1px solid #30363D;padding:12px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-quick:hover{background:#30363d;border-color:#8b949e;color:#fff}.btn-reset{background:#f4bc1c;color:#000;border:none;padding:12px;border-radius:8px;font-weight:800;cursor:pointer;transition:transform .1s}.btn-reset:active{transform:scale(.95)}.btn-submit{background:linear-gradient(135deg,#f1ec0b,gold);color:#000;padding:22px;border:none;border-radius:15px;font-weight:900;font-size:1.3rem;cursor:pointer;margin-top:10px;box-shadow:0 6px 20px #f1ec0b33;transition:all .3s;text-transform:uppercase}.btn-submit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 10px 25px #f1ec0b66}.btn-submit:disabled{background:#21262d;color:#484f58;cursor:not-allowed;box-shadow:none}.gate-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#1a1a2e,#000);display:flex;align-items:center;justify-content:center;z-index:2000}.gate-card{background:#161b22d9;padding:50px;border-radius:30px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:100%;max-width:450px;text-align:center;box-shadow:0 30px 60px #0009}.gate-icon{color:#ff3b69;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(255,59,105,.5))}.gate-card h1{font-size:2.2rem;font-weight:900;margin-bottom:10px;letter-spacing:3px;color:#fff}.gate-card p{color:#8b949e;margin-bottom:30px;line-height:1.6}.gate-form{display:flex;flex-direction:column;gap:20px}.gate-submit{background:linear-gradient(135deg,#ff3b69,#ff00d1);color:#fff;padding:18px;border:none;border-radius:12px;font-weight:900;font-size:1.1rem;cursor:pointer;transition:all .3s;text-transform:uppercase}.gate-submit:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ff3b6966}.table-wrapper{overflow-x:auto;border-radius:10px}.history-table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:600px}@media(max-width:768px){.pro-app{padding:10px}.top-header h2{font-size:1.5rem}.header-info{flex-direction:column;gap:10px;border-radius:20px;padding:15px;width:100%;align-items:center}.trade-controls-pro{padding:20px}.direction-buttons{flex-direction:column;gap:10px}.btn-up,.btn-down{padding:15px;font-size:1.2rem}.quick-amount-grid{grid-template-columns:repeat(2,1fr)}.amount-section input{font-size:1.2rem;padding:15px}.market-meta{flex-direction:column;gap:15px}}@media(max-width:480px){.top-header h2{font-size:1.2rem}.header-info{font-size:1rem}.btn-submit{font-size:1.1rem;padding:18px}}.history-table th{padding:15px;text-align:left;color:#8b949e;font-size:.9rem}.history-table td{padding:18px 15px;background:#0d1117}.history-table tr td:first-child{border-radius:10px 0 0 10px}.history-table tr td:last-child{border-radius:0 10px 10px 0}.text-win{color:#00ffa3;font-weight:900}.text-loss{color:#ff3b69;font-weight:900}.app-top-nav{width:100%;display:flex;justify-content:flex-end;padding:10px 20px}.user-info{display:flex;align-items:center;gap:15px;background:#ffffff0d;padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.btn-logout{background:transparent;border:none;color:#ff3b69;cursor:pointer;display:flex;align-items:center}.login-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#1a1a2e,#000);display:flex;align-items:center;justify-content:center;z-index:1000}.login-card{background:#161b22cc;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:400px;text-align:center;box-shadow:0 20px 50px #00000080}.login-header h1{font-size:2rem;margin:15px 0 5px}.login-header h1 span{color:#00ffa3}.login-header p{color:#8b949e;font-size:.9rem;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.input-field{position:relative;display:flex;align-items:center;background:#0d1117;border:1px solid #30363D;border-radius:12px;padding:0 15px}.input-field svg{color:#484f58}.input-field input{width:100%;background:transparent;border:none;padding:15px;color:#fff;font-family:Outfit;outline:none}.login-submit{background:linear-gradient(135deg,#00ffa3,#00a3ff);color:#000;padding:15px;border:none;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s}.login-submit:hover{transform:translateY(-2px)}.login-footer{margin-top:25px;font-size:.8rem;color:#8b949e;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-toggle-mode{background:transparent;border:none;color:#00ffa3;cursor:pointer;font-weight:600;text-decoration:underline}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination button{background:#21262d;border:1px solid #30363D;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:not(:disabled):hover{background:#30363d;border-color:#8b949e}.pagination span{font-weight:700;color:#8b949e}