/* Shared glass surfaces across every workspace; static highlights and modest blur. */
:root{background:#f3eff9}
body{background:radial-gradient(ellipse 65% 650px at 95% 0%,#dac6f7 0%,transparent 75%),radial-gradient(ellipse 60% 700px at 25% 650px,#ebe1fb 0%,transparent 78%),#f5f2fa}
aside{background:linear-gradient(155deg,#ffffffed,#f5eefbe8);border-right:1px solid #fff;box-shadow:8px 0 40px #35125705}
header{background:#ffffff82;border-bottom:1px solid #ffffffd9}
.nav-item{border:1px solid transparent;border-radius:13px}
.nav-item.active{background:linear-gradient(120deg,#740cdd15,#ffffffbd);border-color:#ffffff;box-shadow:0 5px 15px #740cdd0b,inset 0 1px 0 #fff}
.logo-mark{box-shadow:0 5px 15px #740cdd30,inset 0 1px 0 #ffffff65}
.page-heading h1{font-weight:650;letter-spacing:-1.3px}.eyebrow{color:#877497}
.panel,.kpi,.product-card,.demo-card,.save-planner,.pulled-profit{border:1px solid #ffffffed;box-shadow:0 10px 30px #42205c0c,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff60;background:linear-gradient(125deg,#ffffffc9,#fdf8ff8c);border-radius:20px}
.panel{background:linear-gradient(125deg,#ffffffc9,#fdf8ff8c)}
.scope-controls,.date-range-trigger{background:#ffffffb8;border-color:#fff;border-radius:12px;box-shadow:0 4px 16px #35125707}
.primary{background:linear-gradient(135deg,#8930ec,#740CDD);border:1px solid #ffffff40;border-radius:12px;box-shadow:0 5px 14px #740cdd24,inset 0 1px 0 #ffffff38}
.secondary{border-radius:11px;background:#ffffffc9}
.panel.daily-sales,.transaction-kpis .kpi{background:radial-gradient(ellipse at 0% 0%,#bd83ff70,transparent 65%),linear-gradient(125deg,#740cddef,#6215bfdc);border:1px solid #ffffff85;box-shadow:0 12px 35px #740cdd20,inset 0 1px 0 #ffffff65,inset 0 -1px 0 #36066f2b;color:#fff}
.panel.daily-sales{padding:27px 28px;position:relative}
.daily-sales strong{font-size:30px;letter-spacing:-1px;color:#FFFFC5}.daily-sales>div:first-child>b{font-size:18px}
.daily-sales small,.daily-sales span,.daily-sales p{color:#f0e5ff}.daily-sales p{border-top:1px solid #ffffff24;padding-top:15px}
.panel.daily-meta{background:linear-gradient(125deg,#ffffffd9,#fffaff95);border:1px solid #fff;box-shadow:0 12px 35px #43205c0a,inset 0 1px 0 #fff}
.meta-title svg{box-sizing:content-box;padding:12px;background:#ffffffbc;border:1px solid #fff;border-radius:16px;box-shadow:0 4px 12px #28488009}
.meta-cost-grid>div{background:#ffffff8f;border:1px solid #fff;border-radius:15px;box-shadow:inset 0 1px 0 #fff}
.meta-cost-grid>div:last-child{background:linear-gradient(140deg,#ffffe8,#FFFFC5c9);border-color:#ffffef}
.meta-cost-grid strong{font-size:28px}.meta-cost-grid small,.meta-title small{color:#73677f}
.kpi.profit-card{background:linear-gradient(140deg,#ffffffed,#ffffff9e);border:1px solid #fff;box-shadow:0 9px 24px #42205c09,inset 0 1px 0 #fff}
.kpi.profit-card.profit-today{background:radial-gradient(ellipse at top left,#fffff4 0%,transparent 70%),linear-gradient(140deg,#FFFFC5ed,#f8f8b7d9);border-color:#fffff3;box-shadow:0 10px 26px #75752b12,inset 0 1px 0 #fff}
.profit-card:hover{box-shadow:0 12px 30px #740cdd14}.profit-card h2.profit-positive{color:#16733c}.profit-card h2.profit-negative{color:#c52b32}
.profit-card .profit-state,.profit-card small{color:#746380}.profit-today .profit-state,.profit-today small{color:#625d43}
.transaction-kpis .kpi h2{color:#FFFFC5}.transaction-kpis .kpi>div{color:#fff}.transaction-kpis .kpi small{color:#f0e5ff}
.owner-summary{border-top:1px solid #ffffffed;background:linear-gradient(130deg,#ffffffd1,#f5eaff9c)}
table{background:#ffffff80}thead{background:#faf7ffdc}.table-wrap,.close-table-wrap{border-radius:12px}tbody tr:hover{background:#fbf8ff}
dialog{border-radius:22px;box-shadow:0 25px 90px #2e124b30}dialog::backdrop{background:#23103b4d}
@supports(backdrop-filter:blur(1px)){.panel,.kpi,.product-card,.demo-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.panel .panel,.panel .kpi,.panel .product-card{backdrop-filter:none;-webkit-backdrop-filter:none}.panel:has(select),.panel:has(input),.panel:has(details[open]){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:700px){.panel.daily-sales{padding:22px}.daily-sales strong{font-size:26px}.panel,.kpi,.product-card,.demo-card{backdrop-filter:none;-webkit-backdrop-filter:none}.meta-title svg{padding:8px}.panel,.kpi{border-radius:16px}}
@media(prefers-reduced-motion:reduce){button,.profit-card{transition:none}.profit-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.panel.daily-sales,.transaction-kpis .kpi{background:#740CDD}.panel.daily-meta,.kpi.profit-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.kpi.profit-card.profit-today{background:#FFFFC5}}
.sales-title{display:flex;align-items:center;gap:12px;min-width:0}.sales-title svg{box-sizing:content-box;flex-shrink:0;padding:12px;background:#ffffff20;border:1px solid #ffffff70;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff65,0 4px 12px #31005e10;color:#FFFFC5}.sales-title b{font-size:18px}.sales-title small{line-height:1.5}
.kpi.purple{background:radial-gradient(ellipse at top left,#bd83ff70,transparent 65%),linear-gradient(125deg,#740cddef,#6215bfdc);border-color:#ffffff85;box-shadow:0 12px 30px #740cdd20,inset 0 1px 0 #ffffff65}.review-panel,.save-planner{background:linear-gradient(130deg,#ffffeddd,#FFFFC590)}
.panel:has(details[open]),.panel:has(.date-range-trigger[aria-expanded=true]){position:relative;z-index:5}
@media(max-width:700px){.sales-title svg{padding:8px}}
@media(prefers-reduced-transparency:reduce){.panel,.kpi,.product-card,.demo-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#fff}.kpi.purple{background:#740CDD}}
.channel-profit-rows{display:grid;gap:9px;margin:14px 0 18px;padding-top:14px;border-top:1px solid #8a70942b;font-size:11px}.channel-profit-rows>span{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:#665b70}.channel-profit-rows b{white-space:nowrap;color:#161616;font-weight:600}.channel-profit-detail{margin:20px 0}.channel-profit-detail p{margin:12px 0}.channel-profit-detail th,.channel-profit-detail td{padding:10px;font-size:12px}
.kpi.profit-card.profit-today{background:linear-gradient(135deg,#353535eF,#161616);border-color:#ffffff45;box-shadow:0 12px 30px #16161628,inset 0 1px 0 #ffffff30;color:#fff}.profit-today>div:first-child,.profit-today>div:first-child>span{color:#FFFFC5}.profit-today .profit-state,.profit-today small{color:#d0cad5}.profit-today .channel-profit-rows{border-color:#ffffff25}.profit-today .channel-profit-rows>span{color:#d0cad5}.profit-today .channel-profit-rows b{color:#f5f1f8}.profit-today h2.profit-positive{color:#79dfa0}.profit-today h2.profit-negative{color:#ff858a}.profit-today h2.profit-neutral{color:#f5f1f8}
.kpi.profit-card>.channel-profit-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;font-size:11px}.kpi.profit-card>.channel-profit-rows>span{display:flex;justify-content:space-between;gap:8px;float:none;font-size:11px;min-width:0}.kpi.profit-card>.channel-profit-rows b{flex-shrink:0}
.pnl-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.pnl-toolbar>div{margin-right:auto}.pnl-toolbar label{display:grid;gap:6px;font-size:12px}.pnl-toolbar input{padding:10px;border:1px solid #ded1eb;border-radius:10px;background:#fff;font:inherit}.pnl-range{margin:16px 0;font-size:12px}.pnl-warning{margin-bottom:22px}.pnl-warning p{margin-top:8px;color:#6b6077}.pnl-table th:not(:first-child),.pnl-table td:not(:first-child){text-align:right}.pnl-table button{font-variant-numeric:tabular-nums;color:#740CDD;text-decoration:underline;text-decoration-color:#740cdd30;text-underline-offset:4px;padding:5px}.pnl-total{font-weight:700;background:#f1e8fa99}.pnl-channel{margin-top:22px}.pnl-channel>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd2e6}.pnl-source{display:grid;gap:8px;border-bottom:1px solid #e6ddec;padding:15px 0}.pnl-source span{font-size:12px;color:#75677f}.pnl-source button{justify-self:start}.pnl-kpis h2{font-size:25px}@media(max-width:700px){.pnl-toolbar>div{width:100%}.pnl-toolbar button{flex:1}.pnl-kpis{grid-template-columns:1fr 1fr}}
.pnl-kpis .pnl-metric-0{background:radial-gradient(ellipse at top left,#bd83ff70,transparent 65%),linear-gradient(125deg,#740cddef,#6215bfdc);border-color:#ffffff85;box-shadow:0 12px 30px #740cdd20,inset 0 1px 0 #ffffff65}.pnl-kpis .pnl-metric-0>div{color:#fff}.pnl-kpis .pnl-metric-0 h2{color:#FFFFC5}.pnl-kpis .pnl-metric-0 small{color:#f0e5ff}
.pnl-kpis .pnl-metric-1{background:linear-gradient(135deg,#353535ef,#161616);border-color:#ffffff45;box-shadow:0 12px 30px #16161628,inset 0 1px 0 #ffffff30}.pnl-kpis .pnl-metric-1>div{color:#FFFFC5}.pnl-kpis .pnl-metric-1 h2{color:#f5f1f8}.pnl-kpis .pnl-metric-1 h2.pnl-positive{color:#79dfa0}.pnl-kpis .pnl-metric-1 h2.pnl-negative{color:#ff858a}.pnl-kpis .pnl-metric-1 small{color:#d0cad5}
.pnl-kpis .pnl-metric-2{background:radial-gradient(ellipse at top left,#fffff4,transparent 70%),linear-gradient(140deg,#FFFFC5ed,#f8f8b7d9);border-color:#fffff3}.pnl-kpis .pnl-metric-2>div,.pnl-kpis .pnl-metric-2 h2{color:#161616}.pnl-kpis .pnl-metric-2 small{color:#625d43}.pnl-table tr:has([data-pnl-key="profit"]){background:#FFFFC5;color:#161616}.pnl-table tr:has([data-pnl-key="profit"]) button{color:#161616;font-weight:700;text-decoration-color:#746c39}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(470px,100%);padding:34px}.login-card>.logo-mark{display:block;margin-bottom:24px}.login-card h1{font-size:34px;line-height:1.15;margin:16px 0}.login-card form{display:grid;gap:14px;margin-top:24px}.login-card label{display:grid;gap:7px;font-size:12px}.login-card input{padding:12px;border:1px solid #d7c8e6;border-radius:10px;font:inherit;min-width:0}.login-card small{display:block;font-size:12px;color:#746780;line-height:1.6}.login-card #auth-message{margin:16px 0;color:#740CDD}.login-card #demo-workspace{margin-top:20px}#workspace-exit{width:100%;margin-bottom:14px}

/* Large table surfaces retain the glass gradient without a GPU backdrop layer. */
.panel:has(table),dialog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Stable rendering: glass appearance uses static gradients, without GPU blur. */
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
button:hover{filter:none}

/* Separate report cards and lists without changing their internal layout. */
#sales-report-content>.panel{margin-bottom:24px}
#sales-report-content>.panel+.panel{margin-top:24px}
/* Separate Drive backup controls from the following notice or payment register. */
.panel[aria-label="Google Drive backup"]{margin-bottom:24px}
/* Keep the metrics disclosure separated from the Meta status notice, open or closed. */
#metric-picker{margin-bottom:24px}

/* Payment gateways in transaction and sales tables. */
.gateway-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:500;line-height:1.4;white-space:nowrap;border:1px solid transparent;letter-spacing:normal}
.gateway-pill--chip{background:#e4efff;color:#1455ba;border-color:#c4dbff}
.gateway-pill--bayarcash{background:#e2f5e9;color:#166638;border-color:#bee6cd}
.gateway-pill--atome{background:#f5ff87;color:#394300;border-color:#dfeb66}
.gateway-pill--other{background:#f0edf5;color:#62576f;border-color:#e0d9e9}
.monthly-daily{margin:24px 0}.daily-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.daily-heading h3{margin:0}.daily-heading p{margin:8px 0}.daily-heading label{min-width:170px}.daily-heading input{display:block;margin-top:8px}.daily-totals{display:flex;gap:48px;padding:20px 0}.daily-totals span{display:block;color:#887697;font-size:13px}.daily-totals strong{display:block;font-size:24px;color:#187644;margin-top:8px}.daily-tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px}.daily-channel{min-width:0}.daily-table-scroll{overflow:auto;max-height:520px;border:1px solid #e6dded;border-radius:16px}.daily-channel table{width:100%;min-width:400px}.daily-channel th,.daily-channel td{white-space:nowrap;padding:12px;font-size:12px;text-align:right}.daily-channel th:first-child,.daily-channel td:first-child{text-align:left}.daily-channel thead{position:sticky;top:0;background:#faf7fe;z-index:1}.daily-channel tfoot{background:#f4edff;font-weight:600}.daily-profit{color:#187644;font-weight:600}.daily-loss{color:#b5374a;font-weight:600}#workspace-exit{transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}#workspace-exit:hover,#workspace-exit:focus-visible{background:#8000e8!important;color:#fff!important;border-color:#8000e8!important;transform:translateY(-2px);box-shadow:0 5px 14px #8000e82b}#workspace-exit:active{transform:translateY(0)}@media(max-width:900px){.daily-tables{grid-template-columns:1fr}.daily-heading{align-items:flex-start;flex-wrap:wrap}.daily-totals{gap:24px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){#workspace-exit{transition:none}#workspace-exit:hover,#workspace-exit:focus-visible{transform:none}}

.monthly-daily .daily-channel>h3{margin:0 0 16px}.monthly-daily .monthly-margin{display:block;margin-top:8px;color:#776489;font-size:13px;line-height:1.5}

.daily-period-picker{display:flex;gap:12px;flex-wrap:wrap}.daily-heading .daily-period-picker label{min-width:100px}.daily-period-picker select{display:block;margin-top:8px;min-width:110px}

.mapping-setup>p{margin:16px 0;line-height:1.7}.mapping-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.mapping-setup #brand-policy-status:empty{display:none}.mapping-setup .panel-heading{margin-bottom:20px}
/* Owner sign-in: supplied brand logo, password visibility and actionable errors. */
.login-card .login-brand-logo{display:block;width:230px;max-width:75%;height:auto;margin:0 0 26px;object-fit:contain}
.login-card .password-field{position:relative;width:100%;margin-bottom:12px}
.login-card .password-field input{width:100%;box-sizing:border-box;padding-right:56px;margin:0}
.login-card .password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:40px;min-height:0;padding:10px;margin:0;border:0;border-radius:9px;background:transparent;color:#806997;box-shadow:none}
.login-card .password-toggle:hover{background:#f0e3ff;color:#7900e8;transform:translateY(-50%)}
.login-card .password-toggle svg{width:22px;height:22px}
.login-card .login-error{background:#fff0f1;border:1px solid #efb6bf;border-radius:10px;color:#a31c36;padding:12px 14px;margin:12px 0;font-size:13px;line-height:1.5}
.login-card .login-error[hidden]{display:none}
.login-card .password-field input[aria-invalid=true]{border-color:#c32c4a;box-shadow:0 0 0 2px #c32c4a18}
/* Full labelled navigation on narrow screens; no icon rail or reserved gutter. */
.sidebar-brand-logo{display:block;width:43px;height:43px;object-fit:contain;border-radius:12px;flex-shrink:0}
.mobile-menu-toggle{display:none}
.mobile-navigation{margin:0;inset:0 auto 0 0;width:min(330px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;border:0;border-radius:0 24px 24px 0;padding:24px 18px;background:#faf7ff;overflow-y:auto}
.mobile-nav-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.mobile-nav-heading img{width:40px;height:40px;border-radius:11px}
.mobile-nav-heading button{margin-left:auto;min-width:44px;min-height:44px;color:#740cdd}
.mobile-navigation nav{display:grid;margin:0;gap:6px}
.mobile-navigation .nav-item{font-size:14px;padding:12px;min-height:46px;white-space:normal}
.mobile-navigation .nav-item>span{font-size:20px;flex-shrink:0}
.mobile-navigation .secondary{margin-top:18px;min-height:44px}
body.navigation-open{overflow:hidden}
@media(max-width:850px){
 #app>aside{display:none}
 .main{margin-left:0;width:100%;min-width:0}
 .main>header{padding:0 16px;gap:12px;height:64px}
 .mobile-menu-toggle{display:flex;align-items:center;gap:8px;color:#740cdd;min-height:44px;flex-shrink:0;font-size:13px}
 .mobile-menu-toggle>span{font-size:23px}
 .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .header-right{gap:10px;flex-shrink:0}
 .main>main{padding:24px 16px;min-width:0;width:100%}
 .main main>*{min-width:0;max-width:100%}
 .scope-controls{min-width:0;width:100%}
 .scope-controls select{min-width:0;flex:1}
 .notice{overflow-wrap:anywhere}
 .notice>div{min-width:0}
 .filter-row{flex-wrap:wrap}
}
@media(max-width:480px){
 .main>header .breadcrumb{font-size:11px}
 .main>header .breadcrumb span{margin:0 4px}
 .main>header .local-pill{display:none}
 .main>header .avatar{width:30px;height:30px}
 .panel.daily-sales{padding:22px 18px}
 .panel-heading{flex-wrap:wrap}
}