:root{--bg:#070b14;--bg-2:#0c1220;--panel:#10182a;--panel-2:#141e34;--line:#94aedc24;--ink:#eef3ff;--muted:#8b9bb8;--blue:#3b82ff;--blue-2:#6aa2ff;--cyan:#5ce1ff;--gold:#f5c14a;--green:#34d399;--red:#fb7185;--amber:#fbbf24;--sans:"Manrope", "Plus Jakarta Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 500px at 0% -10%, #3b82ff2e, transparent 50%), radial-gradient(900px 480px at 100% 0%, #5ce1ff14, transparent 45%), var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.auth-screen{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.auth-visual{background:linear-gradient(#070b1433,#070b14b8),radial-gradient(600px 400px at 30% 20%,#3b82ff47,#0000);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-visual:after{content:"";opacity:.45;background:repeating-linear-gradient(90deg,#0000 0 18px,#34d3998c 18px 20px,#0000 20px 38px,#fb718580 38px 40px);height:280px;position:absolute;inset:auto -40px -80px 10%;-webkit-mask-image:linear-gradient(#0000,#000 30%,#0000);mask-image:linear-gradient(#0000,#000 30%,#0000)}.auth-brand{z-index:1;align-items:center;gap:12px;display:flex}.auth-brand img{background:#000;border-radius:14px;width:52px;height:52px}.auth-brand b{letter-spacing:-.04em;font-size:18px;display:block}.auth-brand small{color:var(--cyan);letter-spacing:.16em;font-size:10px;font-weight:800}.auth-visual h1{letter-spacing:-.06em;z-index:1;margin:0;font-size:clamp(36px,5vw,58px);line-height:.95}.auth-visual h1 em{color:var(--cyan);font-style:normal}.auth-stats{z-index:1;gap:18px;display:flex}.auth-stats div{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10182ab3;border-radius:16px;min-width:140px;padding:14px 16px}.auth-stats span{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:700}.auth-stats strong{font-family:var(--mono);margin-top:6px;font-size:18px;display:block}.auth-panel{border-left:1px solid var(--line);background:#0c1220db;place-items:center;padding:32px;display:grid}.auth-card{width:min(420px,100%)}.auth-card h2{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.auth-card .lede{color:var(--muted);margin:0 0 22px;line-height:1.5}.shell{grid-template-columns:268px 1fr;min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);background:linear-gradient(#0b1324,#080e1a);flex-direction:column;padding:18px 12px;display:flex}.rail-brand{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.rail-brand img{background:#000;border-radius:12px;width:42px;height:42px}.rail-brand strong{letter-spacing:-.03em;font-size:14px;display:block}.rail-brand small{color:var(--muted);font-size:11px}.rail-group{letter-spacing:.16em;color:#6d7d9c;margin:14px 12px 6px;font-size:10px;font-weight:800}.rail-btn{color:#c5d2ea;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:650;display:flex}.rail-btn svg{opacity:.8}.rail-btn:hover{background:#ffffff0a}.rail-btn.active{color:#061018;background:linear-gradient(90deg,#3b82fff2,#5ce1ff8c);font-weight:800}.rail-btn.active .count{color:#fff;background:#00000038}.count{text-align:center;min-width:22px;color:var(--gold);background:#f5c14a29;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.rail-foot{border-top:1px solid var(--line);margin-top:auto;padding:12px}.op-card{align-items:center;gap:10px;margin-bottom:10px;display:flex}.op-card b{font-size:13px;display:block}.op-card small{color:var(--muted)}.desk{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:12;background:#070b14b8;align-items:center;gap:12px;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.page-kicker{color:var(--cyan);letter-spacing:.14em;font-size:11px;font-weight:800}.page-title{letter-spacing:-.03em;font-size:18px}.spacer{flex:1}.search{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;min-width:240px;padding:8px 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%}.referral-rate{align-items:center;gap:6px;width:110px;display:flex}.referral-rate input{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:82px;padding:8px}.referral-rate span,.referral-error{color:var(--muted);font-size:12px}.referral-error{max-width:180px;color:var(--red);margin-top:6px;display:block}.referral-status{color:var(--green);border-bottom:1px solid var(--line);padding:12px 18px}.icon-btn{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--ink);border-radius:12px;position:relative}.icon-btn i{background:var(--gold);border-radius:99px;width:8px;height:8px;position:absolute;top:8px;right:8px}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.chip em{color:var(--cyan);font-style:normal;font-family:var(--mono);margin-left:6px}.page{gap:16px;padding:22px 24px 40px;display:grid}.hero{grid-template-columns:1.4fr .9fr;gap:14px;display:grid}.hero-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#141e34eb,#10182aeb);border-radius:20px;overflow:hidden}.hero-card{min-height:220px;padding:22px;position:relative}.hero-card h2{letter-spacing:-.05em;margin:8px 0 4px;font-size:34px}.spark{opacity:.9;position:absolute;bottom:12px;right:12px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px}.kpi span{color:var(--muted);font-size:12px;font-weight:700}.kpi strong{font-size:22px;font-family:var(--mono);letter-spacing:-.04em;margin-top:8px;display:block}.kpi small{color:var(--muted)}.panel-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-h h3{letter-spacing:-.02em;margin:0;font-size:16px}.panel-h p{color:var(--muted);margin:3px 0 0;font-size:12px}.panel-b{padding:16px 18px}.split{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.btn{border:0;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:750}.btn-primary{background:linear-gradient(90deg, var(--blue), #5b9dff);color:#fff}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-success{color:var(--green);background:#34d39924}.btn-danger{color:var(--red);background:#fb718524}.btn-warn{color:var(--amber);background:#fbbf2424}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.field{gap:6px;margin-bottom:10px;display:grid}.field span{letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);background:#0a1220;border-radius:11px;outline:none;padding:11px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82ff2e}.form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.auth-error,.banner{color:var(--red);background:#fb71851f;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line);background:#ffffff05;padding:12px 16px;font-size:10px}td{border-bottom:1px solid var(--line);padding:13px 16px}tr:hover td{background:#3b82ff0d}.num{font-family:var(--mono);font-size:12.5px}.withdrawal-address{align-items:center;gap:8px;min-width:160px;display:flex}.withdrawal-address .num{overflow-wrap:anywhere}.withdrawal-copy{flex:none;padding:6px 8px}.person{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg,#1e3a8a,#3b82ff);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.person small{color:var(--muted);display:block}.assign-cell{align-items:center;gap:8px;min-width:220px;display:flex}.assign-cell input{border:1px solid var(--line);width:110px;font-weight:700;font-family:var(--mono);background:#0a1220;border-radius:11px;outline:none;padding:10px 12px}.assign-cell input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82ff2e}.assign-now{color:var(--muted);white-space:nowrap;font-weight:700}.pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.pill-green{color:var(--green);background:#34d39924}.pill-red{color:var(--red);background:#fb718524}.pill-amber{color:var(--amber);background:#fbbf2424}.pill-blue{color:var(--blue-2);background:#3b82ff29}.pill-slate{color:#cbd5e1;background:#94a3b81f}.side-buy{color:var(--green);font-weight:800}.side-sell{color:var(--red);font-weight:800}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:6px;width:fit-content;padding:4px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 12px;font-weight:750}.tab.on{color:#fff;background:#1c2b4a}.queue-list{gap:8px;display:grid}.queue-item{border:1px solid var(--line);background:#0a12208c;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.queue-item .grow{flex:1;min-width:0}.queue-item b{display:block}.queue-item small{color:var(--muted)}.drawer-bg{z-index:30;background:#02060e9e;justify-content:end;display:grid;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);background:#0d1528;width:min(480px,100%);height:100%;padding:22px;overflow:auto}.toast{z-index:40;border:1px solid var(--cyan);color:#fff;background:#10203c;border-radius:14px;padding:12px 14px;font-weight:750;position:fixed;bottom:20px;right:20px}.pop{border:1px solid var(--line);width:320px;box-shadow:var(--shadow);z-index:20;background:#121c32;border-radius:16px;padding:10px;position:absolute;top:48px;right:0}.pop b{padding:6px 8px;display:block}.pop button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;padding:10px 8px}.pop button:hover{background:#ffffff0a}.pop small{color:var(--muted);display:block}.market-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.market-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px}.market-card .px{font-family:var(--mono);margin:10px 0 6px;font-size:20px}.bars{align-items:flex-end;gap:6px;height:92px;display:flex}.bars i{background:linear-gradient(180deg, var(--cyan), var(--blue));opacity:.85;border-radius:6px 6px 2px 2px;flex:1}.row-on td{background:#3b82ff14}.trade-chart{border:1px solid var(--line);background:#0a1222;border-radius:16px;height:220px;margin-top:12px;overflow:hidden}.trade-chart svg{width:100%;height:188px;display:block}.trade-chart-meta{color:var(--muted);justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:700;display:flex}table tbody tr{cursor:pointer}.menu-button{display:none}@media (width<=1180px){.auth-screen,.shell,.hero,.kpis,.split,.market-grid,.form-grid{grid-template-columns:1fr}.rail{display:none}.menu-button{display:grid}.rail.open{z-index:40;width:268px;display:flex;position:fixed;inset:0 auto 0 0}}