.hero{grid-template-columns:minmax(0,850px);min-height:470px;align-content:center}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-cta .actions{margin:0}.portal-header{height:62px;background:#111512;border-bottom:1px solid #29302a;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),20px)}.portal-header .right{display:flex;gap:9px;align-items:center}.portal-header .button{padding:8px 11px}.app{margin:0 auto;min-height:calc(100vh - 124px);border-radius:0}.app-shell-wrap{width:min(1240px,100%);margin:0 auto;padding:22px 18px}.portal-notice{width:min(1240px,100%);margin:12px auto;padding:9px 18px;font-size:10px;color:#927126}.page-hero{padding:68px 0 34px}.page-hero p{max-width:700px;color:#a1aaa3;line-height:1.8}.content-page{padding:26px 0 75px}.content-page h2{font:650 25px Manrope;margin:28px 0 10px}.content-page p,.content-page li{color:#a1aaa3;line-height:1.8;max-width:800px}.content-page ul{padding-left:20px}.wizard-page{max-width:760px;margin:42px auto 70px;padding:26px;border:1px solid #303731;border-radius:13px;background:#111512}.wizard-page .wiz-title{font-size:22px}.wizard-page .actions{justify-content:space-between;border-top:1px solid #2a312b;padding-top:16px}.checkout-page{min-height:100vh;background:#f4f7f3;color:#202520;padding:38px 16px}.checkout-box{max-width:460px;margin:0 auto;background:white;border:1px solid #e1e7df;border-radius:14px;padding:26px}.checkout-box .logo{color:#202520}.checkout-box h1{font:700 24px Manrope;margin:28px 0 6px}.checkout-box p{color:#778178;line-height:1.6}.checkout-box .field{display:grid;gap:7px;margin:15px 0;font-size:11px;color:#657065}.checkout-box input,.checkout-box select{border:1px solid #dce3da;border-radius:7px;padding:12px}.checkout-box .button{width:100%;margin-top:12px}.checkout-safe{font-size:10px;text-align:center;color:#7d887e;margin-top:14px}.page-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.page-links .button{min-width:140px}
@media(max-width:650px){.hero{min-height:400px}.contact-cta{display:block}.contact-cta .actions{margin-top:18px}.portal-header{padding:0 12px}.app-shell-wrap{padding:10px 0}.app{min-height:calc(100vh - 110px)}.wizard-page{margin:20px 10px;padding:18px}.page-hero{padding:45px 0 20px}.checkout-box{padding:20px}}
.link{display:block;text-decoration:none}
.settings-panel{padding:18px;display:grid;gap:14px}.settings-panel form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.settings-panel label,.create-form label{display:grid;gap:6px;font-size:10px;color:#727d74}.settings-panel input,.settings-panel select,.create-form input{border:1px solid #dce3db;border-radius:6px;padding:9px;min-width:180px}.domain-check{max-width:600px}.domain-check p{display:flex;justify-content:space-between;border-bottom:1px solid #e8ece7;padding:10px 0;font-size:10px;color:#758077}.domain-check b{color:#93752c;font-weight:600}.integration-card{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #e2e7e1;border-radius:8px;padding:15px;margin-top:12px}.integration-card p{color:#7d877e;font-size:10px;margin:5px 0 0}.create-form{padding:15px;display:grid;gap:12px;background:#f8faf7;border-bottom:1px solid #e6ebe4}.create-form>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.create-form label{font-size:9px}.create-form input{min-width:0;width:100%;font-size:10px}.create-form .button{justify-self:start}.panelfoot{padding:9px 14px;color:#8a948b;font-size:9px;border-top:1px solid #edf0ec}
@media(max-width:650px){.create-form>div{grid-template-columns:1fr}.integration-card{align-items:flex-start;gap:10px}.domain-check p{gap:8px}}
.app-shell-wrap{width:100%;max-width:none;margin:0;padding:0}.app{width:100%;max-width:none;min-height:calc(100vh - 36px);border-radius:0;margin:0}.sidebar{min-height:calc(100vh - 36px)}.appbar{position:sticky;top:0;z-index:5}.profile-link{display:block!important;font-size:8px;color:#929b94;border:1px solid #303832;padding:9px;border-radius:7px;margin-bottom:20px;text-decoration:none}.sidebar>label:not(.profile-link){display:none}.settings-panel{color:#354035}.settings-panel h3{margin:0 0 7px}.settings-panel label{font-size:11px}.settings-panel input,.settings-panel select,.settings-panel textarea{display:block;max-width:520px;width:min(100%,520px);min-height:38px}.settings-panel textarea{min-height:100px;border:1px solid #dce3db;border-radius:6px;padding:9px}.create-form{display:grid;gap:12px}.create-form strong{font-size:12px}.create-form>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.create-form label{font-size:10px}.create-form input{width:100%;font-size:11px}.auth-screen{min-height:calc(100vh - 36px);display:grid;place-items:center;padding:24px;background:#eff3ee;color:#202520}.auth-card{width:min(430px,100%);background:white;border:1px solid #e0e7de;border-radius:14px;padding:30px;display:grid;gap:13px}.auth-card h1{font:700 23px Manrope;margin:15px 0 0}.auth-card p,.auth-card small{color:#778178;font-size:11px;line-height:1.6}.auth-card label{display:grid;gap:7px;font-size:11px}.auth-card input{border:1px solid #dce3db;border-radius:7px;padding:12px}.auth-links{display:flex;justify-content:space-between;color:#4c7441;font-size:11px}.public-checkout{min-height:100vh;background:#f4f7f3;color:#202520;padding:35px 14px;display:grid;place-items:center}.checkout-box{width:min(460px,100%);display:grid;gap:12px;background:white;border:1px solid #e1e7df;border-radius:14px;padding:26px}.checkout-box h1{font:700 24px Manrope;margin:15px 0 0}.checkout-box .field{display:grid;gap:7px;font-size:11px;color:#657065}.checkout-box input,.checkout-box select{border:1px solid #dce3da;border-radius:7px;padding:12px}.checkout-box .button{width:100%}.checkout-safe{font-size:10px;text-align:center;color:#7d887e;line-height:1.5}.checkout-box small{color:#7d887e;font-size:10px}.tablewrap{overflow:auto}.settings-panel form{display:grid}.button{min-height:34px}@media(max-width:650px){.app{grid-template-columns:1fr}.sidebar{min-height:auto;padding:10px;display:block;overflow:visible}.sidebar>b{margin:4px 7px 10px}.profile-link{display:inline-block!important;margin:0 4px 6px!important}.sidebar>div{display:block}.sidebar .group{display:none}.sidebar #menu{display:flex;overflow:auto;gap:4px;padding-bottom:4px}.sidebar #menu .link{white-space:nowrap}.sidebar>small{display:none}.appbar{gap:8px;align-items:center;flex-wrap:wrap}.content{padding:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-theme="Claro"]{--bg:#f4f7f3;--text:#202520;background:var(--bg);color:var(--text)}body[data-theme="Claro"] .sidebar{background:#e7ece6;color:#263027}body[data-theme="Claro"] .sidebar .link{color:#4b554c}body[data-theme="Claro"] .sidebar .link.active{background:#d8e5d1;color:#26331d}body[data-theme="Claro"] .portal-notice{color:#4c5a4d}.brand-hero-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:8px;margin-top:14px}
.checkout-link-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e8ece7}.checkout-link-row b{font-size:11px;color:#354035}
.appbar .button{color:#263027;border-color:#dce3db;background:#fff}.appbar .button:hover{background:#f3f7f1;border-color:#bfd0b8}
.chartbox path{stroke:var(--secondary,#6a9141)}
/* SaaS dashboard visual inspired by the supplied reference */
:root{--app-bg:#08090e;--app-panel:#0e1018;--app-panel-soft:#11131c;--app-line:#202331;--app-text:#e4e7f2;--app-muted:#777f9d;--app-lime:#a5ec22;--app-cyan:#19c7dd}
body:has(.app-shell-wrap){background:var(--app-bg);color:var(--app-text);font-family:'DM Sans',sans-serif}
.app-shell-wrap{padding:0;background:var(--app-bg)}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--app-bg);color:var(--app-text);overflow:visible}
.sidebar{position:sticky;top:0;height:100vh;min-height:100vh;overflow:auto;background:#07080c;border-right:1px solid #161923;padding:15px 9px 18px;color:var(--app-text)}
.sidebar>b{display:flex;align-items:center;gap:11px;height:38px;margin:0 8px 22px;font:700 15px Manrope;color:#f1f3fa;white-space:nowrap;overflow:hidden}.sidebar>b:before{content:'◇';display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid #36520d;background:#101807;border-radius:9px;color:var(--app-lime);font-size:18px}
.profile-link{margin:0 2px 18px!important;padding:7px 10px!important;border:0!important;color:#777f98!important;font-size:8px!important;letter-spacing:1.2px;background:transparent!important}
.group{margin:19px 12px 8px;color:#c0c4d1;font-size:8px;letter-spacing:1.5px}.sidebar .link{margin:2px 0;padding:10px 13px;border-radius:7px;color:#7f87a4;font-size:11px;position:relative}.sidebar .link:hover{background:#10131b;color:#d9dfeb}.sidebar .link.active{background:#111b0a;color:var(--app-lime)}.sidebar .link.active:before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:4px;background:var(--app-lime)}.sidebar>small{margin:25px 11px;color:#5e657f;font-size:9px}
.app-main{min-width:0;background:var(--app-bg)}.appbar{height:64px;padding:0 24px;border-bottom:1px solid #171a25;background:#0b0d14;color:#dfe2ed;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:8}.top-search{height:34px;width:min(270px,35vw);display:flex;align-items:center;gap:9px;border:1px solid #1b1f2c;background:#0e1018;border-radius:8px;padding:0 11px;color:#7f87a2}.top-search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#e6e8f0;font-size:11px}.top-search input::placeholder{color:#626a84}.top-search kbd{font:9px 'DM Sans';border:1px solid #242839;border-radius:4px;padding:2px 5px;color:#737b96}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #1a1e2a;border-radius:8px;background:#0e1018;color:#9299b2;font-size:14px;cursor:pointer}.icon-button:hover{border-color:#384054;color:var(--app-lime)}.top-profile{display:flex;align-items:center;gap:9px;margin:0 5px 0 10px;min-width:126px}.avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid #355211;border-radius:9px;background:#111a08;color:var(--app-lime);font-size:9px;font-weight:700}.top-profile b,.top-profile small{display:block;font-size:10px}.top-profile small{margin-top:3px;color:#747c97;font-size:9px}.appbar .button{color:var(--app-text);border-color:#252a39;background:#0e1018;font-size:10px;white-space:nowrap}.appbar .button:hover{border-color:#64744a;background:#12160e;color:var(--app-lime)}
.content{max-width:1500px;margin:0 auto;padding:39px 40px 50px}.app-title{margin-bottom:21px}.app-title h3{font:700 25px/1.2 Manrope;letter-spacing:-.5px;color:#e8eaf2}.app-title p{margin-top:7px;color:#777f9d;font-size:11px}.tag{color:var(--app-lime);background:#141b0a;border-color:#253612;font-size:8px}
.stats{grid-template-columns:2fr 1fr 1fr;gap:11px}.stat,.panel{background:var(--app-panel);border-color:var(--app-line);border-radius:11px;color:var(--app-text)}.stat{min-height:108px;padding:17px 18px}.stat small{font-size:9px;letter-spacing:.4px;color:#7e86a3;text-transform:uppercase}.stat strong{font-size:24px;color:#e6e8f0;letter-spacing:-.6px}.stat span{color:#7e86a0;font-size:9px}.stat:first-child{background:linear-gradient(115deg,#111a06,#101807 72%,#182405);border-color:#1a260c}.stat:first-child strong{color:var(--app-lime)}.panel{margin-top:12px}.panelhead{padding:16px 18px;border-color:#1d2130;background:transparent;color:#e1e4ee;font:600 14px Manrope}.panelhead small{color:#727a96}.panelhead .tools input,.panelhead .tools select{background:#0b0d14;color:#cdd1df;border-color:#252a39}.tablewrap{color:#c5cada}table{color:#c5cada;font-size:10px}th{background:#10121a;color:#737b96}td,th{border-color:#1c202d;padding:12px 14px}tbody tr:hover{background:#11141c}.panelfoot{border-color:#1c202d;color:#737b96}.chartbox{height:145px}.chartbox path{stroke:var(--app-lime);stroke-width:2.2}.appnotice{background:#17170e;border-color:#3c3518;color:#b4a25d}.integration-card{background:var(--app-panel);border-color:var(--app-line);color:var(--app-text)}.integration-card p{color:var(--app-muted)}.settings-panel{background:var(--app-panel);color:var(--app-text)}.settings-panel label{color:#9299b1}.settings-panel input,.settings-panel select,.settings-panel textarea,.create-form input{background:#0a0c12;color:#e0e3ee;border-color:#262a38}.create-form{background:#0d0f16;border-color:#232735}.create-form label{color:#9aa1b7}.create-form input{color:#e3e5ed}.empty{background:var(--app-panel);border-color:#32374a;color:#a0a7bf}.button{border-color:#2a2e3c;color:#e1e4ee}.button.primary{background:var(--app-lime);border-color:var(--app-lime);color:#12180b}.button.primary:hover{background:#b6f74b;border-color:#b6f74b}.checkout-link-row{border-color:#222634}.checkout-link-row b{color:#d9dce7}
body[data-theme="Claro"]:has(.app-shell-wrap){--app-bg:#f4f6f4;--app-panel:#fff;--app-panel-soft:#fff;--app-line:#e0e5df;--app-text:#202520;--app-muted:#778178}body[data-theme="Claro"] .app,body[data-theme="Claro"] .app-main{background:var(--app-bg);color:var(--app-text)}body[data-theme="Claro"] .sidebar{background:#fff;border-color:#e0e5df}body[data-theme="Claro"] .sidebar>b,body[data-theme="Claro"] .app-title h3{color:#202520}body[data-theme="Claro"] .appbar{background:#fff;border-color:#e0e5df}body[data-theme="Claro"] .top-search,body[data-theme="Claro"] .icon-button,body[data-theme="Claro"] .appbar .button{background:#f7f9f6;color:#334033;border-color:#e0e5df}body[data-theme="Claro"] .panelhead,body[data-theme="Claro"] td,body[data-theme="Claro"] .stat{color:#263027}body[data-theme="Claro"] th{background:#f7f9f6;color:#778178}body[data-theme="Claro"] td,body[data-theme="Claro"] th{border-color:#e8ece7}body[data-theme="Claro"] .settings-panel input,body[data-theme="Claro"] .settings-panel select,body[data-theme="Claro"] .settings-panel textarea{background:#fff;color:#202520}
@media(max-width:900px){.app{grid-template-columns:205px minmax(0,1fr)}.content{padding:30px 23px}.top-profile{min-width:auto}.top-profile>span:last-child{display:none}}
@media(max-width:650px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:auto;background:#07080c;border-right:0;border-bottom:1px solid #171a25;padding:9px}.sidebar>b{margin:0 3px 7px;height:32px}.profile-link{display:none!important}.sidebar #menu{display:flex;overflow:auto;gap:2px}.sidebar #menu .group{display:none}.sidebar #menu .link{white-space:nowrap;padding:9px}.sidebar>small{display:none}.appbar{height:auto;min-height:60px;padding:9px 12px;gap:7px;flex-wrap:wrap}.top-search{width:min(180px,40vw)}.top-actions{gap:5px}.top-profile{display:none}.appbar .button{font-size:9px;padding:8px}.content{padding:22px 13px}.stats{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.app-title{gap:10px}.app-title h3{font-size:21px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px}.dashboard-welcome h1{margin:0 0 8px;font:700 25px/1.2 Manrope;letter-spacing:-.6px;color:#e7e9f2}.dashboard-welcome p{margin:0;color:#777f9d;font-size:11px}.dashboard-metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:11px}.metric-card{position:relative;min-height:150px;padding:22px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.metric-card>div:first-child{display:grid;gap:10px}.metric-card small{color:#78809c;font-size:9px;letter-spacing:.55px}.metric-card strong{color:#e3e6f0;font:700 27px Manrope;letter-spacing:-.7px}.metric-primary{background:linear-gradient(110deg,#151f06,#101705 72%,#182307);border-color:#202e0e;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:11px}.metric-primary strong{color:var(--app-lime);font-size:34px}.metric-primary svg{position:absolute;right:0;bottom:9px;width:52%;height:78px;opacity:.28}.metric-primary svg path{fill:none;stroke:var(--app-lime);stroke-width:3}.trend{color:#9be92b;background:#1b2a0d;border-radius:5px;padding:5px 7px;font-size:9px;width:max-content}.trend i{font-style:normal;color:#7b835f;margin-left:8px}.trend.cyan{color:#42d0e0;background:#10272c}.trend.red{color:#ff767e;background:#28181c}.ring{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;position:relative;font-size:9px}.ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--app-panel)}.ring b{position:relative;color:#aeb4c8;font-size:9px}.ring-lime{background:conic-gradient(var(--app-lime) 0 78%,#202431 78%)}.ring-cyan{background:conic-gradient(var(--app-cyan) 0 68%,#202431 68%)}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(245px,.7fr);gap:12px;margin-top:12px}.trend-panel{position:relative;min-height:340px;padding-bottom:15px}.trend-panel .panelhead{display:block;padding:20px 20px 0;font-size:15px}.trend-panel .panelhead small{display:block;margin-top:5px;font:10px 'DM Sans';color:#707995}.legend{position:absolute;right:19px;top:23px;display:flex;gap:16px;color:#aeb4c5;font-size:9px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%;background:var(--app-lime)}.legend .legend-cyan{color:#68718f}.legend .legend-cyan i{background:var(--app-cyan)}.big-chart{height:225px;margin:27px 20px 0;position:relative;padding-left:42px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 24.5%,#1d202c 25%,transparent 25.5%)}.big-chart svg{width:100%;height:100%;overflow:visible}.big-chart path{fill:none;stroke-width:2}.big-chart .chart-fill{fill:url(#chartFade);stroke:none;display:none}.big-chart .chart-this{stroke:var(--app-lime)}.big-chart .chart-lastyear{stroke:var(--app-cyan);stroke-dasharray:4 5;opacity:.62;stroke-width:1.5}.chart-labels{position:absolute;left:0;top:-4px;bottom:-4px;display:flex;flex-direction:column;justify-content:space-between;color:#626b89;font-size:8px}.months{display:flex;justify-content:space-between;margin:5px 19px 0 62px;color:#626b89;font-size:8px}.chart-note{margin:10px 20px 0;color:#66708d;font-size:8px}.activity-panel{padding-bottom:11px}.activity-panel .panelhead{font-size:15px}.activity-count{margin-left:auto;border-radius:5px;padding:4px 7px;background:#1c270f;color:var(--app-lime);font:600 9px 'DM Sans'}.activity-item{display:flex;align-items:center;gap:11px;padding:11px 15px}.activity-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#b1ef25;color:#1c250d;font-size:9px;font-weight:700;flex:0 0 29px}.av-1{background:#18c7dc;color:#062329}.av-2{background:#8587ff;color:#101137}.av-3{background:#ffbd28;color:#392600}.av-4{background:#fa737c;color:#3b080e}.activity-item div{min-width:0;flex:1}.activity-item b,.activity-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item b{font-size:9px;color:#dfe2ec;font-weight:600}.activity-item small{margin-top:4px;color:#626b89;font-size:8px}.activity-item time{color:#626b89;font-size:8px;white-space:nowrap}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.health-panel,.goals-panel{padding-bottom:17px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 16px}.health-grid>div{min-height:92px;border:1px solid #1d2130;border-radius:9px;background:#10121a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.health-grid b{font:700 17px Manrope;color:#d9dce7}.health-grid small{max-width:90%;color:#646d8a;font-size:8px;text-align:center}.health-dot{font-size:7px;color:var(--app-lime)}.dot-1{color:#ffc52f}.dot-2{color:#a4ed27}.dot-3{color:var(--app-cyan)}.goal-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 19px 0;color:#777f9d;font-size:9px}.goal-row b{color:#d9dce7;font-size:9px}.goal-row i{grid-column:1/-1;height:5px;border-radius:9px;background:#1a1d2a;overflow:hidden}.goal-row em{display:block;height:100%;border-radius:9px;background:var(--app-lime)}.goal-1{background:var(--app-cyan)!important}.goal-2{background:#8587ff!important}
@media(max-width:980px){.dashboard-columns{grid-template-columns:1fr}.activity-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.activity-panel .panelhead{grid-column:1/-1}.metric-card{padding:16px}.dashboard-metrics{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){.dashboard-welcome{align-items:flex-start}.dashboard-welcome h1{font-size:21px}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-primary{grid-column:1/-1;min-height:128px}.metric-card{min-height:120px;padding:14px}.metric-card strong{font-size:21px}.ring{width:39px;height:39px}.dashboard-bottom{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.activity-panel{display:block}.big-chart{height:170px;margin-left:12px;margin-right:12px;padding-left:36px}.months{margin-left:48px;margin-right:12px}.legend{position:static;margin:10px 18px 0}.trend-panel{min-height:300px}}
body:not(:has(.app-shell-wrap)){background:#f4f7f3;color:#202520}.public-checkout .checkout-box{color:#202520}.public-checkout .checkout-box .logo{color:#202520}.public-checkout .checkout-box h1{color:#202520}
.sidebar{width:272px;display:flex;flex-direction:column;padding:17px 11px 14px}.app{grid-template-columns:272px minmax(0,1fr)}.sidebar>b{height:43px;margin:0 8px 15px;font-size:15px}.sidebar>b:before{width:34px;height:34px;flex-basis:34px;font-size:18px}.sidebar>b:has(.sidebar-logo-image):before{display:none}.sidebar-logo-image{width:34px;height:34px;object-fit:contain;flex:0 0 34px;border:1px solid #303b22;border-radius:9px;padding:4px;background:#10150c}.profile-link{display:flex!important;align-items:center;gap:9px;padding:10px!important;border:1px solid #1e2330!important;background:#0d0f16!important;border-radius:9px;color:#dce0ec!important;margin:0 2px 15px!important;letter-spacing:0!important}.workspace-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid #354d16;border-radius:7px;background:#131b0a;color:var(--app-lime);font-size:13px}.profile-link>span:nth-child(2){min-width:0;flex:1}.profile-link b,.profile-link small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-link b{font-size:8px;letter-spacing:.9px;color:#b8c0d4}.profile-link small{margin-top:4px;color:#6e7691;font-size:9px;letter-spacing:0}.profile-link>i{font-style:normal;color:#7d859d}.sidebar-workspace-label{padding:0 12px 7px;color:#737b96;font-size:8px;letter-spacing:1.5px}.sidebar-group{margin-bottom:9px}.sidebar-group h2{margin:9px 12px 6px;color:#c0c4d1;font:600 8px 'DM Sans';letter-spacing:1.45px}.sidebar .link{display:flex;align-items:center;gap:10px;height:39px;margin:2px 0;padding:5px 9px;color:#838ba6;font-size:11px;border-radius:8px}.sidebar .nav-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid transparent;border-radius:7px;color:#8088a6;font-size:12px}.sidebar .link:hover .nav-icon{background:#171a25;border-color:#242838;color:#c7ccda}.sidebar .link.active .nav-icon{background:#1a260d;border-color:#2a3b15;color:var(--app-lime)}.sidebar .nav-label{flex:1}.nav-count{min-width:20px;text-align:center;padding:3px 5px;border:1px solid #222636;border-radius:5px;background:#11141d;color:#828aa4;font-size:8px}.sidebar .link.active .nav-count{border-color:#344718;background:#1b270f;color:var(--app-lime)}.sidebar-footer{margin-top:auto;padding:13px 5px 0;border-top:1px solid #191c27}.sidebar-footer-link{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:7px;color:#7f87a0;font-size:10px}.sidebar-footer-link:hover{background:#12151e;color:#dce0eb}.sidebar-footer-link span{width:18px;text-align:center;font-size:13px}.sidebar-footer small{display:flex;align-items:center;gap:7px;margin:12px 9px 3px;color:#69718b;font-size:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#9de72a;box-shadow:0 0 7px #9de72a77}
.app-action{border:1px solid #2b3040;border-radius:6px;padding:7px 10px;background:#131620;color:#d9deeb;font-size:9px;cursor:pointer}.app-action:hover{border-color:#718b3b;color:var(--app-lime);background:#171d11}.create-form button{margin-right:6px}.sidebar .link:focus-visible,.sidebar-footer-link:focus-visible,.profile-link:focus-visible,.appbar button:focus-visible,.appbar a:focus-visible{outline:2px solid var(--app-lime);outline-offset:2px}
body[data-theme="Claro"] .sidebar-footer-link{color:#5d685e}body[data-theme="Claro"] .sidebar-footer{border-color:#e2e7e1}body[data-theme="Claro"] .sidebar-group h2{color:#69746a}body[data-theme="Claro"] .sidebar .nav-count{background:#f4f7f2;color:#5e695e;border-color:#e2e7e1}body[data-theme="Claro"] .profile-link{background:#f7f9f6!important;border-color:#e0e5df!important;color:#273027!important}body[data-theme="Claro"] .sidebar .nav-icon{color:#626e62}
@media(max-width:900px){.app{grid-template-columns:232px minmax(0,1fr)}.sidebar{width:232px}.content{padding:30px 23px}}
@media(max-width:650px){.sidebar{width:100%;height:auto;padding:9px}.sidebar>b{margin:0 3px 7px;height:32px}.profile-link{display:none!important}.sidebar-workspace-label,.sidebar-footer{display:none}.sidebar #menu{display:flex;overflow:auto;gap:4px}.sidebar-group{display:contents}.sidebar-group h2{display:none}.sidebar #menu .link{white-space:nowrap;height:36px;padding:4px 7px}.sidebar .nav-icon{width:24px;height:24px;flex-basis:24px}.sidebar .nav-count{display:none}}
.sidebar-group[hidden]{display:none!important}

/* Clearer, denser navigation inspired by the supplied sidebar reference. */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#283246 transparent}
.sidebar-brand-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #354d16;border-radius:9px;background:#141d0b;color:var(--app-lime);font-size:19px}
.sidebar>b:before{display:none!important}
.sidebar>b{font-size:16px!important;font-weight:750!important;letter-spacing:-.2px;gap:10px}
.sidebar-group{margin:3px 0 12px;padding-left:12px;border-left:1px solid #202536}
.sidebar-group-title{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:8px 10px 7px;color:#929bb4;cursor:pointer;font:700 10px 'DM Sans';letter-spacing:.95px;text-align:left}
.sidebar-group-title:hover{color:#e1e5f0}
.sidebar-group-title i{font-style:normal;color:#737d98;font-size:13px;transition:transform .16s}
.sidebar-group.is-collapsed .sidebar-group-title i{transform:rotate(180deg)}
.sidebar-group-items{display:grid;gap:3px}
.sidebar-group-items[hidden]{display:none!important}
.sidebar .link{height:42px;margin:1px 0;padding:5px 9px;gap:10px;color:#9ba4bd;font-size:13px;font-weight:550;border-radius:9px}
.sidebar .nav-icon{width:31px;height:31px;flex-basis:31px;border:1px solid #22283a;border-radius:8px;background:#11141d;color:#8791ae;font-size:15px;transition:background .16s,border-color .16s,color .16s}
.sidebar .nav-icon svg{width:17px;height:17px}
.sidebar .link:hover{background:#111b23;color:#dbe6f5}
.sidebar .link:hover .nav-icon{background:#13202b;border-color:#1d3a4b;color:#4dd0eb}
.sidebar .link.active{background:#102330;color:#43d4f2;font-weight:700;box-shadow:inset 2px 0 #43d4f2}
.sidebar .link.active .nav-icon{background:#102b3a;border-color:#16445c;color:#49d6f2}
.sidebar .nav-label{font-size:13px;letter-spacing:.05px}
.nav-count{min-width:23px;padding:4px 6px;font-size:9px;font-weight:700}
.seller-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 13px;margin:12px 0 0;border:1px solid var(--app-line);border-radius:9px;background:var(--app-panel);color:var(--app-muted);font-size:11px}
.seller-toolbar>label{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--app-text);font-weight:600}
.seller-toolbar input,.seller-select{accent-color:var(--app-lime)}
.seller-toolbar #selectedSellerCount{min-width:86px;text-align:right;color:var(--app-muted)}
.seller-status{display:inline-flex;padding:4px 8px;border:1px solid #30451e;border-radius:20px;background:#17220f;color:#b7ed64;font-size:10px;font-weight:650;white-space:nowrap}
.seller-status.is-paused{border-color:#4a3034;background:#25171b;color:#f28d94}
.seller-status.is-pending{border-color:#4a3f22;background:#282212;color:#e8c26a}
.seller-detail-row>td{padding:0!important;background:#0d1018}
.seller-detail{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 16px;color:#abb3c9;font-size:11px}
.seller-detail b{color:#e4e7f0;font-size:12px}.seller-detail p{width:100%;margin:0;color:#757e98;font-size:10px}
.api-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:12px;margin-top:12px}
.api-layout .settings-panel{margin-top:0}.api-output{padding:14px}.api-output .panelhead{padding:0 0 12px;border:0}
.api-output pre{min-height:145px;overflow:auto;padding:14px;border:1px solid var(--app-line);border-radius:8px;background:#080a10;color:#b6ec78;font:11px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
.api-output .appnotice{margin-top:13px}.api-output button:disabled{opacity:.45;cursor:not-allowed}
.link-list{padding:0 15px}.checkout-link-row{padding:13px 0}.checkout-link-row small{display:block;margin-top:4px;color:var(--app-muted);font-size:10px}.link-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.link-create-form{background:#0e1119;color:var(--app-text);border-bottom:1px solid var(--app-line)}
.link-create-form label{color:#a9b1c7}.link-create-form input{background:#090b11;color:#eef0f6;border-color:#282d3d}
body[data-theme="Claro"] .sidebar-group{border-left-color:#d1d8d0}body[data-theme="Claro"] .sidebar-group-title{color:#657264}
body[data-theme="Claro"] .sidebar .link{color:#566252}body[data-theme="Claro"] .sidebar .link.active{background:#d8e9ef;color:#176578}
body[data-theme="Claro"] .seller-toolbar,body[data-theme="Claro"] .seller-detail-row>td{background:#fff}
body[data-auth-page="true"] .app{display:block!important;min-height:100vh!important;overflow:visible!important}
body[data-auth-page="true"] .sidebar,body[data-auth-page="true"] .appbar{display:none!important}
body[data-auth-page="true"] .app-main{display:block!important;width:100%!important;min-height:100vh!important}
body[data-auth-page="true"] #content{display:block!important;padding:0!important;margin:0!important}
body[data-auth-page="true"] .auth-screen{min-height:100vh;background:#eff3ee}
@media(max-width:900px){.api-layout{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar-group{display:block;border-left:0;padding:0;margin:3px 0 7px}.sidebar-group-title{display:block}.sidebar-group-items{display:grid;gap:3px}.sidebar-group-items[hidden]{display:grid!important}.sidebar #menu{display:block;gap:10px}.sidebar .link{height:40px;padding:4px 8px}.sidebar .nav-label{font-size:12px}.sidebar .nav-icon{width:29px;height:29px;flex-basis:29px}.seller-toolbar{align-items:flex-start}.link-actions{width:100%;margin-top:8px}}

/* Fixed navigation: sections are headings, not collapse controls. */
.sidebar-group{margin:4px 0 13px;padding-left:10px;border-left:1px solid #202536}
.sidebar-group-title{display:block;width:auto;margin:0 0 5px;padding:8px 10px 6px;color:#aeb7cd;font:700 10px 'DM Sans';letter-spacing:1.05px;cursor:default}
.sidebar-group-items,.sidebar-group-items[hidden]{display:grid;gap:3px}
.sidebar .link{height:42px;margin:1px 0;padding:5px 9px;gap:10px;border-radius:9px;font-size:13px;font-weight:600}
.sidebar .nav-icon{width:31px;height:31px;flex:0 0 31px}
.sidebar .nav-label{font-size:13px;font-weight:inherit}
.sidebar #profileLabel[hidden],.sidebar #footerSwitch[hidden],.appbar #switcher[hidden]{display:none!important}
@media(max-width:650px){.sidebar-group{display:block;border-left:0;padding:0;margin:2px 0 8px}.sidebar-group-title{display:block}.sidebar-group-items,.sidebar-group-items[hidden]{display:grid;gap:3px}.sidebar #menu{display:block;gap:0}.sidebar #menu .link{height:40px;padding:4px 8px}.sidebar .nav-icon{width:29px;height:29px;flex-basis:29px}}

/* Rebuilt navigation: compact, legible, and aligned with the gateway's green identity. */
.app{grid-template-columns:264px minmax(0,1fr)}
.sidebar{box-sizing:border-box;width:264px;height:100vh;min-height:100vh;padding:22px 14px 18px;background:#0d100e;border-right:1px solid #20251f;scrollbar-width:thin;scrollbar-color:#343b31 transparent}
.sidebar>b{height:48px;margin:0 6px 27px;gap:12px;font-size:16px!important;font-weight:750!important;letter-spacing:-.25px;color:#eef2e9}
.sidebar-brand-mark,.sidebar-logo-image{width:36px;height:36px;flex:0 0 36px;border:1px solid #385020;border-radius:11px;background:#182111;color:#b0e768}
.sidebar-brand-mark{font-size:20px}
.sidebar-logo-image{padding:5px;object-fit:contain}
.sidebar>b:before{display:none!important}
.sidebar-group{margin:0 0 21px;padding:0;border:0}
.sidebar-group-title{margin:0 9px 8px;padding:0;color:#7e897a;font:700 10px/1.3 'DM Sans',sans-serif;letter-spacing:1.25px;text-transform:uppercase}
.sidebar-group-items,.sidebar-group-items[hidden]{display:grid;gap:4px}
.sidebar .link{position:relative;min-height:43px;height:43px;margin:0;padding:5px 11px;gap:12px;border:1px solid transparent;border-radius:10px;color:#9aa397;font-size:13px;font-weight:550;transition:background .16s,border-color .16s,color .16s}
.sidebar .nav-icon{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:8px;background:transparent;color:#899486}
.sidebar .nav-icon svg{width:18px;height:18px}
.sidebar .nav-label{font-size:13px;font-weight:inherit;letter-spacing:0}
.sidebar .link:hover{background:#171c16;border-color:#242c20;color:#e5eddd}
.sidebar .link:hover .nav-icon{background:#20271c;color:#c0d99a}
.sidebar .link.active{background:#24331b;border-color:#364b29;color:#d8f1ad;font-weight:650;box-shadow:inset 3px 0 #a8d76b}
.sidebar .link.active .nav-icon{background:#304321;color:#c6ee8d}
.sidebar .link.active:before{display:none}
.sidebar-footer{margin-top:auto;padding:16px 4px 0;border-top:1px solid #20251f}
.sidebar-footer-link{height:40px;border-radius:9px;color:#9aa397;font-size:12px}
.sidebar-footer-link:hover{background:#171c16;color:#e5eddd}
.sidebar-footer small{margin:13px 10px 2px;color:#778173;font-size:9px}
.appbar{padding-inline:28px;background:#111410;border-color:#20251f}
.top-search{background:#171a16;border-color:#2b3128;color:#9ba692}
.top-search input{color:#edf1e8}.top-search input::placeholder{color:#7f897b}.top-search kbd{border-color:#343b31;color:#98a28f}
.icon-button{background:#171a16;border-color:#2b3128;color:#a5ae9a}
.icon-button:hover{border-color:#526744;color:#bfdf91}
.avatar{background:#202b18;border-color:#435a32;color:#c7ed96}
.appbar .button{background:#171a16;border-color:#2b3128;color:#e2e9dc}
.appbar .button:hover{background:#20271b;border-color:#526744;color:#c7ed96}
.top-profile small{color:#8b9585}
.content{padding:36px clamp(20px,3vw,46px) 52px}
.sidebar .link:focus-visible,.sidebar-footer-link:focus-visible,.appbar button:focus-visible,.appbar a:focus-visible{outline:2px solid #a8d76b;outline-offset:2px}
@media(max-width:900px){.app{grid-template-columns:236px minmax(0,1fr)}.sidebar{width:236px;padding-inline:12px}.appbar{padding-inline:18px}}
@media(max-width:650px){.app{grid-template-columns:1fr}.sidebar{width:100%;height:auto;min-height:0;padding:12px 14px 10px;border-right:0;border-bottom:1px solid #20251f}.sidebar>b{height:38px;margin:0 3px 18px}.sidebar-group{margin-bottom:13px}.sidebar-group-title{margin:0 4px 6px}.sidebar .link{height:40px;min-height:40px}.sidebar-footer{margin-top:5px}.appbar{padding:10px 13px}.content{padding:23px 14px 35px}}

/* Complete light palette for the shell and dashboard modules. */
body[data-theme="Claro"]:has(.app-shell-wrap){--app-bg:#f3f6f1;--app-panel:#ffffff;--app-panel-soft:#f8faf6;--app-line:#dfe6da;--app-text:#20291f;--app-muted:#687565;background:var(--app-bg);color:var(--app-text)}
body[data-theme="Claro"] .app,body[data-theme="Claro"] .app-main,body[data-theme="Claro"] .app-shell-wrap{background:var(--app-bg);color:var(--app-text)}
body[data-theme="Claro"] .sidebar{background:#fff;border-color:#dfe6da;color:#20291f}
body[data-theme="Claro"] .sidebar>b{color:#20291f}
body[data-theme="Claro"] .sidebar-brand-mark,body[data-theme="Claro"] .sidebar-logo-image{background:#edf5e5;border-color:#d7e5c9;color:#507b2c}
body[data-theme="Claro"] .sidebar-group-title{color:#788572}
body[data-theme="Claro"] .sidebar .link{color:#53604f}
body[data-theme="Claro"] .sidebar .nav-icon{color:#74816f}
body[data-theme="Claro"] .sidebar .link:hover{background:#f3f7ef;border-color:#e5ecdf;color:#2b3926}
body[data-theme="Claro"] .sidebar .link:hover .nav-icon{background:#e9f1e1;color:#53783a}
body[data-theme="Claro"] .sidebar .link.active{background:#eaf3df;border-color:#d8e7c8;color:#345522;box-shadow:inset 3px 0 #75a94c}
body[data-theme="Claro"] .sidebar .link.active .nav-icon{background:#dcebcf;color:#4f7d2e}
body[data-theme="Claro"] .sidebar-footer{border-color:#e5ebe1}
body[data-theme="Claro"] .sidebar-footer-link{color:#53604f}
body[data-theme="Claro"] .sidebar-footer-link:hover{background:#f3f7ef;color:#2b3926}
body[data-theme="Claro"] .sidebar-footer small{color:#778372}
body[data-theme="Claro"] .appbar{background:#fff;border-color:#dfe6da;color:#263024}
body[data-theme="Claro"] .top-search,body[data-theme="Claro"] .icon-button,body[data-theme="Claro"] .appbar .button{background:#f8faf6;border-color:#dfe6da;color:#4e5c49}
body[data-theme="Claro"] .top-search input{color:#263024}body[data-theme="Claro"] .top-search input::placeholder{color:#899486}body[data-theme="Claro"] .top-search kbd{border-color:#dfe6da;color:#737f6e}
body[data-theme="Claro"] .top-profile{color:#263024}body[data-theme="Claro"] .top-profile small{color:#73806e}
body[data-theme="Claro"] .avatar{background:#edf5e5;border-color:#d7e5c9;color:#507b2c}
body[data-theme="Claro"] .app-title h3,body[data-theme="Claro"] .dashboard-welcome h1{color:#20291f}
body[data-theme="Claro"] .app-title p,body[data-theme="Claro"] .dashboard-welcome p{color:#687565}
body[data-theme="Claro"] .tag{background:#edf5e5;border-color:#d7e5c9;color:#527a35}
body[data-theme="Claro"] .stat,body[data-theme="Claro"] .panel,body[data-theme="Claro"] .metric-card{background:var(--app-panel);border-color:var(--app-line);color:var(--app-text)}
body[data-theme="Claro"] .stat small,body[data-theme="Claro"] .stat span,body[data-theme="Claro"] .metric-card small,body[data-theme="Claro"] .chart-labels,body[data-theme="Claro"] .months,body[data-theme="Claro"] .chart-note,body[data-theme="Claro"] .panelhead small{color:#73806e}
body[data-theme="Claro"] .stat strong,body[data-theme="Claro"] .metric-card strong,body[data-theme="Claro"] .health-grid b,body[data-theme="Claro"] .goal-row b,body[data-theme="Claro"] .activity-item b{color:#263024}
body[data-theme="Claro"] .stat:first-child,body[data-theme="Claro"] .metric-primary{background:linear-gradient(115deg,#eef6e4,#e8f2dc);border-color:#d9e8cb}
body[data-theme="Claro"] .stat:first-child strong,body[data-theme="Claro"] .metric-primary strong{color:#56812f}
body[data-theme="Claro"] .trend{background:#e8f2dc;color:#507b2c}body[data-theme="Claro"] .trend i{color:#78866e}
body[data-theme="Claro"] .trend.cyan{background:#e6f2f1;color:#28756e}body[data-theme="Claro"] .trend.red{background:#faeceb;color:#a64b4b}
body[data-theme="Claro"] .ring:before{background:#fff}body[data-theme="Claro"] .ring b{color:#596653}
body[data-theme="Claro"] .ring-lime{background:conic-gradient(#77a94f 0 78%,#e4ebdf 78%)}body[data-theme="Claro"] .ring-cyan{background:conic-gradient(#4b9d99 0 68%,#e4ebdf 68%)}
body[data-theme="Claro"] .trend-panel .panelhead,body[data-theme="Claro"] .activity-panel .panelhead,body[data-theme="Claro"] .panelhead{color:#263024;border-color:#e5ebe1}
body[data-theme="Claro"] .big-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 24.5%,#e7ece3 25%,transparent 25.5%)}
body[data-theme="Claro"] .big-chart .chart-this{stroke:#77a94f}body[data-theme="Claro"] .big-chart .chart-lastyear{stroke:#65aaa3}
body[data-theme="Claro"] .activity-item small,body[data-theme="Claro"] .activity-item time{color:#768271}
body[data-theme="Claro"] .activity-count{background:#edf5e5;color:#527a35}
body[data-theme="Claro"] .health-grid>div{background:#f8faf6;border-color:#e3e9df}
body[data-theme="Claro"] .goal-row{color:#687565}body[data-theme="Claro"] .goal-row i{background:#e5ebe1}body[data-theme="Claro"] .goal-row em{background:#77a94f}
body[data-theme="Claro"] .panelhead .tools input,body[data-theme="Claro"] .panelhead .tools select,body[data-theme="Claro"] .settings-panel input,body[data-theme="Claro"] .settings-panel select,body[data-theme="Claro"] .settings-panel textarea,body[data-theme="Claro"] .create-form input{background:#fff;border-color:#d8e1d3;color:#263024}
body[data-theme="Claro"] .settings-panel label,body[data-theme="Claro"] .create-form label{color:#5e6c58}
body[data-theme="Claro"] .create-form,body[data-theme="Claro"] .link-create-form{background:#f8faf6;border-color:#e3e9df}
body[data-theme="Claro"] .api-output pre{background:#f7faf4;border-color:#dfe6da;color:#47722d}
body[data-theme="Claro"] .tablewrap,body[data-theme="Claro"] table{color:#394536}
body[data-theme="Claro"] th{background:#f5f8f2;color:#73806e}
body[data-theme="Claro"] td,body[data-theme="Claro"] th{border-color:#e5ebe1}
body[data-theme="Claro"] tbody tr:hover{background:#f7faf4}
body[data-theme="Claro"] .panelfoot{border-color:#e5ebe1;color:#74806f}
body[data-theme="Claro"] .app-action,body[data-theme="Claro"] .button{background:#fff;border-color:#d7e0d2;color:#394536}
body[data-theme="Claro"] .app-action:hover,body[data-theme="Claro"] .button:hover{background:#f1f6eb;border-color:#aac493;color:#385c25}
body[data-theme="Claro"] .button.primary{background:#76a94f;border-color:#76a94f;color:#fff}
body[data-theme="Claro"] .button.primary:hover{background:#638f41;border-color:#638f41;color:#fff}
body[data-theme="Claro"] .checkout-link-row{border-color:#e5ebe1}body[data-theme="Claro"] .checkout-link-row b{color:#293427}
body[data-theme="Claro"] .seller-toolbar{background:#fff;border-color:#dfe6da;color:#687565}
body[data-theme="Claro"] .seller-toolbar>label{color:#263024}
body[data-theme="Claro"] .seller-detail-row>td{background:#f8faf6}
body[data-theme="Claro"] .seller-detail{color:#53604f}body[data-theme="Claro"] .seller-detail b{color:#263024}body[data-theme="Claro"] .seller-detail p{color:#768271}
body[data-theme="Claro"] .seller-status{background:#edf5e5;border-color:#d7e5c9;color:#527a35}
body[data-theme="Claro"] .seller-status.is-paused{background:#faeceb;border-color:#f0d4d2;color:#a64b4b}
body[data-theme="Claro"] .seller-status.is-pending{background:#fbf4df;border-color:#eee0b5;color:#8c6c21}

/* Seller payment-link workspace. */
.pl-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:12px 0}
.pl-overview>div{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:15px 17px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-panel)}
.pl-overview span{color:var(--app-muted);font-size:9px;font-weight:700;letter-spacing:.75px}.pl-overview b{grid-column:2;grid-row:1/3;align-self:center;color:var(--app-text);font:700 23px Manrope}.pl-overview small{color:var(--app-muted);font-size:9px}.pl-overview>div:last-child b{color:var(--app-lime);font-size:17px}
.pl-panel{overflow:hidden}.pl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 19px;border-bottom:1px solid var(--app-line)}.pl-toolbar h2{margin:0;color:var(--app-text);font:700 15px Manrope}.pl-toolbar p{margin:5px 0 0;color:var(--app-muted);font-size:10px}.pl-toolbar .button{display:flex;align-items:center;gap:7px;white-space:nowrap}.pl-toolbar .button span{font-size:15px}
.pl-list-head,.pl-row{display:grid;grid-template-columns:minmax(175px,1.25fr) minmax(80px,.45fr) minmax(75px,.43fr) minmax(220px,1.3fr) minmax(140px,.85fr);align-items:center;gap:13px}.pl-list-head{padding:11px 17px;background:var(--app-panel-soft);color:var(--app-muted);font-size:8px;font-weight:700;letter-spacing:.75px}.pl-row{min-height:78px;padding:11px 17px;border-bottom:1px solid var(--app-line)}.pl-row:last-child{border-bottom:0}.pl-offer{min-width:0;display:flex;align-items:center;gap:10px}.pl-offer-art{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--app-line);border-radius:9px;background:var(--app-panel-soft);color:var(--app-lime);font-size:19px}.pl-offer-art img{width:100%;height:100%;object-fit:cover}.pl-offer>span:last-child{min-width:0}.pl-offer b,.pl-offer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-offer b{color:var(--app-text);font-size:11px}.pl-offer small{margin-top:5px;color:var(--app-muted);font-size:9px}.pl-price b,.pl-price del{display:block;white-space:nowrap}.pl-price b{color:var(--app-text);font-size:11px}.pl-price del{margin-top:4px;color:var(--app-muted);font-size:9px}.pl-status{display:inline-flex;align-items:center;gap:6px;color:#a8d76b;font-size:9px;font-weight:650}.pl-status i{width:7px;height:7px;border-radius:50%;background:#9bce5e;box-shadow:0 0 0 3px #9bce5e1a}.pl-status.paused{color:#e0a2a2}.pl-status.paused i{background:#da7b7b;box-shadow:0 0 0 3px #da7b7b1a}
.pl-url{min-width:0;display:flex;align-items:center;gap:6px}.pl-url>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--app-muted);font:9px ui-monospace,Consolas,monospace}.pl-copy,.pl-icon-btn{display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--app-line);border-radius:7px;background:var(--app-panel-soft);color:var(--app-text);cursor:pointer}.pl-copy{padding:6px 8px;font:600 9px 'DM Sans';color:var(--app-lime)}.pl-copy:hover,.pl-icon-btn:hover{border-color:#759e4e;background:#182115}.pl-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.pl-open{white-space:nowrap;color:var(--app-muted);font-size:9px;text-decoration:none}.pl-open:hover{color:var(--app-lime)}.pl-icon-btn{width:29px;height:29px;font-size:12px}.pl-foot{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid var(--app-line);color:var(--app-muted);font-size:9px}.pl-empty{padding:35px 20px;color:var(--app-muted);font-size:11px;text-align:center}
.pl-editor{margin:14px;padding:18px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-soft)}.pl-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pl-editor-heading h3{margin:4px 0 0;color:var(--app-text);font:700 16px Manrope}.pl-kicker{color:var(--app-lime);font-size:8px;font-weight:700;letter-spacing:1px}.pl-editor-close{width:29px;height:29px;border:1px solid var(--app-line);border-radius:8px;background:transparent;color:var(--app-muted);font-size:19px;cursor:pointer}.pl-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-input{min-width:0;display:grid;gap:6px;color:var(--app-muted);font-size:9px;font-weight:650}.pl-input input,.pl-input textarea{box-sizing:border-box;width:100%;min-height:37px;padding:9px 10px;border:1px solid var(--app-line);border-radius:7px;background:var(--app-bg);color:var(--app-text);font:10px 'DM Sans'}.pl-input textarea{min-height:69px;resize:vertical}.pl-input input:focus,.pl-input textarea:focus{outline:2px solid color-mix(in srgb,var(--app-lime) 35%,transparent);border-color:var(--app-lime)}.pl-wide{grid-column:1/-1}.pl-method-fieldset{margin:14px 0 0;padding:11px 12px;border:1px solid var(--app-line);border-radius:9px}.pl-method-fieldset legend{padding:0 5px;color:var(--app-text);font-size:9px;font-weight:650}.pl-method-fieldset>div{display:flex;flex-wrap:wrap;gap:8px 15px}.pl-check-option{display:flex;align-items:center;gap:6px;color:var(--app-muted);font-size:9px;cursor:pointer}.pl-check-option input{accent-color:var(--app-lime)}.pl-demo-note{margin:13px 0 0;color:var(--app-muted);font-size:9px;line-height:1.5}.pl-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
body[data-theme="Claro"] .pl-overview>div,body[data-theme="Claro"] .pl-panel{background:#fff;border-color:#dfe6da}body[data-theme="Claro"] .pl-toolbar{border-color:#e5ebe1}body[data-theme="Claro"] .pl-toolbar h2,body[data-theme="Claro"] .pl-offer b,body[data-theme="Claro"] .pl-price b,body[data-theme="Claro"] .pl-editor-heading h3,body[data-theme="Claro"] .pl-method-fieldset legend{color:#263024}body[data-theme="Claro"] .pl-list-head{background:#f6f9f3;color:#73806e}body[data-theme="Claro"] .pl-row,body[data-theme="Claro"] .pl-foot{border-color:#e5ebe1}body[data-theme="Claro"] .pl-offer-art,body[data-theme="Claro"] .pl-copy,body[data-theme="Claro"] .pl-icon-btn,body[data-theme="Claro"] .pl-editor-close{background:#f8faf6;border-color:#dfe6da;color:#52654a}body[data-theme="Claro"] .pl-editor{background:#f8faf6;border-color:#dfe6da}body[data-theme="Claro"] .pl-input input,body[data-theme="Claro"] .pl-input textarea{background:#fff;border-color:#d8e1d3;color:#263024}body[data-theme="Claro"] .pl-method-fieldset{border-color:#dfe6da}body[data-theme="Claro"] .pl-open{color:#62725c}body[data-theme="Claro"] .pl-copy{color:#527a35}
@media(max-width:1050px){.pl-list-head{display:none}.pl-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 13px}.pl-offer{grid-column:1}.pl-price{grid-column:2}.pl-status{grid-column:3}.pl-url{grid-column:1/3}.pl-actions{grid-column:3}.pl-open{display:none}}
@media(max-width:650px){.pl-overview{grid-template-columns:1fr;gap:7px}.pl-overview>div{padding:11px 13px}.pl-toolbar{align-items:flex-start;padding:14px;flex-direction:column}.pl-toolbar .button{align-self:stretch;justify-content:center}.pl-row{padding:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.pl-offer{grid-column:1}.pl-price{grid-column:2;grid-row:1}.pl-status{grid-column:1;grid-row:2}.pl-url{grid-column:1/-1;grid-row:3}.pl-actions{grid-column:2;grid-row:2}.pl-editor{margin:9px;padding:13px}.pl-editor-grid{grid-template-columns:1fr}.pl-wide{grid-column:auto}.pl-foot{flex-direction:column;padding:10px 12px}.pl-editor-actions{justify-content:stretch}.pl-editor-actions>*{flex:1;text-align:center}}
@media(max-width:650px){body[data-theme="Claro"] .sidebar{border-color:#dfe6da}}

/* Onboarding contrast fixes: keep dark surfaces readable on the light page canvas. */
body:has(.wizard-page) header .logo{color:#f1f4f0}
.wizard-page{color:#f1f4f0;background:#111512;border-color:#303731}
.wizard-page .wiz-title{color:#f1f4f0}
.wizard-page .wiz-sub,.wizard-page .fine-print{color:#aeb8b0}
.wizard-page .fine-print{font-size:12px;line-height:1.6;margin:14px 0 0}
.wizard-page .wiz-grid label{color:#d5ddd6;font-size:12px;font-weight:500}
.wizard-page .wiz-grid input,.wizard-page .wiz-grid select,.wizard-page .wiz-grid textarea{background:#0c0f0d;border-color:#48534a;color:#f1f4f0}
.wizard-page .wiz-grid input::placeholder,.wizard-page .wiz-grid textarea::placeholder{color:#8d9990;opacity:1}
.wizard-page .wiz-grid input:focus,.wizard-page .wiz-grid select:focus,.wizard-page .wiz-grid textarea:focus{border-color:#b6e65e;box-shadow:0 0 0 3px #b6e65e2a;outline:none}
.wizard-page #progress i{background:#3b453c}
.wizard-page #progress i.active{background:#c4f36b}