*{box-sizing:border-box}:root{--bg:#041126;--panel:#071a34;--panel2:#09213f;--line:#12345b;--text:#e8f1ff;--muted:#8da8ce;--blue:#078bff;--green:#00d6a0;--red:#ff426b;--gold:#ffc928}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#0c2c56 0,transparent 38%),var(--bg);color:var(--text);font:14px 'DM Sans',Arial,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:243px;flex:0 0 243px;background:#031127;border-right:1px solid #123052;padding:14px 12px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;padding:0 8px 23px;border-bottom:1px solid #102c4e}.logo{font-size:37px;color:#00d5a4}.brand b{font:700 27px 'Space Grotesk';display:block}.brand small{font-size:10px;color:#8ca7cb;letter-spacing:1.5px}.sidebar nav{display:grid;gap:9px;padding-top:24px}.sidebar nav a{padding:14px 12px;border-radius:12px;color:#c0d2ed;text-decoration:none;font-weight:600;display:flex;gap:14px}.sidebar nav a.active{background:linear-gradient(90deg,#063b79,#052b5c);border-left:3px solid #00a5ff;color:#fff}.side-live{margin-top:auto;border:1px solid #006b63;background:#032335;border-radius:12px;padding:15px;color:#d9fff7;display:grid;gap:7px}.side-live i,.live-time i,.exchange i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00e0a5;box-shadow:0 0 10px #00e0a5}.side-live b{font-size:13px}.side-live small{color:#91c5d3;font-size:11px}.topbar{height:56px;border-bottom:1px solid #102c4e;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:#031127}.tagline{font-size:13px;color:#d1e3ff}.tagline span{color:#47729e;padding:0 14px}.top-right{display:flex;gap:26px;align-items:center}.exchange{font-size:11px;font-weight:800;background:#020d1e;border-radius:20px;padding:9px 13px}.exchange i{margin-left:5px}.profile{color:#d6e6ff;text-decoration:none}.content{padding:22px 28px;max-width:1900px;margin:auto}.heading{display:flex;gap:16px;align-items:center;margin:0 0 26px}.title-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#00d99c,#007a75);font-size:27px;box-shadow:0 8px 28px #00c79a35}.heading h1{font:700 27px 'Space Grotesk';margin:0 0 2px}.heading p{color:#a9bfdf;font-size:13px;margin:0}.heading p span{color:#4d7099;padding:0 7px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input,.toolbar select{height:46px;border:1px solid #07549b;border-radius:11px;background:#061a34;color:#e5f1ff;padding:0 15px;outline:none}.toolbar input{width:280px}.toolbar select{width:205px}.toolbar input::placeholder{color:#7192bb}.intervals{display:flex;gap:8px;padding:4px;border:1px solid #123b66;border-radius:12px;background:#06172e}.intervals button,.live-time button{border:0;border-radius:8px;background:#092344;color:#c4d9f8;padding:10px 17px;cursor:pointer;font-weight:700}.intervals button.selected{background:#087ff0;color:white;box-shadow:0 5px 15px #087ff055}.live-time{margin-left:auto;display:flex;align-items:center;gap:10px;background:#071a34;border:1px solid #102e52;border-radius:10px;padding:8px 12px;font-size:11px;color:#b7cce9}.live-time button{padding:5px 9px;font-size:17px}.metrics{display:grid;grid-template-columns:1.25fr 1.25fr 1fr .9fr 2.2fr;gap:15px;margin-bottom:18px}.metric,.panel{background:linear-gradient(145deg,#081d39,#06152c);border:1px solid #10345d;border-radius:13px;box-shadow:0 10px 30px #0002}.metric{padding:17px 19px;min-width:0;position:relative;min-height:126px}.metric label{display:block;color:#b8cce8;font-weight:700;font-size:12px;margin-bottom:12px}.metric strong{display:block;font:700 23px 'Space Grotesk';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{display:block;color:#9ab7da;font-size:11px;margin-top:7px}.metric em{position:absolute;right:14px;bottom:12px;font-style:normal;font-weight:700;font-size:11px;color:var(--green);background:#00c8961b;padding:4px 8px;border-radius:12px}.metric.buy{border-color:#008a70;background:linear-gradient(130deg,#063a3b,#071c35)}.metric.buy label,.metric.buy strong{color:#00e4ad}.metric.sell{border-color:#9b1646;background:linear-gradient(130deg,#3a102b,#111a35)}.metric.sell label,.metric.sell strong{color:#ff6684}.metric.diff strong{color:#00dfae}.metric.ratio strong{color:#eaf5ff}.candle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.candle-stats>div{border-right:1px solid #183354;padding-right:8px;min-width:0}.candle-stats>div:last-child{border:0}.candle-stats b{font-size:11px;display:block;white-space:nowrap}.candle-stats strong{font-size:19px;margin-top:8px}.green{color:#00d9a2}.red{color:#ff4d72}.neutral{color:#a6bddc}.main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr);gap:16px}.panel{min-width:0}.chart-panel{padding:0 0 10px}.chart-tabs{height:44px;border-bottom:1px solid #13345a;display:flex;align-items:center;gap:18px;padding:0 17px}.chart-tabs b{font-size:12px}.chart-tabs span{font-size:11px;color:#94b4dc}.chart-tabs #chartStatus{margin-left:auto}.chart-meta{font-size:11px;color:#00dca8;padding:10px 17px 0}#priceChart{height:300px;width:100%;padding:0 8px}.volume-legend{display:flex;gap:17px;padding:0 17px;color:#91a9cc;font-size:10px}.volume-legend i{width:8px;height:8px;display:inline-block;border-radius:2px;margin-right:5px}.green-bg{background:#00c99b}.red-bg{background:#f04a70}.blue-bg{background:#849bbd}.movers{padding:15px 17px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head b{font-size:13px}.panel-head b span{color:#00dba5}.panel-head small{font-size:9px;color:#7897bd}.up-arrow{color:#00dfa7;font-size:20px}.down-arrow{color:#ff4d72;font-size:20px}.panel-head.second{border-top:1px solid #183456;padding-top:15px;margin-top:13px}.mover-row{display:grid;grid-template-columns:25px 1fr 75px 65px;gap:7px;align-items:center;padding:8px 2px;border-bottom:1px solid #102a49;font-size:11px}.mover-row:last-child{border:0}.mover-row .rank{color:#7894b9}.mover-row b{color:#e4efff}.mover-row strong{text-align:right}.mover-row em{text-align:right;font-style:normal}.positive{color:#00d9a2}.negative{color:#ff4b70}.bottom-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:16px;margin-top:17px}.pair-panel{overflow:hidden}.pair-panel>.panel-head{padding:16px 18px 9px;margin:0}.table-wrap{overflow:auto;max-height:420px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th,td{padding:11px 14px;border-bottom:1px solid #112d4d;text-align:right}th{color:#91add2;font-weight:600;background:#071a32;position:sticky;top:0}td:first-child,th:first-child,td:nth-child(2),th:nth-child(2){text-align:left}.pair-link{color:#e3efff;font-weight:700;cursor:pointer}.pair-link:hover{color:#00d9a2}.pagination{display:flex;align-items:center;justify-content:center;gap:17px;padding:12px}.pagination button{background:#0a2c50;color:#c8ddf8;border:1px solid #194a78;border-radius:7px;padding:6px 12px;cursor:pointer}.pagination button:disabled{opacity:.35;cursor:not-allowed}.coverage{padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.globe{font-size:34px;color:#00aaff}.coverage>b{color:#a8c4e8;font-size:12px;margin-top:8px}.coverage>strong{font:700 20px 'Space Grotesk';margin:12px 0}.coverage p,.coverage small{color:#91add2;line-height:1.6;font-size:12px}.footnote{font-size:10px;color:#718bac;line-height:1.6;margin:16px 2px}.empty{color:#8098ba;padding:12px;font-size:11px}@media(max-width:1350px){.metrics{grid-template-columns:repeat(4,1fr)}.metric.candles{grid-column:span 4}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}@media(max-width:1000px){.sidebar{width:68px;flex-basis:68px;padding:12px 7px}.brand{justify-content:center;padding:4px 0 20px}.brand>span:last-child,.sidebar nav a span,.side-live b,.side-live small{display:none}.sidebar nav a{justify-content:center;padding:14px 4px;font-size:18px}.side-live{padding:10px;display:flex;justify-content:center}.content{padding:18px}.toolbar .live-time{margin-left:0}.main-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.coverage{min-height:170px}}@media(max-width:650px){.topbar{padding:0 14px}.tagline{font-size:10px}.tagline span{padding:0 4px}.exchange{font-size:9px}.profile{display:none}.content{padding:15px 11px}.heading{align-items:flex-start;margin-bottom:18px}.heading h1{font-size:21px}.heading p{font-size:11px;line-height:1.5}.toolbar{gap:8px}.toolbar input,.toolbar select{width:100%;height:42px}.intervals{width:100%;justify-content:space-between}.intervals button{flex:1;padding:9px 5px}.live-time{width:100%;justify-content:space-between}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px;min-height:112px}.metric strong{font-size:18px}.metric.candles{grid-column:span 2}.candle-stats{gap:5px}.candle-stats strong{font-size:15px}.candle-stats b{font-size:9px}.chart-tabs{gap:8px;padding:0 10px}.chart-tabs b{font-size:10px}#priceChart{height:260px}.volume-legend{gap:9px;font-size:9px}.movers{padding:13px}.bottom-grid{margin-top:10px}.pair-panel>.panel-head{padding:13px}.coverage{padding:17px}}
.actionbar{display:flex;flex-wrap:wrap;gap:8px;margin:-5px 0 17px}
.action-btn{border:1px solid #174777;background:linear-gradient(135deg,#0b2b50,#071a34);color:#cfe3ff;border-radius:9px;padding:9px 13px;font:600 11px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:.18s}
.action-btn:hover,.action-btn.active{border-color:#078bff;background:#07396c;color:#fff;box-shadow:0 4px 15px #078bff25}
#priceChart:fullscreen{height:100vh!important;width:100vw!important;padding:20px;background:#071a34}

/* Premium navigation and tool menus */
.sidebar nav{padding-bottom:12px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:11px}
.nav-caption{padding:17px 15px 6px;color:#54749b;font-size:9px;font-weight:800;letter-spacing:1.7px}
.nav-soon{margin-left:auto;font-size:8px;font-style:normal;color:#8ca7c9;background:#102c4e;border:1px solid #21466f;padding:3px 6px;border-radius:20px}
.sidebar nav a:hover{transform:translateX(2px)}
.sidebar nav a,.action-btn{transition:all .2s ease}
#chartPanel,#moversPanel,#pairPanel{scroll-margin-top:22px}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#020a18c9;backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}
.modal-backdrop.open{display:flex}
.tool-modal{position:relative;width:min(510px,100%);max-height:90vh;overflow:auto;padding:28px;border:1px solid #1d4c7d;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#12365c 0%,transparent 48%),linear-gradient(145deg,#0b1e38,#061329 72%);box-shadow:0 25px 90px #0009}
.compact-modal{width:min(460px,100%)}
.modal-close{position:absolute;right:15px;top:12px;border:0;background:#15365a;color:#cce3ff;border-radius:10px;width:34px;height:34px;font-size:23px;cursor:pointer}
.modal-kicker{color:#12d6a3;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:9px}
.tool-modal h2{font:700 25px 'Space Grotesk',sans-serif;margin:0 0 7px;color:#f1f7ff}
.tool-modal p{font-size:12px;color:#9bb5d5;line-height:1.6;margin:0 0 20px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-modal label{display:flex;flex-direction:column;gap:7px;color:#9bb8da;font-size:11px;font-weight:700}
.tool-modal input,.tool-modal select{width:100%;box-sizing:border-box;border:1px solid #21466f;background:#06152b;color:#e8f3ff;border-radius:10px;padding:11px 12px;outline:none}
.tool-modal input:focus,.tool-modal select:focus{border-color:#078bff;box-shadow:0 0 0 3px #078bff20}
.calc-result{margin:17px 0;padding:16px;border:1px solid #145c56;border-radius:13px;background:linear-gradient(120deg,#063d3a77,#0a2038)}
.calc-result small,.calc-result span{display:block;color:#8eb8c5;font-size:10px}.calc-result strong{display:block;font:700 28px 'Space Grotesk';color:#19e0ac;margin:6px 0}.calc-result span{color:#b5d5e9}
.primary-action{width:100%;border:0;border-radius:10px;padding:12px;background:linear-gradient(100deg,#087ff5,#04b99a);color:white;font-weight:800;cursor:pointer}
.alert-form{display:grid;gap:12px}.saved-alerts{margin-top:20px;border-top:1px solid #1a3859;padding-top:15px;color:#d7e8fa;font-size:12px}.saved-alerts #alertList{margin-top:9px;display:grid;gap:7px}
.alert-item{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;background:#0b2948;border:1px solid #1c456d;border-radius:9px;color:#cfe4ff}
.alert-item button{border:0;background:transparent;color:#ff718e;cursor:pointer}
.modal-note{display:block;color:#7896b9;font-size:10px;margin-top:13px;line-height:1.5}
.exchange-list,.help-steps{display:grid;gap:9px}.exchange-list span,.help-steps span{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #1a3b60;background:#0a2340;border-radius:10px;color:#d8e9fb;font-size:12px}
.exchange-list b{font-size:9px;color:#8da9ca}.exchange-list .status-live{color:#12d6a3}
@media(max-width:700px){.nav-caption{padding:12px 10px 5px}.tool-modal{padding:22px}.tool-grid{gap:9px}}