:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#081321;--surface:#122238;--surface-2:#192b43;--line:#273e58;--text:#f1f6ff;--muted:#91a6c0;--blue:#6dbbff;--mint:#71e0af;--gold:#f8c779;--red:#ff8e99}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 48% -15%,#162e47,transparent 59%),#081321;color:var(--text);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#94d4ff;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7fe6bb;outline-offset:3px}.positive{color:var(--mint)!important}.warning-text{color:var(--gold)!important}.muted{color:var(--muted)}.tiny{font-size:11px}
.app-shell{max-width:620px;margin:auto;min-height:100vh}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;padding:16px 19px 12px;position:relative}.logo{display:flex;align-items:center;gap:11px;text-align:left;background:none;border:0;color:var(--text);padding:0}.logo-symbol{height:40px;width:40px;border-radius:13px;background:linear-gradient(150deg,#285579,#1a3857);display:grid;place-items:center;font-size:26px;font-weight:900;color:#87d5ff;position:relative;box-shadow:0 8px 20px #06101c}.logo-symbol span{position:absolute;color:var(--mint);font-size:15px;right:3px;top:1px}.logo-title{font-size:17px;font-weight:850;letter-spacing:.06em;line-height:1.2}.logo-title small{display:block;color:#86a1bd;font-size:9px;letter-spacing:.22em;font-weight:800;margin-top:4px}.topactions{display:flex;gap:6px}.icon-btn{height:40px;width:40px;border:1px solid #22384f;border-radius:12px;background:#13243a;color:#a4bdd7;display:grid;place-items:center;position:relative}.notify-dot{position:absolute;right:-3px;top:-5px;border-radius:50%;min-width:17px;height:17px;background:#e9a65e;color:#231a0f;font-size:10px;font-weight:850;display:grid;place-items:center}
.content{padding:11px 16px calc(115px + env(safe-area-inset-bottom));}.eyebrow{color:#69b5ee;letter-spacing:.18em;font-size:10px;font-weight:900;margin-bottom:9px}.page-intro{margin:4px 0 23px}.page-intro h1{font-size:27px;line-height:1.13;margin:0;letter-spacing:-.04em;font-weight:850}.page-intro p{font-size:13px;color:var(--muted);line-height:1.45;margin:9px 0 0}.card{background:linear-gradient(140deg,#172942,#122238);border:1px solid var(--line);border-radius:19px;padding:18px;margin:12px 0;box-shadow:0 15px 33px #030d191a}.card h2{font-size:15px;margin:0 0 16px}.card h3{font-size:16px;line-height:1.3;margin:12px 0 14px;letter-spacing:-.025em}.hero{background:linear-gradient(120deg,#194460 0%,#17334f 39%,#12233b 100%);border:1px solid #2e6285;padding:20px;box-shadow:0 16px 40px #0002}.hero-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#b2c9db;font-size:12px}.hero-heading>span:first-child{display:flex;align-items:center;gap:7px}.hero-number{font-weight:900;color:#80e8b2;font-size:39px;letter-spacing:-.06em;margin:16px 0 10px;line-height:1.1;font-variant-numeric:tabular-nums}.hero-bottom{display:flex;justify-content:space-between;font-size:12px;color:#c2d2e0}.hero-bottom b{color:var(--mint)}.hero-sub{font-size:11px;color:#9db5cc;line-height:1.4;margin:12px 0 0}.bartrack{height:8px;background:#344e65;border-radius:20px;overflow:hidden;margin-top:10px}.barfill{height:100%;background:linear-gradient(90deg,#42bb92,#91e9b9);border-radius:20px}.barfill--red{background:#e18e91}.bartrack--thin{height:6px;margin-top:7px;background:#293e53}.badge{font-size:10px;font-weight:700;line-height:1.4;padding:5px 9px;border-radius:99px;white-space:nowrap;display:inline-block}.badge--blue{color:#9dd8ff;background:#1f4160}.badge--gray{color:#b9cce0;background:#294059}.badge--green{color:#8eebbd;background:#1b4a3e}.badge--amber{color:#ffdda6;background:#5c452f}.badge--red{color:#ffb2b9;background:#592f39}
.periodbar{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 13px;padding-bottom:4px}.period{border:1px solid #29405b;background:#162940;border-radius:99px;color:#9ab2ca;white-space:nowrap;padding:9px 13px;font-size:12px}.period.selected{background:#24638f;color:#fff;border-color:#428ec1}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.metrics-grid .card{margin:0}.mini-card{min-height:130px;padding:16px}.mini-icon{height:31px;width:31px;border-radius:10px;display:grid;place-items:center;margin-bottom:10px}.mini-icon.accent{background:#1d5079;color:#8bcfff}.mini-icon.violet{background:#343a73;color:#b0afff}.mini-icon.greenish{background:#1e5a4b;color:#8cf1c5}.mini-label{display:block;color:#9fb2c8;font-size:11px}.mini-card strong{display:block;margin-top:6px;font-weight:850;font-size:20px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 1px 12px}.section-heading h2{font-size:16px;letter-spacing:-.02em;margin:0}.section-heading--inside{margin:0 0 8px}.subtle-button{display:flex;gap:5px;align-items:center;background:none;color:#91caff;border:0;padding:5px;font-size:12px}.notice-card{padding:16px}.notice{display:flex;align-items:flex-start;gap:13px}.notice-icon{height:39px;width:39px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.amber-bg{background:#5b4330;color:#ffdb9c}.blue-bg{background:#204866;color:#98d1ff}.notice-body{min-width:0;flex:1}.notice-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:11px}.notice-body h3{margin:9px 0 4px;font-size:14px;line-height:1.4}.notice-body p{font-size:12px;color:var(--muted);margin:0 0 13px}.notice-actions .btn{min-height:37px;padding:8px 16px;font-size:12px}.overview-card{margin-bottom:2px}.overview-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:3px 0}.overview-row>span{display:flex;align-items:center;gap:9px;color:#a7bbcf}.overview-row b{font-size:13px;font-variant-numeric:tabular-nums}.line{height:1px;background:var(--line);margin:14px 0}
.btn{min-height:42px;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:12px;border:1px solid #354f6c;color:#e7f3ff;background:#243a55;max-width:100%;text-align:center}.btn--primary{background:#3286ce;border-color:#53a7e2;color:#fff}.btn--soft{background:#263e5a}.btn--ghost{border-color:transparent;background:#1b3045;color:#aac7df}.btn--danger{background:#56333d;border-color:#7e4e5b;color:#ffd4d9}.btn--full{width:100%}.section-actions{display:flex;gap:8px;margin:18px 0}.section-actions .btn:first-child{flex:1}.filterbar{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 7px;margin-bottom:8px}.filter{padding:9px 13px;border-radius:30px;border:1px solid #28415a;background:#162a42;color:#a8bbcf;white-space:nowrap;font-size:12px}.filter.selected{background:#275e8a;color:white;border-color:#448ebe}.alert{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6;padding:13px;border:1px solid #36526b;background:#172d41;border-radius:14px;color:#b8cedf;margin:10px 0}.alert svg{flex-shrink:0}.alert--warning{background:#44382966;border-color:#6c583f;color:#e2c8a0}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.platform{display:flex;align-items:center;gap:7px;font-size:12px;color:#9cb6d1}.opp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 0 16px}.opp-metrics>div{display:flex;flex-direction:column;gap:7px}.opp-metrics span,.order-money span{font-size:10px;color:#94aac0}.opp-metrics strong{font-size:13px;white-space:nowrap}.opp-desc{color:#acbdd0;font-size:12px;line-height:1.5}.card-link{margin:0 0 12px}.outlink{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#8ed2ff}.card-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.card-buttons .btn:first-child{flex:1}.card-buttons .outlink{margin-left:auto}.annotation{font-size:10px;color:#8098af;margin-top:13px}.order-money{display:flex;justify-content:space-between;gap:9px;margin:11px 0 17px}.order-money div{display:flex;flex-direction:column;gap:7px}.order-money div:last-child{text-align:right}.order-money strong{font-size:16px}.progress-row{display:flex;justify-content:space-between;font-size:11px;color:#a5b9ce}
.empty{border:1px dashed #38516d;border-radius:17px;padding:24px 18px;text-align:center;color:#93adc5;display:flex;align-items:center;flex-direction:column;gap:9px;margin:15px 0}.empty b{font-size:14px;color:#eff6fd}.empty p{max-width:270px;margin:0 0 8px;font-size:12px;line-height:1.5}.detail-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.detail-head h1{margin:12px 0 6px;font-size:24px;letter-spacing:-.035em}.detail-head p{font-size:12px;color:var(--muted)}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{display:flex;flex-direction:column;gap:8px}.metric-label{font-size:11px;color:var(--muted)}.metric strong{font-size:17px;font-weight:850;letter-spacing:-.03em}.outlink-wrap{display:flex;align-items:center}.backbtn{background:none;border:0;color:#a1d0f1;display:flex;align-items:center;gap:8px;padding:0 0 15px;font-size:13px}.timeline{display:flex;justify-content:space-between;gap:2px;margin:10px -2px 20px;position:relative}.timeline:before{content:'';position:absolute;height:2px;background:#34516f;left:9%;right:9%;top:12px}.step{z-index:1;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;flex:1;font-size:10px;color:#839ab2}.step-dot{width:24px;height:24px;border-radius:50%;background:#274056;color:#a8bdd2;display:grid;place-items:center;font-size:11px;border:2px solid #324f68}.step.complete .step-dot{background:#286c59;border-color:#32816a;color:#c5ffe3}.step.current{color:white}.step.current .step-dot{background:#327bb7;border-color:#62b3ea;color:white}.detail-note,.card-note{font-size:12px;color:#a2b6ca;line-height:1.6;margin:10px 0 15px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px}.detail-actions .btn:first-child{flex:1}.empty-inline{display:flex;gap:12px;align-items:flex-start;color:#9bb4ce}.empty-inline svg{flex-shrink:0}.empty-inline b{color:#e6f2ff}.empty-inline p{font-size:12px;line-height:1.55;margin:6px 0}.compact-row,.finance-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:12px}.compact-row>span,.finance-row>span{color:#a6bbd0}.compact-row b,.finance-row strong{font-variant-numeric:tabular-nums}.payout-line{font-size:11px;color:#8fe0bd;margin-top:12px;display:flex;gap:7px;align-items:center}.event-row{border-left:1px solid #38516b;display:flex;gap:14px;padding:3px 0 15px;margin-left:7px}.event-dot{height:9px;width:9px;min-width:9px;background:#70bdf3;border-radius:50%;margin-left:-5px}.event-row b{font-size:12px}.event-row p{color:#b6c4d3;margin:5px 0}.event-row small{color:#8fa8c3}
.chart-item+.chart-item{margin-top:19px}.chart-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.chart-top small{font-size:10px;color:#97adbf}.chart-rail{height:8px;border-radius:20px;background:#294158;overflow:hidden}.chart-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#418dd7,#80c8f5)}.payout-item{display:flex;align-items:center;gap:10px;padding:12px 0}.payout-item+.payout-item{border-top:1px solid var(--line)}.payout-icon{width:29px;height:29px;display:grid;place-items:center;background:#1c4b3f;color:#93e4bb;border-radius:9px}.payout-desc{flex:1;display:flex;flex-direction:column;gap:5px}.payout-desc b{font-size:12px}.payout-desc span{font-size:11px;color:var(--muted)}.payout-item strong{font-size:13px}.fineprint{font-size:11px;line-height:1.6;color:#91abc4;margin:15px 0}.health-heading{display:flex;align-items:center;gap:12px}.health-symbol{width:46px;height:46px;border-radius:13px;background:#245c4c;color:#8eebbd;display:grid;place-items:center;flex-shrink:0}.health-heading>div{flex:1}.health-heading b{font-size:14px}.health-heading p{font-size:11px;color:#a2b6cb;margin:4px 0 0;line-height:1.5}.service-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0}.service-row>span:first-child{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7c8d9}.cost-meter{height:7px;background:#294158;border-radius:20px}.cost-footer{display:flex;gap:10px;align-items:center;margin-top:13px;font-size:12px}.cost-footer span{color:#8da9c0}.cost-footer b{margin-right:8px}.row-link{padding:6px 0;border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;color:#dcecff;text-align:left}.row-link>span{flex:1;font-size:13px;font-weight:700}.row-link small{display:block;font-size:11px;margin-top:5px;color:var(--muted);font-weight:400}.system-event{display:flex;gap:10px;align-items:center;padding:9px 0}.system-event+.system-event{border-top:1px solid var(--line)}.event-icon{width:29px;height:29px;display:grid;place-items:center;background:#25405a;border-radius:10px}.system-event>div:nth-child(2){flex:1}.system-event b{font-size:12px}.system-event small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.system-event time{font-size:10px;color:var(--muted)}
.form{display:flex;flex-direction:column;gap:17px}.field{display:flex;flex-direction:column;gap:8px;color:#c2d0e0;font-size:12px;font-weight:650}.field input,.field textarea,.field select{width:100%;border-radius:11px;min-height:45px;padding:11px 13px;background:#0e1c2e;color:#e7f3ff;border:1px solid #3d5770;outline:none}.field textarea{min-height:88px;resize:vertical}.toggle-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:8px 0}.toggle-row>div{flex:1}.toggle-row b{font-size:12px}.toggle-row p{font-size:11px;line-height:1.5;color:#91a9c2;margin:5px 0 0}.switch{display:flex;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch span{width:44px;height:25px;border-radius:20px;background:#40566c;position:relative}.switch span:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#dbe5ed;transition:transform .15s}.switch input:checked+span{background:#238f80}.switch input:checked+span:before{transform:translateX(19px)}.switch input:focus-visible+span{outline:2px solid #8adfff;outline-offset:2px}
.tabbar{position:fixed;z-index:9;bottom:0;left:0;right:0;background:#0e1d30f5;backdrop-filter:blur(20px);border-top:1px solid #2a4059;padding:9px max(6px,env(safe-area-inset-left)) max(9px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))}.tabbar-inner{display:flex;max-width:620px;margin:auto;gap:2px}.tab{background:transparent;border:0;color:#89a1bc;flex:1;padding:9px 4px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-height:53px;border-radius:12px;font-size:10px;font-weight:650}.tab.is-active{color:#91cfff;background:#213e5b}.safe-foot{font-size:10px;color:#7189a0;text-align:center;padding:22px 0 0}.toast{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(90vw,340px);background:#234b55;border:1px solid #78d7ad;border-radius:14px;padding:12px;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px #0006}.login-wrap{max-width:465px;margin:6vh auto 0;padding:20px}.login-brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:900;letter-spacing:.07em}.login-brand small{font-size:10px;color:#89a5bf;display:block;letter-spacing:.15em;margin-top:5px}.logo-symbol--lg{height:53px;width:53px;font-size:34px}.login-visual{text-align:center;margin:10vh 0 38px}.login-visual svg{color:#80cfff}.login-visual h1{font-size:28px;line-height:1.3;letter-spacing:-.035em}.login-visual p{color:#8eabc5;font-size:13px}.footnote{font-size:11px;text-align:center;color:#7f9cb6;margin-top:26px;line-height:1.7}
@media(max-width:375px){.content{padding-left:12px;padding-right:12px}.topbar{padding-left:15px;padding-right:12px}.card{padding:14px}.hero-number{font-size:32px}.badge{font-size:9px}.opp-metrics{gap:2px}.mini-card strong{font-size:18px}.card-buttons .outlink{margin:10px 0 0}.page-intro h1{font-size:25px}}
@media(min-width:720px){.app-shell{border-left:1px solid #21374d;border-right:1px solid #21374d}.tabbar-inner{border-radius:14px}}

/* Native progress eliminates inline style attributes (CSP style-src 'self'). */
.barprogress,.chart-progress{display:block;width:100%;appearance:none;-webkit-appearance:none;height:8px;margin-top:10px;border-radius:20px;border:0;background:#344e65;overflow:hidden}
.barprogress::-webkit-progress-bar,.chart-progress::-webkit-progress-bar{background:#344e65;border-radius:20px}
.barprogress::-webkit-progress-value{background:linear-gradient(90deg,#42bb92,#91e9b9);border-radius:20px}
.barprogress::-moz-progress-bar{background:#69dca7;border-radius:20px}
.barprogress--thin{height:6px;margin-top:7px}
.chart-progress{margin:0;height:8px}
.chart-progress::-webkit-progress-value{background:linear-gradient(90deg,#418dd7,#80c8f5);border-radius:20px}
.chart-progress::-moz-progress-bar{background:#67ade3;border-radius:20px}

/* Account/marketplace onboarding */
.reg-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}
.reg-overview>div{display:flex;flex-direction:column;gap:4px}.reg-overview strong{font-size:27px}
.market-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.market-actions .btn{display:inline-flex;text-decoration:none;align-items:center;gap:6px;font-size:13px;justify-content:center;flex:1}
.market-status-buttons{display:flex;gap:7px;flex-wrap:wrap}
.status-chip{background:#16293d;border:1px solid #38506a;border-radius:16px;padding:8px 9px;color:#c5d5e8;font-size:12px;min-height:39px}
.status-chip--selected{border-color:#55aefa;color:#fff;background:#1f4b70}
.market-note{margin:10px 0 0}
.marketplace-card .card-top{margin-bottom:8px}