.dashboard-screen{--dashboard-surface:hsl(var(--card));--dashboard-surface-2:hsl(var(--muted) / .34);--dashboard-line:hsl(var(--border));--dashboard-line-strong:hsl(var(--border) / .92);--dashboard-ink:hsl(var(--foreground));--dashboard-muted:hsl(var(--muted-foreground));--dashboard-green:hsl(var(--primary));--dashboard-green-soft:hsl(var(--primary) / .11);--dashboard-green-tint:hsl(var(--primary) / .07);--dashboard-amber:#e19209;--dashboard-amber-soft:#f59f0a21;--dashboard-rose:hsl(var(--destructive));--dashboard-rose-soft:hsl(var(--destructive) / .11);--dashboard-shadow-sm:0 1px 0 hsl(var(--foreground) / .04);--dashboard-shadow-md:0 1px 2px hsl(var(--foreground) / .05), 0 1px 0 hsl(var(--foreground) / .03);--dashboard-hero-bg:linear-gradient(135deg, #0e5330 0%, hsl(var(--primary)) 100%);--dashboard-hero-fg:hsl(var(--primary-foreground));--dashboard-hero-fg-muted:hsl(var(--primary-foreground) / .72);font-feature-settings:"tnum";gap:1rem;width:100%;max-width:1480px;margin-inline:auto}.dark .dashboard-screen{--dashboard-surface-2:hsl(var(--muted) / .42);--dashboard-line-strong:hsl(var(--border) / .8);--dashboard-shadow-sm:0 1px 0 #00000061;--dashboard-shadow-md:0 1px 2px #00000047, 0 1px 0 #00000052;--dashboard-hero-bg:linear-gradient(135deg, #1c9259 0%, #27ce7d 100%);--dashboard-hero-fg:#f2fdf5;--dashboard-hero-fg-muted:#cee9d6d1}.dashboard-screen .ui-card{border-color:var(--dashboard-line);background:var(--dashboard-surface);box-shadow:var(--dashboard-shadow-sm);border-radius:12px}.dashboard-screen .dashboard-card{box-shadow:var(--dashboard-shadow-sm)}.dashboard-screen .dashboard-card-header{border-color:var(--dashboard-line);background:hsl(var(--card) / .82);min-height:3.75rem;padding:.875rem 1rem}.dashboard-screen .dashboard-card-header h2{letter-spacing:.01em}.dashboard-page-head{padding-inline:.125rem}.dashboard-page-head h1{letter-spacing:-.01em;font-size:clamp(1.55rem,1.2rem + 1vw,2rem);font-weight:750}.dashboard-head-actions>button{border-radius:.55rem;height:2.5rem}.dashboard-page-head [class*=bg-primary]{box-shadow:inset 0 1px 0 hsl(var(--primary-foreground) / .12)}.dashboard-filter-card{z-index:15;background:hsl(var(--card) / .94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--dashboard-shadow-md);border-radius:12px;container:dashboard-filter/inline-size}.dashboard-filter-content{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:.625rem;padding:.375rem;display:grid}.dashboard-range-segment{scrollbar-width:none;background:var(--dashboard-surface-2);border-radius:.55rem;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;width:max-content;max-width:100%;padding:.1875rem;display:inline-grid;overflow-x:auto}.dashboard-range-segment::-webkit-scrollbar{display:none}.dashboard-range-segment button{white-space:nowrap;border-radius:.45rem;min-height:2rem;font-size:.78rem;font-weight:600}.dashboard-filter-selects{grid-template-columns:minmax(11rem,1.25fr) minmax(8.5rem,.85fr) repeat(2,minmax(9.5rem,1fr));align-items:stretch;gap:.5rem;min-width:0;display:grid}.dashboard-filter-selects[data-period-type=yearly]{grid-template-columns:minmax(11rem,1.25fr) minmax(8.5rem,.85fr) minmax(8.5rem,.85fr)}.dashboard-filter-field{border:1px solid var(--dashboard-line);background:var(--dashboard-surface-2);border-radius:.55rem;flex-direction:column;align-items:stretch;gap:.125rem;min-width:0;min-height:3.4rem;padding:.3rem .6rem .25rem}.dashboard-filter-field:hover{border-color:var(--dashboard-line-strong)}.dashboard-filter-field label{white-space:normal;width:auto;color:var(--dashboard-muted);letter-spacing:0;text-transform:none;font-size:.65rem;font-weight:600}.dashboard-filter-field [role=combobox],.dashboard-filter-field input{width:100%;min-width:0;max-width:100%;height:1.75rem;font-family:var(--font-geist-mono,ui-monospace), "Noto Sans Lao", monospace;box-shadow:none;background:0 0;border-color:#0000;padding-inline:0;font-size:.82rem;font-weight:700}.dashboard-filter-field input{border-radius:.35rem}.dashboard-filter-actions{justify-content:flex-end;align-self:center;gap:.5rem;min-width:max-content;display:flex}.dashboard-filter-actions button{white-space:nowrap;height:2rem;min-height:2rem;padding-inline:.75rem}.dashboard-query-card{border-radius:10px}.dashboard-query-content{padding:.5rem .75rem}.dashboard-query-content>.inline-flex,.dashboard-query-content>.shrink-0:first-child{border-color:hsl(var(--primary) / .2);background:var(--dashboard-green-tint);color:var(--dashboard-green);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;font-size:.66rem}.dashboard-query-content>.shrink-0:first-child svg{width:.85rem;height:.85rem}.dashboard-query-kv{border-color:var(--dashboard-line)}.dashboard-query-kv span:first-child{letter-spacing:.06em;font-size:.66rem}.dashboard-query-kv span:last-child{font-size:.72rem}.dashboard-warning-banner{background:var(--dashboard-amber-soft);color:var(--dashboard-amber);border-color:#eb980a73;border-radius:10px;grid-template-columns:none;align-items:center;padding:.75rem .95rem;display:flex}.dashboard-warning-banner [data-slot=alert-title]{min-width:max-content;color:var(--dashboard-ink)}.dashboard-warning-banner [data-slot=alert-description]{flex:1;grid-column:auto;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-warning-banner [data-slot=alert-description],.dashboard-warning-banner .dashboard-warning-body{color:var(--dashboard-ink)}.dashboard-payment-summary-stack{flex-direction:column;gap:.625rem;margin-top:-.25rem;display:flex}.dashboard-payment-summary-grid{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.dashboard-payment-card{border-color:var(--dashboard-line);background:var(--dashboard-surface);box-shadow:var(--dashboard-shadow-sm);border-radius:12px;overflow:hidden}.dashboard-payment-card-content{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.dashboard-payment-card-icon{background:hsl(var(--primary) / .1);width:2.5rem;height:2.5rem;color:hsl(var(--primary));border-radius:9999px;justify-content:center;align-items:center;margin-top:.25rem;display:flex}.dashboard-payment-card-icon svg{width:1.1rem;height:1.1rem}.dashboard-payment-card-total{border-color:hsl(var(--primary) / .18);background:linear-gradient(135deg, var(--dashboard-green-tint), var(--dashboard-surface))}.dashboard-payment-card-total .dashboard-payment-card-icon,.dashboard-payment-card-cash .dashboard-payment-card-icon{background:var(--dashboard-green-tint);color:var(--dashboard-green)}.dashboard-payment-card-transfer .dashboard-payment-card-icon{background:var(--dashboard-surface-2);color:var(--dashboard-green)}.dashboard-payment-card-debt{border-color:hsl(var(--destructive) / .2)}.dashboard-payment-card-debt .dashboard-payment-card-icon{background:var(--dashboard-rose-soft);color:var(--dashboard-rose)}.dashboard-payment-card-debt .dashboard-payment-card-content p:last-child{color:var(--dashboard-rose)}.dashboard-payment-mixed-alert{background:var(--dashboard-amber-soft);color:var(--dashboard-amber);border-color:#eb980a66;border-radius:10px;grid-template-columns:none;align-items:center;padding:.7rem .9rem;display:flex}.dashboard-payment-mixed-alert [data-slot=alert-title]{min-width:max-content;color:var(--dashboard-ink);font-size:.78rem;font-weight:700}.dashboard-payment-mixed-alert [data-slot=alert-description]{color:var(--dashboard-ink);flex-wrap:wrap;flex:1;grid-column:auto;align-items:center;gap:.35rem 1rem;font-size:.76rem;display:flex}.dashboard-hero-card{border-radius:12px;overflow:hidden}.dashboard-hero-grid{min-height:8.75rem}.dashboard-hero-kpi{border-top:1px solid hsl(var(--border));padding:1.125rem 1.125rem 1rem}.dashboard-hero-kpi:first-child{border-top:0}.dashboard-hero-kpi-primary{color:var(--dashboard-hero-fg);background:var(--dashboard-hero-bg)!important}.dashboard-hero-kpi-primary:before{content:"";background:radial-gradient(circle,#ffffff24 0%,#fff0 70%);border-radius:999px;width:11.25rem;height:11.25rem;position:absolute;top:-2.5rem;right:-2.5rem}.dashboard-hero-kpi p:first-child{letter-spacing:.12em;font-size:.68rem;font-weight:600}.dashboard-hero-kpi p:nth-child(2){letter-spacing:-.01em;margin-top:.625rem;font-size:clamp(1.45rem,1.1rem + .85vw,2rem);line-height:1.08}.dashboard-hero-kpi p:nth-child(3){color:var(--dashboard-muted);margin-top:.5rem;font-size:.72rem}.dashboard-hero-kpi-primary p:first-child,.dashboard-hero-kpi-primary p:nth-child(3){color:var(--dashboard-hero-fg-muted)!important}.dashboard-hero-kpi-primary span{background:#ffffff8c!important}.dashboard-spark{height:2.2rem;color:var(--dashboard-green);margin-top:.9rem}.dashboard-spark-line{width:100%}.dashboard-spark-line-primary{color:hsl(var(--primary-foreground) / .72)}.dashboard-spark-bars{align-items:end;gap:.35rem;display:flex}.dashboard-spark-bars span{background:linear-gradient(#cb8f52,#dfb386);border-radius:2px 2px 0 0;width:.5rem}.dashboard-spark-dots{border-bottom:1px dashed var(--dashboard-line);justify-content:center;align-items:end;gap:1rem;display:flex}.dashboard-spark-dots span{background:var(--dashboard-rose);border-radius:999px;width:.45rem;height:.45rem}.dashboard-spark-empty{height:2.2rem}@media (min-width:768px) and (max-width:1279px){.dashboard-hero-kpi{border-top:0}.dashboard-hero-kpi:nth-child(n+3){border-top:1px solid hsl(var(--border))}.dashboard-hero-kpi:nth-child(2n){border-left:1px solid hsl(var(--border))}}@media (min-width:1280px){.dashboard-hero-kpi{border-top:0}.dashboard-hero-kpi:nth-child(n+2){border-left:1px solid hsl(var(--border))}.dashboard-hero-kpi:nth-child(n+5){border-top:1px solid hsl(var(--border))}}.dashboard-revenue-grid,.dashboard-operations-grid,.dashboard-products-grid{gap:1rem}.dashboard-chart-body{padding:.5rem .75rem .875rem}.dashboard-chart-tools{justify-content:flex-end}.dashboard-chart-tabs{background:var(--dashboard-surface-2);border-radius:.5rem;gap:.125rem;padding:.2rem;display:inline-flex}.dashboard-chart-tabs button{height:2rem;box-shadow:none;color:var(--dashboard-ink);background:0 0;border-color:#0000;border-radius:.4rem;font-weight:500}.dashboard-chart-tabs button[class*=border]{border-color:var(--dashboard-line);background:var(--dashboard-surface);color:var(--dashboard-green);box-shadow:var(--dashboard-shadow-sm)}.dashboard-main-chart,.dashboard-pareto-chart{overflow:visible}.dashboard-screen .recharts-cartesian-grid line{stroke:var(--dashboard-line);stroke-dasharray:2 4}.dashboard-screen .recharts-cartesian-axis-tick text{fill:var(--dashboard-muted);font-size:.68rem}.dashboard-screen .recharts-tooltip-wrapper{filter:drop-shadow(0 10px 24px hsl(var(--foreground) / .12))}.dashboard-ledger-row{border-color:var(--dashboard-line);padding-block:.58rem}.dashboard-ledger-total{border-color:hsl(var(--primary) / .14);margin-inline:-.25rem;background:var(--dashboard-green-tint)!important}.dashboard-channel-content{align-items:center}.dashboard-channel-row{gap:.625rem;font-size:.78rem}.dashboard-channel-share{min-width:8.25rem;font-family:var(--font-geist-mono,ui-monospace), "Noto Sans Lao", monospace;color:var(--dashboard-muted);flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.7rem;display:flex}.dashboard-channel-share span:last-child{color:var(--dashboard-ink);font-weight:700}.dashboard-insight-tile{border-radius:10px}.dashboard-insight-tile p:first-child{letter-spacing:.14em;font-size:.66rem}.dashboard-insight-tile p:nth-child(2){letter-spacing:-.01em;font-size:1.08rem}.dashboard-table-wrap{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .45) transparent}.dashboard-products-table thead tr{border-color:var(--dashboard-line);background:var(--dashboard-surface-2)}.dashboard-products-table th{height:2.35rem;color:var(--dashboard-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:600}.dashboard-products-table td{border-color:var(--dashboard-line);height:3.05rem}.dashboard-products-table tbody tr:hover{background:var(--dashboard-surface-2)}.dashboard-product-avatar{border:1px solid var(--dashboard-line);background:var(--dashboard-surface-2)}.dashboard-product-avatar img{object-fit:cover}.dashboard-products-actions{min-width:max-content}.dashboard-products-actions [role=combobox]{background:hsl(var(--card));border-radius:.5rem;height:2rem;font-weight:700}.dashboard-mini-fact{border-color:var(--dashboard-line);background:var(--dashboard-surface-2);border-radius:8px}.dashboard-footer{color:hsl(var(--muted-foreground) / .78)}@media (max-width:1279px){.dashboard-screen{max-width:100%}.dashboard-filter-content{grid-template-columns:minmax(0,1fr) max-content}.dashboard-payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-payment-card-total{grid-column:1/-1}.dashboard-hero-grid{min-height:auto}}@media (min-width:1024px){.dashboard-filter-slot{z-index:35;top:calc(var(--app-shell-header-height) + .75rem);position:sticky}}@media (max-width:767px){.dashboard-filter-content{grid-template-columns:minmax(0,1fr);gap:.5rem}.dashboard-payment-summary-grid{grid-template-columns:minmax(0,1fr)}.dashboard-payment-card-total{grid-column:auto}.dashboard-payment-card-content{min-height:4.6rem}.dashboard-channel-row{grid-template-columns:auto minmax(0,1fr)}.dashboard-channel-share{grid-column:2;align-items:flex-start}.dashboard-filter-selects{grid-template-columns:minmax(0,1fr)}.dashboard-filter-actions{justify-content:stretch}.dashboard-filter-actions button{flex:1 1 0;width:100%}.dashboard-page-head{align-items:stretch}.dashboard-page-head>div:last-child{justify-content:flex-start}.dashboard-filter-card [role=combobox],.dashboard-filter-card button{min-height:2.35rem}.dashboard-query-content{align-items:flex-start}.dashboard-hero-kpi{min-height:8rem}}@container dashboard-filter (max-width:54rem){.dashboard-filter-content{grid-template-columns:minmax(0,1fr);gap:.5rem}.dashboard-filter-selects,.dashboard-filter-selects[data-period-type=yearly]{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-filter-actions{justify-content:flex-end;align-self:auto}.dashboard-filter-actions button{flex:none;width:auto}}@container dashboard-filter (max-width:36rem){.dashboard-filter-selects,.dashboard-filter-selects[data-period-type=yearly]{grid-template-columns:minmax(0,1fr)}.dashboard-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.dashboard-filter-actions button{width:100%;min-height:2.5rem}.dashboard-filter-field [role=combobox],.dashboard-filter-field input{min-height:2.25rem}}
