@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#14243a;background:#f7f8fa;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}:root{--navy:#14243a;--navy-light:#203650;--gold:#c5a46d;--gold-light:#e8d8b8;--background:#f7f8fa;--white:#fff;--text:#14243a;--muted:#8993a2;--border:#e9ecf0;--success:#269b72;--danger:#d9534f}.coin-details-page{animation:.4s fadeIn}.coin-back-btn{color:var(--muted);background:0 0;border:none;margin-bottom:25px;font-size:13px}.coin-back-btn:hover{color:var(--emerald-light)}.coin-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.coin-details-title{align-items:center;gap:15px;display:flex}.coin-details-icon{width:55px;height:55px;color:var(--emerald-light);background:#19b88926;border-radius:50%;place-items:center;font-size:27px;display:grid}.coin-details-title h1{margin-bottom:5px;font-size:25px}.coin-details-title span{color:var(--muted);font-size:13px}.coin-current-price{text-align:right}.coin-current-price h2{margin-bottom:6px;font-size:27px}.coin-current-price span{font-size:13px}.coin-chart-card,.coin-stats-card,.coin-trade-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.coin-chart-card{margin-bottom:20px}.coin-chart-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.coin-chart-heading h2,.coin-stats-card h2,.coin-trade-card h2{font-size:18px}.chart-periods{flex-wrap:wrap;gap:6px;display:flex}.chart-periods button{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:11px}.chart-periods button:hover,.chart-periods button.period-active{color:var(--emerald-light);background:#19b88926}.coin-price-chart{width:100%;height:280px;padding:10px 0;overflow:hidden}.price-chart-svg{width:100%;height:100%;display:block}.coin-chart-placeholder>span{color:var(--emerald-light);margin-bottom:10px;font-size:45px}.coin-chart-placeholder h3{margin-bottom:7px;font-size:15px}.coin-chart-placeholder p,.chart-demo-note,.trade-demo-note{color:var(--muted);font-size:11px}.chart-demo-note{margin-top:12px}.coin-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.coin-stats-card h2,.coin-trade-card h2{margin-bottom:22px}.coin-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.coin-stat-row:last-child{border-bottom:none}.coin-stat-row span{color:var(--muted);font-size:13px}.coin-stat-row strong{font-size:13px}.trade-toggle{background:var(--background);border-radius:9px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:5px;display:grid}.trade-toggle button{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:11px;font-weight:600}.trade-toggle button.buy-active{background:var(--emerald);color:#061c15}.trade-toggle button.sell-active{color:#fff;background:#a83f4b}.coin-trade-card label{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.coin-trade-card input{background:var(--background);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:13px}.coin-trade-card input:focus{border-color:var(--emerald)}.trade-estimate{justify-content:space-between;gap:10px;margin:18px 0;font-size:12px;display:flex}.trade-estimate span{color:var(--muted)}.execute-trade-btn{background:var(--emerald);color:#061c15;border:none;border-radius:8px;width:100%;padding:13px;font-weight:700}.execute-trade-btn.sell-button{color:#fff;background:#a83f4b}.execute-trade-btn:disabled{opacity:.45;cursor:not-allowed}.trade-demo-note{text-align:center;margin-top:12px}@media (width<=850px){.coin-details-grid{grid-template-columns:1fr}}@media (width<=600px){.coin-details-header{flex-direction:column;align-items:flex-start}.coin-current-price{text-align:left}.coin-details-title h1{font-size:21px}.coin-current-price h2{font-size:23px}.coin-chart-card,.coin-stats-card,.coin-trade-card{padding:17px}.coin-chart-heading{flex-direction:column;align-items:flex-start}.coin-chart-placeholder{min-height:190px}}.trade-feedback{margin-top:14px;font-size:13px;font-weight:600}.trade-feedback-success{color:#35d5a5}.trade-feedback-error{color:#ff8585}.markets-page{width:100%;animation:.35s marketsFadeIn}@keyframes marketsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.markets-header{margin-bottom:28px}.markets-header h1{color:#f0f5f7;margin-bottom:8px;font-size:26px}.markets-header p{color:#8999a5;font-size:13px}.market-search{background:#141f28;border:1px solid #26343f;border-radius:13px;align-items:center;gap:14px;margin-bottom:22px;padding:16px 20px;transition:border-color .2s;display:flex}.market-search:focus-within{border-color:#19b889}.market-search span{color:#8999a5;font-size:25px}.market-search input{color:#f0f5f7;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.market-search input::placeholder{color:#71808c}.market-filters{flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.filter-btn{color:#8999a5;background:#17212b;border:none;border-radius:10px;padding:11px 21px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.filter-btn:hover{color:#fff;background:#26343f}.filter-btn.active{color:#071710;background:#19b889}.market-table-heading{color:#8999a5;border-bottom:1px solid #26343f;justify-content:space-between;align-items:center;padding:0 12px 17px;font-size:12px;display:flex}.market-list{width:100%}.market-row{cursor:pointer;border-bottom:1px solid #1b252e;align-items:center;gap:17px;min-height:105px;padding:17px 10px;transition:background .2s;display:flex}.market-row:hover{background:#141f28}.favorite-btn{color:#596775;background:0 0;border:none;flex-shrink:0;width:28px;font-size:26px;transition:color .2s}.favorite-btn:hover,.favorite-btn.selected{color:#f5b400}.coin-icon{border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:30px;font-weight:800;display:grid}.coin-name{flex-direction:column;gap:7px;min-width:0;display:flex}.coin-name strong{color:#f0f5f7;font-size:17px}.coin-name span{color:#8999a5;font-size:13px}.coin-price{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:7px;margin-left:auto;display:flex}.coin-price strong{color:#f0f5f7;font-size:16px}.coin-price span{font-size:14px;font-weight:600}.positive{color:#19c98e}.negative{color:#ff4964}.market-empty{text-align:center;padding:55px 15px}.market-empty h3{color:#f0f5f7;margin-bottom:10px;font-size:16px}.market-empty p{color:#8999a5;font-size:12px}.market-disclaimer{color:#687783;margin-top:22px;font-size:11px;line-height:1.6}@media (width<=1000px){.markets-header h1{font-size:23px}.market-row{min-height:95px}}@media (width<=600px){.markets-header{margin-bottom:22px}.markets-header h1{font-size:23px}.markets-header p{font-size:12px}.market-search{gap:10px;padding:14px}.market-search input{font-size:13px}.market-filters{gap:8px;margin-bottom:27px}.filter-btn{padding:10px 15px;font-size:12px}.market-table-heading{padding:0 7px 14px}.market-row{gap:10px;min-height:88px;padding:13px 3px}.favorite-btn{width:22px;font-size:23px}.coin-icon{width:46px;height:46px;font-size:24px}.coin-name{gap:5px}.coin-name strong{font-size:15px}.coin-name span{font-size:12px}.coin-price{gap:6px}.coin-price strong{font-size:14px}.coin-price span{font-size:12px}}@media (width<=360px){.market-row{gap:7px}.coin-icon{width:39px;height:39px;font-size:21px}.coin-price strong{font-size:12px}.coin-price span{font-size:11px}.filter-btn{padding:9px 11px}}.assets-page{animation:.4s fadeIn}.assets-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.assets-header h1{margin-bottom:7px;font-size:28px}.assets-header p,.asset-stat-card span,.assets-main-card>span,.holdings-header p{color:var(--muted);font-size:13px}.assets-overview{grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin-bottom:25px;display:grid}.assets-main-card,.asset-stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:25px}.assets-main-card{background:linear-gradient(135deg,#123b35,#142f2d);border-color:#245a4d}.assets-main-card h2,.asset-stat-card h2{margin:15px 0 8px;font-size:27px}.assets-main-card h2{color:var(--emerald-light)}.assets-main-card p{color:#a7c7bb;font-size:12px}.asset-stat-card h2{font-size:23px}.assets-actions{flex-wrap:wrap;gap:12px;margin-bottom:35px;display:flex}.assets-actions button{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:9px;padding:12px 24px;font-weight:600;transition:all .2s}.assets-actions button:first-child{background:var(--emerald);border-color:var(--emerald);color:#061c15}.assets-actions button:hover{border-color:var(--emerald);transform:translateY(-2px)}.holdings-section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:25px}.holdings-header{margin-bottom:25px}.holdings-header h2{margin-bottom:7px;font-size:19px}.holdings-empty{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:45px 15px}.holdings-empty>span{width:55px;height:55px;color:var(--emerald-light);background:#19b8891a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:30px;display:inline-flex}.holdings-empty h3{margin-bottom:8px;font-size:16px}.holdings-empty p{color:var(--muted);font-size:13px}.assets-disclaimer{color:var(--muted);margin-top:18px;font-size:11px}.tn-advanced-chart{background:radial-gradient(at 50% 0,#19b88917,#0000 55%),#111c25;border:1px solid #ffffff12;border-radius:20px;margin:28px 0;padding:26px;overflow:hidden;box-shadow:0 15px 45px #00000029}.tn-chart-top,.tn-market-heading,.tn-market-price-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tn-chart-eyebrow{color:#82949f;letter-spacing:1.7px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.tn-chart-top h2,.tn-market-price-row h2{color:#f2f7f8;letter-spacing:-1px;margin:0;font-size:clamp(25px,3vw,34px);font-weight:700}.tn-chart-positive{margin:9px 0 0;font-size:13px;font-weight:700;color:#19c997!important}.tn-chart-negative{margin:9px 0 0;font-size:13px;font-weight:700;color:#f06464!important}.tn-chart-positive span,.tn-chart-negative span{color:#84949f;font-weight:400}.tn-chart-icon{color:#27d5a4;background:#19b8891f;border:1px solid #19b88933;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.tn-chart-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:26px 0 15px;display:flex}.tn-chart-periods{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tn-chart-periods button,.tn-market-chart-switch button{color:#8798a3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 13px;font-size:12px;transition:all .2s}.tn-chart-periods button:hover,.tn-market-chart-switch button:hover{color:#fff;background:#ffffff0f}.tn-chart-periods button.active,.tn-market-chart-switch button.active{color:#20d5a1;background:#19b88921;border-color:#19b88933}.tn-demo-live{color:#19c997;letter-spacing:1px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.tn-demo-live i{background:#19c997;border-radius:50%;width:7px;height:7px;animation:1.5s infinite tn-pulse;display:inline-block;box-shadow:0 0 10px #19c997}@keyframes tn-pulse{0%,to{opacity:1;box-shadow:0 0 10px #19c997}50%{opacity:.45;box-shadow:0 0 3px #19c997}}.tn-chart-price-hover{color:#82949f;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.tn-chart-price-hover strong{color:#eaf5f3;font-size:14px}.tn-chart-plot{background:linear-gradient(#19b88906,#0000);height:270px;padding-left:45px;position:relative}.tn-chart-svg{width:100%;height:100%;overflow:visible}.tn-chart-grid-line{stroke:#b4c8d21a;stroke-width:1px;stroke-dasharray:4 6}.tn-chart-animated-line{stroke-dasharray:1800;stroke-dashoffset:0;animation:2.5s ease-in-out infinite alternate tn-line-glow}@keyframes tn-line-glow{0%{opacity:.8}to{opacity:1}}.tn-chart-point{opacity:0;cursor:crosshair;transition:opacity .2s}.tn-chart-svg:hover .tn-chart-point{opacity:.8}.tn-chart-y-labels{color:#71828d;flex-direction:column;justify-content:space-between;padding:10px 0 12px;font-size:10px;display:flex;position:absolute;top:0;bottom:0;left:0}.tn-chart-x-labels{color:#71828d;justify-content:space-between;padding:12px 0 0 45px;font-size:10px;display:flex}.tn-chart-disclaimer{color:#71828d;margin:20px 0 0;font-size:10px;line-height:1.5}.tn-market-chart{background:radial-gradient(at 90% 0,#6d7eff14,#0000 50%),#111c25}.tn-market-heading{align-items:center}.tn-market-heading h2{color:#f2f7f8;margin:0;font-size:22px}.tn-market-heading p{color:#82949f;margin:7px 0 0;font-size:12px}.tn-market-selector{flex-direction:column;gap:7px;display:flex}.tn-market-selector label{color:#82949f;font-size:11px}.tn-market-selector select{color:#eef5f5;cursor:pointer;background:#192832;border:1px solid #31424d;border-radius:9px;outline:none;min-width:175px;padding:11px 13px}.tn-market-selector select:focus{border-color:#19b889}.tn-market-selector option{color:#fff;background:#14212a}.tn-market-price-row{align-items:flex-end;margin-top:28px}.tn-market-coin-name{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tn-market-coin-name strong{color:#eaf1f3;font-size:14px}.tn-market-coin-name>span:last-child{color:#8798a3;font-size:11px}.tn-market-coin-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px}.tn-market-chart-switch{background:#0d171e;border:1px solid #ffffff0f;border-radius:10px;padding:4px;display:flex}.tn-volume-section{margin:22px 0 0 45px}.tn-volume-section>span{color:#82949f;letter-spacing:1px;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.tn-volume-bars{opacity:.75;align-items:flex-end;gap:5px;height:55px;display:flex}.tn-volume-bars div{background:linear-gradient(#19c997bf,#19c9971f);border-radius:3px 3px 0 0;flex:1;min-width:2px;transition:height .5s}.holdings-list{flex-direction:column;gap:12px;display:flex}.holding-card{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:17px;display:flex}.holding-coin{align-items:center;gap:12px;display:flex}.holding-coin>span{width:42px;height:42px;color:var(--emerald-light);background:#19b8891a;border-radius:50%;place-items:center;font-size:20px;display:grid}.holding-coin h3{margin:0 0 5px;font-size:14px}.holding-coin p{color:var(--muted);margin:0;font-size:12px}.holding-quantity,.holding-value{text-align:right;flex-direction:column;gap:7px;display:flex}.holding-quantity span,.holding-value span{color:var(--muted);font-size:11px}.holding-quantity strong,.holding-value strong{color:var(--text);font-size:13px}@media (width<=900px){.assets-overview{grid-template-columns:1fr 1fr}.assets-main-card{grid-column:span 2}}@media (width<=700px){.tn-advanced-chart{border-radius:15px;margin:20px 0;padding:17px 13px}.tn-chart-top h2,.tn-market-price-row h2{font-size:25px}.tn-chart-controls{align-items:flex-start}.tn-chart-periods{gap:2px}.tn-chart-periods button{padding:7px 9px;font-size:10px}.tn-chart-plot{height:210px;padding-left:34px}.tn-chart-x-labels{padding-left:34px}.tn-chart-y-labels{font-size:9px}.tn-market-heading{flex-direction:column;align-items:flex-start}.tn-market-selector,.tn-market-selector select{width:100%}.tn-market-price-row{flex-direction:column;align-items:flex-start}.tn-volume-section{margin-left:34px}.holding-card{flex-wrap:wrap;align-items:flex-start}.holding-quantity,.holding-value{text-align:left}}@media (width<=600px){.assets-header h1{font-size:23px}.assets-overview{grid-template-columns:1fr;gap:12px}.assets-main-card{grid-column:auto}.assets-main-card,.asset-stat-card,.holdings-section{padding:20px}.assets-main-card h2,.asset-stat-card h2{font-size:22px}.assets-actions{grid-template-columns:1fr 1fr;display:grid}.assets-actions button{padding:12px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.tn-demo-live i,.tn-chart-animated-line{animation:none}}.transactions-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.transaction-count{color:#19c997;letter-spacing:.5px;background:#19c9971a;border:1px solid #19c9972e;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:700}.transaction-activity{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:15px;padding:0;overflow:hidden}.transaction-table-header,.transaction-row{grid-template-columns:1.5fr 1.2fr 1fr .9fr;align-items:center;gap:15px;padding:17px 22px;display:grid}.transaction-table-header{border-bottom:1px solid var(--border);background:#ffffff06}.transaction-table-header span{color:var(--muted);letter-spacing:.8px;font-size:10px;font-weight:700}.transaction-row{border-bottom:1px solid #ffffff0e;min-height:78px;transition:background .2s}.transaction-row:last-of-type{border-bottom:none}.transaction-row:hover{background:#ffffff06}.transaction-name{align-items:center;gap:13px;min-width:0;display:flex}.transaction-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.transaction-icon.buy{color:#19c997;background:#19c9971f}.transaction-icon.sell{color:#65a8ff;background:#65a8ff1f}.transaction-icon.withdraw{color:#f0b35a;background:#f0b35a1f}.transaction-icon.deposit{color:#19c997;background:#19c9971f}.transaction-icon.other{color:#a8b5c2;background:#a8b5c21f}.transaction-name h3{color:var(--text);margin:0 0 5px;font-size:13px;font-weight:600}.transaction-name p{color:var(--muted);margin:0;font-size:11px}.transaction-date span{color:#9aa9b3;font-size:11px}.transaction-amount strong{white-space:nowrap;font-size:12px}.transaction-amount.buy{color:#f06464}.transaction-amount.sell,.transaction-amount.deposit{color:#19c997}.transaction-amount.withdraw{color:#f0b35a}.transaction-amount.other{color:var(--text)}.transaction-status{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.status-success{color:#19c997;white-space:nowrap;background:#19c99717;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:600;display:inline-flex}.status-success i{background:#19c997;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 7px #19c997b3}.demo-tag{color:#a7b4bd;letter-spacing:1px;font-size:8px;font-weight:700}.demo-transaction-note{color:var(--muted);background:#ffffff05;border-top:1px solid #ffffff0e;padding:13px 22px;font-size:10px;line-height:1.6}@media (width<=850px){.transaction-table-header,.transaction-row{grid-template-columns:1.4fr 1fr 1fr}.transaction-table-header span:nth-child(2),.transaction-date{display:none}}@media (width<=550px){.transactions-heading{flex-direction:column;align-items:flex-start}.transaction-table-header,.transaction-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 12px}.transaction-table-header span:nth-child(2),.transaction-table-header span:nth-child(3),.transaction-date{display:none}.transaction-table-header span:last-child{text-align:right}.transaction-name{gap:9px}.transaction-icon{width:35px;height:35px;font-size:17px}.transaction-name h3{font-size:12px}.transaction-name p{font-size:10px}.transaction-amount{grid-column:1;padding-left:44px}.transaction-amount strong{font-size:11px}.transaction-status{grid-area:1/2/span 2;align-items:flex-end}.demo-transaction-note{padding:12px;font-size:9px}}@media screen and (width<=600px){.assets-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:16px;display:grid}.assets-main-card,.asset-stat-card{border-radius:11px;flex-direction:column;grid-column:auto;justify-content:center;min-width:0;padding:12px 8px;display:flex}.assets-main-card>span,.asset-stat-card>span{min-height:25px;font-size:9px;line-height:1.4}.assets-main-card h2,.asset-stat-card h2{overflow-wrap:anywhere;letter-spacing:-.4px;margin:7px 0 0;font-size:clamp(10px,3.1vw,15px);line-height:1.4}.assets-main-card p{margin-top:5px;font-size:8px;line-height:1.4}.assets-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin-bottom:24px;display:grid}.assets-actions button{white-space:nowrap;border-radius:8px;width:100%;min-width:0;padding:11px 2px;font-size:clamp(8px,2.5vw,11px);line-height:1.3}}@media screen and (width<=360px){.assets-overview{gap:5px}.assets-main-card,.asset-stat-card{padding:10px 6px}.assets-main-card>span,.asset-stat-card>span{font-size:8px}.assets-main-card h2,.asset-stat-card h2{font-size:10px}.assets-actions{gap:4px}.assets-actions button{padding:10px 1px;font-size:8px}}.trade-page{animation:.4s fadeIn}.trade-heading{margin-bottom:30px}.trade-eyebrow{color:var(--emerald);letter-spacing:2px;margin-bottom:8px;font-size:11px;font-weight:800}.trade-heading h1{margin-bottom:8px;font-size:28px}.trade-heading p:last-child{color:var(--muted);font-size:14px}.trade-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);align-items:start;gap:24px;display:grid}.trade-card,.trade-info-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px}.trade-card h2,.trade-info-card h3{margin-bottom:8px;font-size:19px}.trade-description{color:var(--muted);margin-bottom:24px;font-size:13px}.trade-tabs{background:var(--background);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:25px;padding:5px;display:grid}.trade-tabs button{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:12px;font-weight:700}.trade-tabs button.active.buy-tab{background:var(--emerald);color:#07150f}.trade-tabs button.active.sell-tab{color:#210b0b;background:#ff8585}.trade-card label{margin-bottom:10px;font-size:13px;font-weight:600;display:block}.trade-card select,.trade-amount-input{background:var(--background);border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);border-radius:9px;margin-bottom:20px;padding:0 14px}.trade-card select{cursor:pointer}.selected-coin-price,.trade-estimate{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 24px;font-size:13px;display:flex}.selected-coin-price span,.trade-estimate span{color:var(--muted)}.trade-amount-input{align-items:center;gap:10px;display:flex}.trade-amount-input span{color:var(--muted);font-size:13px}.trade-amount-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:none;outline:none;font-size:16px}.trade-estimate{background:var(--background);border-radius:9px;margin-bottom:20px;padding:16px}.execute-trade-button{background:var(--emerald);color:#07150f;border:none;border-radius:9px;width:100%;padding:15px;font-weight:800;transition:all .2s}.execute-trade-button:hover{background:var(--emerald-light);transform:translateY(-1px)}.trade-message{margin-bottom:14px;font-size:13px;font-weight:600}.trade-message.success{color:var(--emerald-light)}.trade-message.error{color:var(--danger)}.trade-disclaimer{color:var(--muted);text-align:center;margin-top:16px;font-size:11px}.trade-info-card h3{margin-bottom:22px}.trade-info-card>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:16px 0;font-size:13px;display:flex}.trade-info-card>div:last-child{border-bottom:none}.trade-info-card span{color:var(--muted)}@media (width<=800px){.trade-layout{grid-template-columns:1fr}}@media (width<=480px){.trade-card,.trade-info-card{padding:18px}.trade-heading h1{font-size:24px}}:root{--background:#0b1117;--sidebar:#101820;--card:#141f28;--card-hover:#1c2c36;--border:#26343f;--text:#f0f5f7;--muted:#8999a5;--emerald:#19b889;--emerald-light:#35d5a5;--emerald-soft:#75e2bc;--danger:#ff8585}*{box-sizing:border-box}.dashboard{background:var(--background);min-height:100vh;color:var(--text);display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:255px;min-height:100vh;padding:32px 22px;display:flex}.logo{letter-spacing:-1px;color:#fff;margin-bottom:65px;font-size:26px;font-weight:800}.logo span{color:var(--emerald)}.menu-label{letter-spacing:2px;color:#72828d;margin-bottom:20px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:9px;display:flex}.nav-item{text-align:left;color:#a5b2bc;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;padding:14px 16px;font-size:13px;font-weight:500;transition:all .25s}.nav-item:hover{background:var(--card-hover);color:#fff}.nav-item.active{color:var(--emerald-light);background:#19b8891f;border-color:#19b88933}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:25px}.sidebar-bottom p{color:#e7edf0;margin-bottom:7px;font-size:13px;font-weight:700}.sidebar-bottom small{color:#72828d;font-size:11px}.main-content{flex:1;min-width:0;padding:35px 45px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-bottom:45px;padding-bottom:25px;display:flex}.topbar h2{color:var(--text);margin-bottom:6px;font-size:21px;font-weight:700}.topbar p{color:var(--muted);font-size:12px}.profile{align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.avatar{width:40px;height:40px;color:var(--emerald-light);background:#19b88926;border:1px solid #19b8894d;border-radius:50%;place-items:center;font-weight:700;display:grid}.welcome{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.welcome h1{color:#fff;margin-bottom:9px;font-size:26px;font-weight:700}.welcome p{color:var(--muted);font-size:13px}.account-status{color:var(--emerald-light);white-space:nowrap;background:#19b8891f;border:1px solid #19b88933;border-radius:30px;padding:10px 15px;font-size:11px}.balance-card{color:#fff;background:linear-gradient(120deg,#122c2a,#143f36 60%,#155445);border:1px solid #19b88940;border-radius:17px;margin-bottom:25px;padding:36px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000002e}.balance-card:after{content:"";pointer-events:none;border:1px solid #75e2bc21;border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-65px}.balance-card p{color:#b9d9cf;margin-bottom:16px;font-size:13px}.balance-card h1{color:var(--emerald-soft);overflow-wrap:anywhere;margin-bottom:12px;font-size:40px;font-weight:800}.balance-card span{color:#a9c8be;font-size:11px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:40px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:13px;min-width:0;padding:25px;transition:border-color .25s,transform .25s}.stat-card:hover{border-color:#19b88973;transform:translateY(-3px)}.stat-card p{color:var(--muted);margin-bottom:15px;font-size:12px}.stat-card h2{color:var(--text);overflow-wrap:anywhere;font-size:21px;font-weight:700}.stat-card .active-status{color:var(--emerald-light)!important}.section-heading{margin-bottom:20px}.section-heading h2{color:var(--text);margin-bottom:7px;font-size:17px}.section-heading p{color:var(--muted);font-size:12px}.empty-activity{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:13px;padding:45px 20px}.empty-activity h3{color:#e7edf0;margin-bottom:9px;font-size:14px}.empty-activity p{color:var(--muted);font-size:12px}.page-placeholder{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:40px}.page-placeholder h1{color:var(--text)}.page-placeholder p{color:var(--muted);margin-top:10px;font-size:13px}.withdraw-content{width:100%;max-width:850px}.withdraw-balance{background:linear-gradient(120deg,#122c2a,#143f36 65%,#155445);border:1px solid #19b88940;border-radius:15px;margin:25px 0;padding:30px}.withdraw-balance p{color:#b9d9cf;margin-bottom:12px;font-size:13px}.withdraw-balance h1{color:var(--emerald-soft);overflow-wrap:anywhere;font-size:34px;font-weight:800}.withdraw-form{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:35px;padding:30px}.withdraw-form label{color:#e7edf0;margin-bottom:12px;font-size:13px;font-weight:600;display:block}.withdraw-form input{background:var(--background);color:#fff;border:1px solid #34434f;border-radius:9px;outline:none;width:100%;padding:16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.withdraw-form input:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #19b8891a}.withdraw-form input::placeholder{color:#667784}.withdraw-note{color:var(--muted);margin-top:10px;font-size:11px}.withdraw-button{background:var(--emerald);color:#071710;border:none;border-radius:9px;width:100%;margin-top:25px;padding:16px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.withdraw-button:hover{background:var(--emerald-light);transform:translateY(-2px)}.withdraw-button:focus-visible,.nav-item:focus-visible{outline:2px solid var(--emerald-light);outline-offset:3px}.withdraw-message{border-radius:8px;margin-top:18px;padding:13px;font-size:12px;line-height:1.6}.withdraw-message.success{color:var(--emerald-light);background:#19b8891f;border:1px solid #19b88933}.withdraw-message.error{color:var(--danger);background:#f064641a;border:1px solid #f0646433}.withdrawal-history-heading{margin-top:35px}.transaction-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:18px 5px;display:flex}.transaction-row:last-child{border-bottom:none}.transaction-row h3{color:#e7edf0;margin-bottom:7px;font-size:13px}.transaction-row p{color:var(--muted);font-size:11px}.transaction-details{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.transaction-details strong{color:var(--danger);font-size:13px}.transaction-details small{color:var(--emerald-light);font-size:10px}@media (width<=1000px){.sidebar{width:220px;padding:28px 17px}.main-content{padding:30px 25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard{flex-direction:column;display:flex}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-height:auto;padding:18px 16px}.logo{margin-bottom:20px;font-size:23px}.menu-label{display:none}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nav-item{text-align:center;width:100%;padding:12px 9px;font-size:12px}.sidebar-bottom{display:none}.main-content{width:100%;padding:22px 16px}.topbar{margin-bottom:28px;padding-bottom:18px}.topbar h2{font-size:18px}.topbar p{font-size:11px}.profile{gap:7px}.profile span{display:none}.avatar{width:36px;height:36px;font-size:12px}.welcome{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}.welcome h1{font-size:21px}.welcome p{font-size:12px;line-height:1.6}.account-status{padding:9px 12px;font-size:10px}.balance-card{border-radius:14px;margin-bottom:17px;padding:25px 20px}.balance-card p{font-size:12px}.balance-card h1{font-size:clamp(25px,7vw,32px)}.balance-card span{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:30px}.stat-card{padding:16px 12px}.stat-card p{margin-bottom:10px;font-size:11px;line-height:1.5}.stat-card h2{font-size:clamp(15px,4vw,19px)}.section-heading h2{font-size:16px}.section-heading p{font-size:11px;line-height:1.5}.empty-activity{padding:32px 15px}.empty-activity h3{font-size:14px}.empty-activity p{font-size:11px;line-height:1.6}.page-placeholder{padding:25px 18px}.page-placeholder h1{font-size:21px}.withdraw-content{width:100%}.withdraw-balance{margin:20px 0;padding:23px 18px}.withdraw-balance h1{font-size:clamp(25px,7vw,32px)}.withdraw-form{padding:21px 16px}.withdraw-form input{padding:14px;font-size:14px}.withdraw-button{padding:15px;font-size:13px}.transaction-row{padding:15px 0}.transaction-row h3{font-size:12px}.transaction-row p{font-size:10px}.transaction-details strong{font-size:11px}}@media (width<=360px){.sidebar nav{grid-template-columns:1fr 1fr}.main-content{padding:18px 12px}.balance-card h1{font-size:25px}.nav-item{padding:11px 6px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.withdraw-form input{width:100%}.withdrawal-wallet{overflow-wrap:anywhere;max-width:350px;color:var(--muted);margin-top:6px;font-size:12px}.withdrawal-modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.withdrawal-success-modal{text-align:center;background:#141f28;border:1px solid #26343f;border-radius:20px;width:100%;max-width:430px;padding:35px 28px;animation:.3s popupAppear;box-shadow:0 20px 60px #0006}.withdrawal-success-icon{color:#35d5a5;background:#19b88926;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:36px;font-weight:700;display:flex}.withdrawal-success-modal h2{color:#f0f5f7;margin-bottom:10px;font-size:23px}.withdrawal-popup-description{color:#8999a5;font-size:14px;line-height:1.6}.withdrawal-popup-amount{background:#101820;border-radius:12px;margin:25px 0 18px;padding:20px}.withdrawal-popup-amount span,.withdrawal-popup-wallet span{color:#8999a5;margin-bottom:8px;font-size:12px;display:block}.withdrawal-popup-amount h1{color:#35d5a5;font-size:28px}.withdrawal-popup-wallet{text-align:left;background:#101820;border-radius:12px;margin-bottom:22px;padding:15px}.withdrawal-popup-wallet p{color:#f0f5f7;overflow-wrap:anywhere;font-size:13px}.withdrawal-popup-button{color:#fff;background:#19b889;border:none;border-radius:10px;width:100%;padding:14px;font-weight:700;transition:background .2s}.withdrawal-popup-button:hover{background:#159b74}@keyframes popupAppear{0%{opacity:0;transform:translateY(15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.withdrawal-success-modal{padding:28px 20px}.withdrawal-success-modal h2{font-size:20px}.withdrawal-popup-amount h1{font-size:24px}}.dashboard-support{background:linear-gradient(120deg,#172d2d,#14242d);border:1px solid #35d5a533;border-radius:16px;align-items:center;gap:18px;margin-bottom:30px;padding:22px 25px;animation:.4s fadeIn;display:flex}.support-icon{background:#35d5a51f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.support-info{flex:1}.support-label,.contact-card-label,.contact-eyebrow{color:var(--emerald-light);letter-spacing:1.5px;font-size:10px;font-weight:800}.support-info h3{margin:5px 0;font-size:17px}.support-info p{color:var(--muted);font-size:12px;line-height:1.6}.support-contact-button,.send-email-button{background:var(--emerald);color:#071711;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.support-contact-button:hover,.send-email-button:hover{background:var(--emerald-light);transform:translateY(-2px)}.contact-content{max-width:950px;margin:0 auto;padding-bottom:40px;animation:.4s fadeIn}.contact-hero{padding:35px 10px 30px}.contact-hero h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(30px,5vw,42px)}.contact-hero p{color:var(--muted);max-width:550px;font-size:14px;line-height:1.8}.contact-main-card{border:1px solid var(--border);text-align:center;background:linear-gradient(145deg,#172630,#111c25);border-radius:20px;max-width:620px;margin-top:10px;padding:40px;box-shadow:0 15px 40px #00000026}.contact-main-icon{background:#35d5a51f;border-radius:22px;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 22px;font-size:34px;display:flex}.contact-main-card h2{margin:12px 0;font-size:25px}.contact-description{color:var(--muted);max-width:430px;margin:0 auto 28px;font-size:13px;line-height:1.8}.contact-email-box{text-align:left;border:1px solid var(--border);background:#0b1117;border-radius:12px;align-items:center;gap:15px;margin-bottom:20px;padding:18px;display:flex}.email-icon{width:45px;height:45px;color:var(--emerald-light);background:#35d5a51f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.email-details{min-width:0}.email-details span{color:var(--muted);letter-spacing:1px;margin-bottom:7px;font-size:9px;display:block}.email-details a{color:var(--emerald-light);overflow-wrap:anywhere;font-size:14px;font-weight:700}.email-details a:hover{text-decoration:underline}.send-email-button{width:100%;padding:15px;font-size:14px}.contact-footer-note{color:var(--muted);margin-top:20px;font-size:11px}@media (width<=600px){.dashboard-support{flex-wrap:wrap;padding:18px}.support-info{min-width:180px}.support-contact-button{width:100%}.contact-main-card{padding:25px 18px}.contact-hero{padding:25px 5px}.email-details a{font-size:12px}}@media screen and (width<=768px){.dashboard{width:100%;min-height:100vh;overflow-x:hidden;flex-direction:column!important;display:flex!important}.main-content{overflow-x:hidden;width:100%!important;min-width:0!important;padding:18px 15px calc(105px + env(safe-area-inset-bottom))!important}.topbar{gap:10px;width:100%;margin-bottom:25px;padding-bottom:17px}.topbar h2{font-size:19px}.topbar p{font-size:11px}.profile{flex-shrink:0}.profile span{display:none}.avatar{width:38px;height:38px}.dashboard-support{border-radius:13px;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:25px;padding:17px 14px;display:grid}.support-icon{border-radius:11px;width:43px;height:43px;font-size:21px}.support-info{min-width:0}.support-info h3{font-size:14px;line-height:1.4}.support-info p{font-size:11px;line-height:1.5}.support-label{letter-spacing:1px;font-size:8px}.support-contact-button{grid-column:1/-1;width:100%;padding:12px;font-size:12px}.welcome{margin-bottom:20px}.welcome h1{font-size:22px;line-height:1.3}.welcome p{font-size:12px;line-height:1.6}.balance-card{border-radius:14px;margin-bottom:17px;padding:24px 19px}.balance-card p{margin-bottom:12px;font-size:12px}.balance-card h1{overflow-wrap:anywhere;font-size:clamp(24px,7vw,34px);line-height:1.2}.balance-card span{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:30px;display:grid}.stat-card{border-radius:12px;min-width:0;padding:17px 13px}.stat-card p{margin-bottom:10px;font-size:10px;line-height:1.5}.stat-card h2{overflow-wrap:anywhere;font-size:clamp(14px,4vw,18px);line-height:1.35}.transactions-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.transactions-heading h2{font-size:16px}.transaction-count{color:var(--emerald-light);white-space:nowrap;padding-top:3px;font-size:9px}.transaction-activity{text-align:left;border-radius:13px;padding:12px!important}.transaction-table-header{display:none!important}.transaction-activity .transaction-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amount""date status";align-items:center;gap:12px 8px;padding:15px 2px;display:grid}.transaction-activity .transaction-row:last-child{border-bottom:none}.transaction-name{grid-area:name;align-items:center;gap:9px;min-width:0;display:flex}.transaction-name>div:last-child{min-width:0}.transaction-name h3{overflow-wrap:anywhere;margin-bottom:4px;font-size:11px}.transaction-name p{font-size:9px}.transaction-icon{flex-shrink:0}.transaction-date{grid-area:date;min-width:0}.transaction-date span{color:var(--muted);overflow-wrap:anywhere;font-size:9px}.transaction-amount{text-align:right;grid-area:amount;min-width:0}.transaction-amount strong{overflow-wrap:anywhere;font-size:10px}.transaction-status{text-align:right;grid-area:status}.status-success{white-space:nowrap;font-size:9px}.sidebar{box-shadow:0 -5px 20px #0000004d;width:100%!important;height:auto!important;min-height:0!important;padding:7px 2px calc(7px + env(safe-area-inset-bottom))!important;z-index:9999!important;background:#101820!important;border:none!important;border-top:1px solid #26343f!important;display:block!important;position:fixed!important;inset:auto 0 0!important}.sidebar .logo,.sidebar .menu-label,.sidebar .sidebar-bottom{display:none!important}.sidebar nav{align-items:center;width:100%;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;display:grid!important}.sidebar nav .nav-item{overflow-wrap:anywhere;color:#8999a5!important;text-align:center!important;white-space:normal!important;background:0 0!important;border:none!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:57px!important;margin:0!important;padding:4px 1px!important;font-size:8px!important;font-weight:600!important;line-height:1.1!important;display:flex!important}.sidebar nav .nav-item:before{font-size:19px;line-height:1;display:block}.sidebar nav .nav-item:first-child:before{content:"⌂"}.sidebar nav .nav-item:nth-child(2):before{content:"↗"}.sidebar nav .nav-item:nth-child(3):before{content:"▣"}.sidebar nav .nav-item:nth-child(4):before{content:"↓"}.sidebar nav .nav-item:nth-child(5):before{content:"⇄"}.sidebar nav .nav-item:nth-child(6):before{content:"✉"}.sidebar nav .nav-item.active{color:var(--emerald-light)!important;background:#19b8891a!important}.withdraw-content{width:100%;min-width:0}.withdraw-balance{padding:22px 17px}.withdraw-form{padding:20px 15px}.withdraw-form input{min-width:0;font-size:14px}.withdrawal-wallet{overflow-wrap:anywhere}.contact-content{width:100%;min-width:0}.contact-hero{padding:20px 3px}.contact-hero h1{font-size:29px;line-height:1.2}.contact-hero p{font-size:12px;line-height:1.7}.contact-main-card{border-radius:15px;width:100%;padding:25px 16px}.contact-main-card h2{font-size:21px}.contact-description{font-size:12px}.contact-email-box{gap:10px;padding:13px 10px}.email-details p{overflow-wrap:anywhere;font-size:11px}.withdrawal-modal-overlay{padding:14px}.withdrawal-success-modal{max-width:100%;padding:25px 17px}}@media screen and (width<=380px){.main-content{padding-left:11px!important;padding-right:11px!important}.stats-grid{gap:8px}.stat-card{padding:14px 10px}.sidebar nav .nav-item{font-size:7px!important}.sidebar nav .nav-item:before{font-size:17px}.transaction-activity{padding:9px!important}}.withdraw-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.withdraw-button:disabled:hover{background:var(--emerald);transform:none}.withdrawal-loading-modal{text-align:center;background:#141f28;border:1px solid #19b8894d;border-radius:20px;width:100%;max-width:400px;padding:40px 28px;animation:.3s popupAppear;box-shadow:0 20px 60px #0006}.withdrawal-spinner{border:5px solid #35d5a526;border-top-color:#35d5a5;border-radius:50%;width:65px;height:65px;margin:0 auto 25px;animation:.8s linear infinite withdrawalSpin}.withdrawal-loading-modal h2{color:#f0f5f7;margin-bottom:12px;font-size:21px}.withdrawal-loading-modal p{color:#8999a5;margin-bottom:18px;font-size:13px;line-height:1.7}.processing-note{color:#35d5a5;font-size:11px}@keyframes withdrawalSpin{to{transform:rotate(360deg)}}@media (width<=480px){.withdrawal-loading-modal{padding:32px 20px}.withdrawal-loading-modal h2{font-size:19px}}.nl-bar{display:none!important}
