:root{color:#e8f0fb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#050b14;--panel:#091522;--panel2:#0b1a2a;--line:#17334a;--muted:#7590a8;--blue:#1da7ff;--cyan:#36d7ff;--green:#16d7a2;--red:#ff5e7e;--text:#ecf5ff;background:#050b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% -10%,#0a2540 0,#050b14 36%,#040810 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#040c16eb;border-bottom:1px solid #132a3d;grid-template-columns:260px 1fr auto auto;align-items:center;gap:20px;height:66px;padding:0 28px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:50%;width:42px;height:42px;box-shadow:0 0 24px #167dff55}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.topbar nav{gap:4px;display:flex}.topbar nav button{color:#7891a7;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;display:flex}.topbar nav button.active,.topbar nav button:hover{color:#fff;background:#0c1d2d}.network{color:#99aec0;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.dot{background:#566577;border-radius:50%;width:8px;height:8px}.dot.on{background:#27e7a7;box-shadow:0 0 12px #27e7a7}.header-actions{gap:8px;display:flex}.ghost,.icon-action,.small-refresh{color:#c7d6e5;background:#0b1b2a;border:1px solid #1c3b55;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.ghost{padding:9px 13px}.icon-action{width:38px;height:38px}.small-refresh{padding:7px 10px;font-size:12px}.panel{background:linear-gradient(#0a1928f5,#06101cf5);border:1px solid #15334b;border-radius:13px;box-shadow:0 18px 60px #0007}.trade-layout{grid-template-columns:238px minmax(580px,1fr) 360px;gap:12px;max-width:1760px;margin:0 auto;padding:14px;display:grid}.markets-panel{align-self:start;min-height:calc(100vh - 104px);position:sticky;top:80px;overflow:hidden}.panel-title{border-bottom:1px solid #153149;justify-content:space-between;align-items:center;min-height:62px;padding:14px 16px;display:flex}.panel-title>div>span{color:#4ec7ff;letter-spacing:1.6px;font-size:10px;font-weight:800;display:block}.panel-title>div>strong{margin-top:4px;font-size:15px;display:block}.search{color:#6f8799;background:#071421;border:1px solid #173750;border-radius:9px;align-items:center;gap:8px;margin:12px;padding:9px 11px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.market-list{max-height:calc(100vh - 270px);overflow:auto}.market-item{color:#c8d9e8;text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 12px;display:grid}.market-item:hover{background:#0b1c2c}.market-item.selected{border-left-color:var(--blue);background:linear-gradient(90deg,#0e2d46,#0a1d2e)}.coin{background:linear-gradient(145deg,#0d4e82,#0db9ff);border:1px solid #38c8ff66;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:grid;box-shadow:inset 0 0 12px #41dfff33}.coin.large{width:43px;height:43px;font-size:12px}.market-item strong{font-size:13px;display:block}.market-item strong small{color:#637f94;margin-left:3px;font-weight:500}.market-item em{color:#536f84;margin-top:3px;font-size:10px;font-style:normal;display:block}.market-right{align-items:center;gap:7px;display:flex}.market-right small{color:#7592a6}.market-right i{color:#5d788c;border-radius:6px;place-items:center;padding:4px;display:grid}.market-right i:hover{color:#fff;background:#25394a}.add-market{color:#65cfff;background:#081725;border:1px dashed #245171;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 24px);margin:12px;padding:10px;font-size:12px;display:flex}.center-column,.right-column{flex-direction:column;gap:12px;display:flex}.ticker{grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(90px,.55fr)) auto;align-items:center;gap:14px;min-height:78px;padding:12px 16px;display:grid}.pair{align-items:center;gap:12px;display:flex}.pair h1{margin:0;font-size:21px}.pair h1 small{color:#66849b;font-weight:500}.pair p{color:#607d92;margin:3px 0 0;font-size:11px}.ticker-stat{border-left:1px solid #15334a;padding-left:14px}.ticker-stat small,.ticker-stat strong{display:block}.ticker-stat small{color:#688499;font-size:10px}.ticker-stat strong{margin-top:5px;font-size:14px}.green{color:var(--green)}.red{color:var(--red)}.live{color:#6e8ba1;align-items:center;gap:6px;font-size:10px;display:flex}.live span{background:var(--green);width:6px;height:6px;box-shadow:0 0 9px var(--green);border-radius:50%}.orderbook{min-height:520px;overflow:hidden}.depth-legend{color:#718da2;align-items:center;gap:7px;font-size:11px;display:flex}.depth-legend i{border-radius:2px;width:8px;height:8px}.depth-legend i.ask{background:var(--red)}.depth-legend i.bid{background:var(--green)}.book-columns{background:#17334a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.book{background:#07131f;min-width:0}.book-label{border-bottom:1px solid #122b40;justify-content:space-between;padding:12px 14px;display:flex}.book-label strong{font-size:12px}.book-label small{color:#58768b}.book-head,.book-rows button{text-align:right;grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.book-head{color:#58758a;border-bottom:1px solid #10283b;padding:9px 14px;font-size:10px}.book-rows{height:414px;overflow:auto}.book-rows button{color:#b9cbd9;font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;padding:7px 14px;font-size:11px;position:relative}.book-rows button:hover{background:#102338}.book-rows button i{opacity:.11;position:absolute;top:2px;bottom:2px;right:0}.book.ask .book-rows button i{background:var(--red)}.book.bid .book-rows button i{background:var(--green)}.book.ask .book-rows button span:first-of-type{color:#ff7892}.book.bid .book-rows button span:first-of-type{color:#25dca9}.skeletons{padding:8px 14px}.skeletons i{background:linear-gradient(90deg,#0c2132,#123047,#0c2132) 0 0/200% 100%;border-radius:4px;height:20px;margin:6px 0;animation:1.2s infinite shimmer;display:block}.empty{text-align:center;color:#58758a;padding:44px 15px;font-size:12px}.orders{overflow:hidden}.table-wrap{overflow:auto}.orders table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.orders th{color:#5d7a90;text-align:left;border-bottom:1px solid #143049;padding:10px 14px;font-weight:600}.orders td{color:#a9bdcc;border-bottom:1px solid #0f2639;padding:11px 14px}.side{font-size:10px;font-weight:800}.side.buy{color:var(--green)}.side.sell{color:var(--red)}.cancel{color:#718da1;background:0 0;border:0;align-items:center;gap:5px;display:flex}.cancel:hover{color:#ff6f87}.order-entry{padding-bottom:14px}.tabs{border:1px solid #17364e;border-radius:9px;grid-template-columns:1fr 1fr;margin:14px;display:grid;overflow:hidden}.tabs button{color:#6b879d;background:#071522;border:0;padding:11px}.tabs button.buy.active{color:#50f1bd;background:#0c4e42}.tabs button.sell.active{color:#ff86a0;background:#552333}.order-types{gap:5px;margin:0 14px 14px;display:flex}.order-types button{color:#607e94;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:11px}.order-types button.active{color:#fff;background:#15364e}.order-entry label{color:#708ba0;margin:11px 14px;font-size:11px;display:block}.order-entry label>span{justify-content:space-between;margin-bottom:6px;display:flex}.order-entry label em{color:#47677e;font-style:normal}.input-box{background:#071522;border:1px solid #1a3c55;border-radius:8px;align-items:center;height:44px;padding:0 11px;display:flex}.input-box:focus-within{border-color:#1c9edf;box-shadow:0 0 0 2px #1487c622}.input-box input{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;min-width:0}.input-box b{color:#9ab0c0;font-size:11px}.percent-row{grid-template-columns:repeat(4,1fr);gap:5px;margin:0 14px;display:grid}.percent-row button{color:#7390a6;background:#0a1b2a;border:1px solid #173750;border-radius:6px;padding:6px;font-size:10px}.percent-row button:hover{color:#fff;border-color:#1da7ff}.order-summary{border-top:1px solid #173149;grid-template-columns:1fr auto;gap:7px;margin:15px 14px;padding-top:13px;font-size:11px;display:grid}.order-summary span{color:#668399}.order-summary strong{text-align:right}.submit-order{color:#061018;border:0;border-radius:8px;width:calc(100% - 28px);margin:0 14px;padding:12px;font-weight:800}.submit-order.buy{background:linear-gradient(90deg,#10d59f,#38efbd)}.submit-order.sell{color:#fff;background:linear-gradient(90deg,#f57,#ff7993)}.submit-order:disabled{opacity:.42;cursor:not-allowed}.trust-warning{color:#f4c75c;background:#2a210c;border:1px solid #735b23;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:14px 14px 0;padding:10px;display:grid}.trust-warning strong,.trust-warning small{display:block}.trust-warning strong{font-size:11px}.trust-warning small{color:#c3a86c;margin-top:2px;font-size:9px}.trust-warning button{color:#ffe39c;background:#403513;border:1px solid #846c31;border-radius:6px;padding:6px 8px;font-size:10px}.wallet-panel{overflow:hidden}.status{color:#ff8097;border:1px solid #7a3143;border-radius:20px;padding:4px 7px;font-size:10px}.status.active{color:#42eab2;border-color:#1e735c}.wallet-body{align-items:center;gap:12px;padding:13px;display:flex}.wallet-body img{background:#fff;border-radius:8px;width:92px;height:92px;padding:4px}.wallet-actions{flex-direction:column;gap:7px;display:flex}.wallet-actions button,.wallet-actions a{color:#8bb0ca;background:#0a1b2b;border:1px solid #193c55;border-radius:7px;align-items:center;gap:6px;padding:8px;font-size:10px;text-decoration:none;display:flex}.balances-list{border-top:1px solid #153149}.balances-list div{border-bottom:1px solid #0f273a;justify-content:space-between;padding:10px 14px;font-size:11px;display:flex}.balances-list span{color:#668398}.toast{z-index:100;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;max-width:520px;padding:12px 14px;font-size:12px;display:grid;position:fixed;top:78px;right:20px;box-shadow:0 15px 50px #000b}.toast.success{color:#7af3cb;background:#0b352d;border:1px solid #16745d}.toast.error{color:#ff9aad;background:#3a1420;border:1px solid #8d324b}.toast.info{color:#9bdcff;background:#102b40;border:1px solid #285a7d}.toast button{color:inherit;background:0 0;border:0}.modal-backdrop{z-index:120;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#081624;border:1px solid #1d4561;border-radius:13px;width:min(500px,100%);padding:17px;box-shadow:0 30px 100px #000}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head button{color:#8da4b5;background:0 0;border:0}.modal-note{color:#7892a6;font-size:12px;line-height:1.6}.modal label{color:#7792a7;margin:12px 0;font-size:11px;display:block}.modal input{color:#fff;background:#06131f;border:1px solid #1b3b54;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:11px}.lock-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.lock-bg{background:radial-gradient(circle at 50% 20%,#0b3b60 0,#0000 34%),radial-gradient(circle at 15% 80%,#052b3f 0,#0000 28%),linear-gradient(#030913,#050b14);position:absolute;inset:0}.lock-bg:after{content:"";background-image:linear-gradient(#1e567a13 1px,#0000 1px),linear-gradient(90deg,#1e567a13 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-card{background:linear-gradient(#0a1b2bfa,#06111dfa);border:1px solid #1d4460;border-radius:17px;width:min(510px,100%);padding:29px;position:relative;box-shadow:0 35px 120px #000c}.login-brand{align-items:center;gap:15px;display:flex}.login-brand img{border-radius:50%;width:68px;height:68px;box-shadow:0 0 35px #0f9eff66}.login-brand span{color:#45c9ff;letter-spacing:1.5px;font-size:10px;font-weight:800}.login-brand h1{margin:4px 0 0;font-size:27px}.lead{color:#7f98aa;font-size:13px;line-height:1.6}.login-card label{color:#7894a8;margin:14px 0;font-size:11px;display:block}.login-card label input{color:#fff;background:#06131f;border:1px solid #1b405a;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:12px}.login-primary,.login-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:800;display:flex}.login-primary{color:#03101a;background:linear-gradient(90deg,#159ef3,#31d3ff);border:0}.login-secondary{color:#a8dfff;background:#0a1d2e;border:1px solid #1c4561;margin-top:8px}.login-links{justify-content:space-between;margin-top:13px;display:flex}.login-links button,.back{color:#63cfff;background:0 0;border:0;font-size:11px}.login-links .danger{color:#ff748d}.security{color:#627f94;border-top:1px solid #17344a;gap:8px;margin-top:18px;padding-top:14px;font-size:10px;line-height:1.5;display:flex}.backup-card{background:#081a29;border:1px solid #28536e;border-radius:9px;padding:12px}.backup-card>div{margin-bottom:10px}.backup-card small,.backup-card code{display:block}.backup-card small{color:#68aacc;letter-spacing:1px;font-size:9px;font-weight:800}.backup-card code{color:#e8f7ff;word-break:break-all;margin:5px 0;font-size:11px}.backup-card button{color:#a9dcf6;background:#0b2639;border:1px solid #26516d;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:flex}.seed-box{border-top:1px solid #6c412e;padding-top:10px}.seed-box small{color:#ff9c74}.backup-card p{color:#c78c72;margin:8px 0 0;font-size:10px}.login-alert{border-radius:7px;margin:10px 0;padding:10px;font-size:11px}.login-alert.error{color:#ff9aad;background:#3a1420}.login-alert.success{color:#7af3cb;background:#0b352d}footer{text-align:center;color:#557187;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:10px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:1250px){.trade-layout{grid-template-columns:210px minmax(520px,1fr) 320px}.topbar{grid-template-columns:230px 1fr auto}.topbar nav{display:none}.ticker{grid-template-columns:1fr repeat(3,90px)}.ticker-stat:nth-of-type(5){display:none}}@media (max-width:980px){.trade-layout{grid-template-columns:1fr}.markets-panel{min-height:auto;position:static}.market-list{max-height:none;display:flex;overflow:auto}.market-item{min-width:190px}.add-market{width:auto}.right-column{grid-template-columns:1fr 1fr;display:grid}.topbar{grid-template-columns:1fr auto auto}.network{display:none}}@media (max-width:720px){.topbar{height:60px;padding:0 12px}.brand small,.ghost{display:none}.trade-layout{padding:8px}.ticker{grid-template-columns:1fr 1fr}.ticker-stat:nth-of-type(n+4){display:none}.book-columns{grid-template-columns:1fr}.book-rows{height:280px}.right-column{display:flex}.orders table{min-width:720px}.login-card{padding:20px}.toast{top:68px;left:10px;right:10px}.markets-panel{overflow:visible}}