/* Desktop composition from visual/web: wide landing, persistent sidebar, metrics and data tables. */
.web-app-shell,.web-sidebar,.web-app-header{display:none}
.landing-nav{display:none}
.web-session{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.web-session .grow{min-width:160px;overflow-wrap:anywhere}.web-session b{font-size:14px}.web-profile-sessions{margin-top:24px}
.web-profile-grid{display:grid;gap:26px}.web-profile-grid .username{overflow-wrap:anywhere}
@media(min-width:1024px){html.is-desktop .web-profile-grid{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:start}html.is-desktop .web-profile-grid .web-profile-sessions{margin-top:0}html.is-desktop .app-page>.page-heading{display:none}html.is-desktop .web-deposit-detail{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:18px 24px;align-items:start}html.is-desktop .web-deposit-detail>*{grid-column:1}html.is-desktop .web-deposit-detail>.card[role=table]{grid-column:2;grid-row:1/10;margin-top:0}html.is-desktop .web-deposit-detail>.hero-stat{margin-top:0}}
.web-income-chart{padding:20px 0 16px;border-top:1px solid var(--border);margin-top:20px}
.web-chart-heading,.web-chart-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.web-chart-heading h3{font-size:14px;color:var(--text-2)}
.web-chart-controls .input{width:auto;max-width:55%;font-size:13px;min-height:38px}
.web-profit-chart{width:100%;height:auto;min-height:110px;display:block}
.web-profit-chart rect{fill:var(--accent);opacity:.7}
.web-chart-plot{min-height:130px}
@media(min-width:1024px){
 html.is-desktop,html.is-desktop body{height:auto;overflow:auto}
 html.is-desktop .layout-wide,html.is-desktop .device,html.is-desktop .device-screen{display:block;width:100%;height:auto;max-width:none;min-height:100vh;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible}
 html.is-desktop .device-status,html.is-desktop .home-indicator{display:none}
 html.is-desktop .layout-cabinet{max-width:none;min-height:100vh;width:100%;margin:0}
 html.is-desktop .navbar{display:none}
 html.is-desktop .web-app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;background:radial-gradient(ellipse at 70% 0,rgba(37,79,76,.12),transparent 50%),var(--bg)}
 html.is-desktop .web-sidebar{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;padding:26px 18px;border-inline-end:1px solid var(--border);background:#0b1726}
 .web-brand{padding:0 12px 30px;display:block}
 .web-side-nav{display:grid;gap:8px}
 .web-nav-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;color:var(--text-2);font-size:14px;text-align:start}
 .web-nav-item:hover{background:var(--surface-2)}
 .web-nav-item.active{background:rgba(101,239,66,.1);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
 .web-support{margin-top:auto;padding:16px 12px;color:var(--text-3);font-size:12px}
 .web-workspace{min-width:0}
 html.is-desktop .web-app-header{display:flex;align-items:center;gap:18px;min-height:88px;padding:20px 36px;border-bottom:1px solid var(--border);background:#081321d9}
 .web-app-header h1{font-size:22px;font-weight:600}
 .web-header-controls{display:flex;gap:12px;align-items:center;margin-inline-start:auto}
 .web-header-controls .btn{min-height:38px;font-size:12px}
 .web-local-label{font-size:10px;color:var(--st-waiting);border:1px solid var(--border);border-radius:6px;padding:6px}
 html.is-desktop .app-page{max-width:1500px;margin-inline:auto;padding:30px 36px 50px;width:100%;min-height:0}
 html.is-desktop .app-page>.app-topbar{display:none}
 .web-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}
 .web-metric{display:flex;flex-direction:column;gap:12px;padding:22px}
 .web-metric b{font-size:27px;letter-spacing:-1px;overflow-wrap:anywhere}
 .web-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-bottom:28px;align-items:start}
 .web-overview-main .live-card{padding:26px 26px 0;min-height:360px;background:linear-gradient(135deg,#10251e,#0e1c2d)}
 .web-overview-main .live-number{font-size:40px;margin-top:22px}
 .web-overview-context .account-total{margin:0;padding:20px}
 .web-overview-context .quick-actions{margin:0}
 .web-home-page>.section-title{margin-top:26px}
 .web-table-wrap{padding:0;overflow:auto;min-width:0;max-width:100%;margin-bottom:26px}
 .web-data-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px;text-align:start}
 .web-data-table th{padding:16px 20px;border-bottom:1px solid var(--border);text-align:start;color:var(--text-3);font-weight:500;font-size:11px;background:var(--surface-2)}
 .web-data-table td{padding:18px 20px;border-bottom:1px solid var(--border);vertical-align:middle}
 .web-data-table tr:last-child td{border-bottom:0}
 .web-data-table td small{display:block;font-size:10px;margin-top:5px}
 .web-table-link{font-weight:600;color:var(--text)}
 .web-table-link:hover{color:var(--accent)}
 html.is-desktop .app-page[data-screen=form],html.is-desktop .app-page[data-screen=card]{max-width:1150px}
 html.is-desktop .app-page[data-screen=extra][data-layout=fund],html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]{max-width:980px}
 html.is-desktop .app-page .tariff-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html.is-desktop .app-page .form-card{padding:28px}
 html.is-desktop .app-page .input{min-height:46px;font-size:16px}
 html.is-desktop .app-page .transaction{display:grid;grid-template-columns:40px minmax(0,1fr) 190px;padding:18px 20px;border:1px solid var(--border);background:var(--surface);margin-bottom:10px;border-radius:10px}
 html.is-desktop .app-page .hist-filters{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:24px}
 html.is-desktop .app-page[data-extra=team] .line-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 html.is-desktop .app-page[data-screen=profile]{max-width:1100px}
 html.is-desktop .vl.landing{font-size:16px;max-width:none;width:100%}
 html.is-desktop .vl .product-header{height:86px;padding:0 max(36px,calc((100% - 1200px)/2));gap:30px}
 html.is-desktop .vl .landing-section,html.is-desktop .vl .landing-footer{max-width:1200px;margin-inline:auto;padding:70px 36px;width:100%}
 html.is-desktop .vl .hero{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;align-items:center;min-height:660px;position:relative}
 html.is-desktop .vl .hero>h1{font-size:64px;line-height:1.06;max-width:650px;grid-column:1}
 html.is-desktop .vl .hero>.intro,html.is-desktop .vl .hero>.pill,html.is-desktop .vl .hero>.btn,html.is-desktop .vl .hero>.hero-foot{grid-column:1}
 html.is-desktop .vl .hero-art{grid-column:2;grid-row:1/8;width:100%;height:430px;margin:0}
 html.is-desktop .vl .hero .metric-strip{grid-column:1/-1;margin-top:30px}
 html.is-desktop .vl .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 html.is-desktop .vl h2{font-size:38px;max-width:760px}
 html.is-desktop .vl .hero .btn{max-width:330px}
 html.is-desktop .vl .calc-inline{padding:30px;max-width:900px;margin:30px auto 0}
 html.is-desktop .vl .landing-section .intro{max-width:600px;font-size:15px}
 html.is-desktop .vl .method-section{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;align-items:start}
 html.is-desktop .vl .method-section>.section-label,html.is-desktop .vl .method-section>h2,html.is-desktop .vl .method-section>.intro,html.is-desktop .vl .method-section>.method-art{grid-column:1}
 html.is-desktop .vl .method-section>.method-list{grid-column:2;grid-row:1/5;margin-top:0}
 html.is-desktop .vl .community-section{display:grid;grid-template-columns:1fr 1fr;gap:36px 60px;align-items:start}
 html.is-desktop .vl .community-section>.support-card{grid-column:1/-1;margin:0}
 html.is-desktop .vl .community-faq>.section-title{margin-top:0}
 html.is-desktop .vl .head-actions{margin-inline-start:auto}
 html.is-desktop .modal-panel{max-width:580px}
 html.is-desktop .land-modal .modal-panel{max-width:460px}
}
@media(min-width:1024px) and (max-width:1250px){.web-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.web-overview-grid{grid-template-columns:minmax(0,1fr)}html.is-desktop .app-page{padding:26px 24px}.web-overview-context{display:grid;grid-template-columns:1fr 1fr}.web-overview-context .quick-actions{align-self:center}}
@media(min-width:768px) and (max-width:1023px){html:not(.is-framed) .layout-cabinet{max-width:760px}html:not(.is-framed) .app-page{padding-inline:28px}}
.hist-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hist-search .input{flex:1;min-width:180px}
.web-money-layout{display:grid;gap:20px}.web-money-main,.web-money-aside{min-width:0}.withdraw-context{display:none}.withdraw-address-check{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.7;margin-top:16px}
@media(min-width:1024px){
 html.is-desktop .web-money-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
 html.is-desktop .web-money-aside{position:sticky;top:24px}
 html.is-desktop .web-money-aside>.card:first-child{margin-top:0}
 html.is-desktop .app-page[data-screen=extra][data-layout=fund],html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;max-width:1200px}
 html.is-desktop .app-page[data-screen=extra][data-layout=fund]>.info-box:not(.fund-wallet){grid-column:2;grid-row:1;margin:0}
 html.is-desktop .app-page[data-screen=extra][data-layout=fund]>.fund-fields{grid-column:1;grid-row:1/4;margin-top:0}
 html.is-desktop .app-page[data-screen=extra][data-layout=fund]>.fund-wallet{grid-column:2;grid-row:2;overflow-wrap:anywhere;margin:0}
 html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]>.withdraw-fields{grid-column:1;grid-row:1/3;margin-top:0}
 html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]>.withdraw-context{display:block;grid-column:2;grid-row:1;position:sticky;top:24px}
 html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]>.section-title,html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]>.screen-note,html.is-desktop .app-page[data-screen=extra][data-layout=withdraw]>.card:not(.withdraw-context){grid-column:1/-1}
 html.is-desktop .app-page>*{min-width:0;max-width:100%}
 html.is-desktop .web-app-header h1{min-width:0;overflow-wrap:anywhere}
 html.is-desktop .web-header-controls{min-width:0;flex-wrap:wrap;justify-content:flex-end}
 html.is-desktop .fund-wallet>div{min-width:0;width:100%}
 html.is-desktop .modal-panel.reinvest-panel{max-width:900px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px 24px}
 html.is-desktop .reinvest-panel>.modal-head{grid-column:1/-1}
 html.is-desktop .reinvest-panel>.reinvest-conditions{grid-column:2;grid-row:2/8;align-self:start}
 html.is-desktop .reinvest-panel>*:not(.modal-head):not(.reinvest-conditions){grid-column:1}
}
@media(min-width:1500px){html.is-desktop .web-tariff-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
@media(min-width:1280px){html.is-desktop .landing-nav{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--text-2)}html.is-desktop .landing-nav a:hover{color:var(--accent)}}
.community-faq{margin-top:30px}.vl .support-card{margin-top:28px}
@media(min-width:1024px){html.is-desktop .community-faq{margin-top:0}}
.login-qr{margin:18px auto;text-align:center}.login-qr[hidden]{display:none}.login-qr img{display:block;width:216px;height:216px;max-width:100%;margin:0 auto 10px;border:8px solid white;border-radius:8px;image-rendering:pixelated;background:white}.login-qr figcaption{font-size:12px;color:var(--text-2);max-width:270px;margin:auto}
.hist-filters>[data-export-csv]{margin-top:12px}
.web-calculator-grid{display:grid;gap:20px}.web-calculator-level{border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;min-width:0}.web-calculator-level legend{padding-inline:8px}
@media(min-width:1024px){.web-calculator-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.web-calculator-grid>aside{position:sticky;top:24px}.web-calculator-level{display:grid;grid-template-columns:1fr 1fr;gap:16px}.web-data-table details{min-width:120px;max-width:400px}.web-data-table details .transaction{display:block;margin-top:12px;font-size:12px;overflow-wrap:anywhere}}