:root{--color-accent: #16b8ff;--color-accent-strong: #0a84ff;--color-accent-light: #16b8ff;--color-accent-rgb: 22 184 255;--color-accent-strong-rgb: 10 132 255;--color-accent-soft: #e9f8ff;--color-accent-faint: #f4fbff;--color-white: #ffffff;--color-surface: #f8fafc;--color-border: #e5e7eb;--color-text: #111827;--color-footer: #0f172a;--font-size-caption: .75rem;--font-size-label: .8125rem;--font-size-body: .875rem;--font-size-card-title: .9375rem;--font-size-price: .9375rem;--font-size-section-title: 1.25rem;--font-size-page-title: 1.75rem;--font-weight-action: 500;--line-height-tight: 1.25;--line-height-body: 1.5}html{background:var(--color-surface);color:var(--color-text);font-family:Inter,Segoe UI,sans-serif;font-size:16px;height:100%;min-height:100%;overflow-x:clip;scroll-behavior:smooth}body{display:flex;flex-direction:column;font-size:var(--font-size-body);height:100%;line-height:var(--line-height-body);margin:0;min-height:100vh;overflow-x:clip}h1,h2,h3,h4,h5,h6{letter-spacing:0;line-height:var(--line-height-tight)}button,input[type=button],input[type=reset],input[type=submit],[role=button],a[class*=button]{font-weight:var(--font-weight-action)!important}[role=alert],.status-message{font-weight:400!important}button:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled),input[type=submit]:not(:disabled),[role=button]:not([aria-disabled=true]),a[class*=button]:not([aria-disabled=true]){cursor:pointer!important}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled,[aria-disabled=true]{cursor:default!important}body,app-root{flex:1;min-height:100vh;width:100%}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}button,input,select,textarea{font:inherit}.order-customer{display:grid;gap:.25rem;min-width:0}.order-table-grid{grid-template-columns:minmax(150px,.7fr) minmax(170px,.8fr) minmax(220px,1fr) minmax(95px,.4fr) minmax(115px,.5fr) minmax(140px,.6fr) 110px}.order-customer span{color:#667085;overflow:hidden;text-overflow:ellipsis}.order-pagination,.order-pagination div{align-items:center;display:flex}.order-pagination{border-top:1px solid rgba(11,18,32,.08);color:#667085;justify-content:space-between;padding:1rem}.order-pagination div{gap:.55rem}.order-pagination button,.order-pagination strong{align-items:center;background:#fff;border:1px solid rgba(11,18,32,.12);border-radius:8px;display:inline-flex;height:38px;justify-content:center;width:38px}.order-pagination button{cursor:pointer;font-size:1.35rem}.order-pagination button:disabled{cursor:default;opacity:.4}.operations-dashboard-header,.operations-panel-heading,.operations-stock-alert,.category-total{align-items:center;display:flex;justify-content:space-between}.operations-dashboard-header h1,.operations-panel h2{margin:0}.operations-dashboard-header p,.operations-panel-heading span{color:#667085;margin:.3rem 0 0}.dashboard-date-range{background:#fff;border:1px solid #dde3ec;border-radius:8px;color:#344054;font-size:.88rem;font-weight:800;padding:.8rem 1rem}.dashboard-date-picker{align-items:center;background:#fff;border:1px solid #dde3ec;border-radius:8px;display:flex;gap:.65rem;padding:.65rem}.dashboard-date-picker label{background:#fff;border:1px solid #d8dee8;border-radius:8px;display:grid;gap:.25rem;min-width:165px;padding:.5rem .75rem}.dashboard-date-picker label:focus-within{border-color:#087cf0;box-shadow:0 0 0 2px #087cf024}.dashboard-date-picker label span{color:#667085;font-size:.62rem;font-weight:700}.dashboard-date-picker input{background:transparent;border:0;color:#172033;font:inherit;font-size:.88rem;font-weight:800;outline:0;padding:0}.dashboard-date-picker svg,.stock-alert-icon svg,.kpi-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.dashboard-range-picker{position:relative;z-index:20}.dashboard-range-trigger{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:8px;color:#172033;cursor:pointer;display:flex;font:inherit;font-size:.84rem;font-weight:400;gap:1rem;justify-content:space-between;min-width:250px;padding:.8rem .9rem}.dashboard-range-trigger:hover,.dashboard-range-trigger[aria-expanded=true]{border-color:#087cf0;box-shadow:0 0 0 2px #087cf01f}.dashboard-range-trigger svg{fill:none;height:19px;stroke:#40516d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:19px}.dashboard-calendar{background:#fff;border:1px solid #dfe5ed;border-radius:8px;box-shadow:0 18px 45px #0f172a2e;padding:.85rem;position:absolute;right:0;top:calc(100% + .5rem);width:300px}.dashboard-calendar-heading{align-items:center;display:grid;grid-template-columns:34px 1fr 34px;text-align:center}.dashboard-calendar-heading button{background:#f5f8fc;border:0;border-radius:6px;color:#344054;cursor:pointer;font-size:1.25rem;height:32px}.dashboard-calendar p{color:#087cf0;font-size:.72rem;font-weight:800;margin:.65rem 0;text-align:center}.dashboard-calendar-weekdays,.dashboard-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.dashboard-calendar-weekdays span{color:#667085;font-size:.65rem;padding:.35rem 0;text-align:center}.dashboard-calendar-days button{aspect-ratio:1;background:transparent;border:0;color:#344054;cursor:pointer;font-size:.73rem;padding:0}.dashboard-calendar-days button:hover{background:#eaf4ff}.dashboard-calendar-days button.other-month{color:#b3bdcc}.dashboard-calendar-days button.in-range{background:#e7f3ff;border-radius:0;color:#087cf0}.dashboard-calendar-days button.range-start,.dashboard-calendar-days button.range-end{background:#087cf0;border-radius:50%;color:#fff;font-weight:800}.dashboard-date-picker svg{color:#40516d;height:18px;width:18px}.date-separator{color:#98a2b3}.revenue-line-chart{display:grid;gap:.65rem;grid-template-columns:auto minmax(0,1fr);height:265px;margin-top:1rem;max-width:100%;min-width:0;width:100%}.revenue-axis{display:flex;flex-direction:column;justify-content:space-between;padding:.15rem 0 1.55rem}.revenue-axis span,.revenue-date-labels small{color:#667085;font-size:.68rem;white-space:nowrap}.revenue-plot{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative}.revenue-plot svg{display:block;height:218px;width:100%}.revenue-plot.long-range svg,.revenue-plot.long-range .revenue-date-labels{min-width:1080px}.revenue-grid line{stroke:#dfe5ed;stroke-width:.35;vector-effect:non-scaling-stroke}.revenue-area{fill:url(#revenue-area-gradient)}.revenue-line{fill:none;stroke:#087cf0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2;vector-effect:non-scaling-stroke}.revenue-date-labels{display:grid;padding-bottom:.55rem;text-align:center;width:100%}.operations-kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.operations-kpi{align-items:flex-start;background:#fff;border:1px solid #e1e6ee;border-radius:8px;box-shadow:0 12px 28px #0f172a0d;color:#101828;cursor:pointer;display:flex;gap:.8rem;min-height:0;padding:.85rem;text-align:left}.operations-kpi:hover{border-color:#b9d9fb}.kpi-icon,.stock-alert-icon{align-items:center;background:#eaf4ff;border-radius:8px;color:#087cf0;display:inline-flex;flex:0 0 42px;height:42px;justify-content:center}.kpi-icon svg,.stock-alert-icon svg{height:23px;width:23px}.operations-kpi.purple .kpi-icon{background:#f2edff;color:#6b35ee}.operations-kpi.green .kpi-icon{background:#e8f9ef;color:#11a860}.operations-kpi.orange .kpi-icon{background:#fff3e6;color:#f58a17}.kpi-copy{display:grid;gap:.22rem;min-width:0}.kpi-copy small{color:#667085;font-size:.72rem}.kpi-copy strong{font-size:1.1rem;white-space:nowrap}.kpi-copy em{color:#16a765;font-size:.72rem;font-style:normal;font-weight:800}.kpi-copy em.negative{color:#d92d20}.kpi-copy>span{color:#667085;font-size:.66rem}.operations-heading-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.55rem}.operations-heading-actions>strong{font-size:.86rem;font-weight:800}.dashboard-range-tabs{border:1px solid #dde3ec;border-radius:6px;display:inline-flex;overflow:hidden}.dashboard-range-tabs button{background:#fff;border:0;color:#667085;cursor:pointer;font-size:.68rem;padding:.35rem .65rem}.dashboard-range-tabs button.active{box-shadow:inset 0 0 0 1px #c9ddfa;color:#087cf0;font-weight:800}app-seller-dashboard-metrics .dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))}app-seller-dashboard-metrics .metric-card{border-radius:8px;min-height:118px}app-seller-dashboard-metrics .metric-card:nth-child(4),app-seller-dashboard-metrics .metric-card:nth-child(6){display:none}.operations-chart-grid,.operations-detail-grid{display:grid;gap:1rem}.operations-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-detail-grid{align-items:stretch;grid-template-columns:.85fr 1.05fr 1.1fr}.operations-detail-grid>.operations-panel{height:430px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#c4ccd8 transparent;scrollbar-width:thin}.operations-panel,.operations-stock-alert{background:#fff;border:1px solid #e1e6ee;border-radius:8px;box-shadow:0 12px 28px #0f172a0d;padding:1.2rem}.operations-panel{max-width:100%;min-width:0;overflow:hidden}.operations-panel-heading{flex-wrap:wrap;min-width:0}.operations-panel-heading h2,.operations-panel>h2{font-size:1rem}.operations-panel-heading span{display:block;font-size:.76rem}.operations-panel-heading button,.operations-stock-alert button{background:transparent;border:0;color:var(--color-accent-strong);cursor:pointer;font:inherit;font-size:.8rem;font-weight:800}.operations-bars{align-items:end;border-bottom:1px solid #dfe5ed;display:grid;gap:.65rem;grid-template-columns:repeat(7,minmax(0,1fr));height:250px;margin-top:1.2rem;padding:2rem .5rem .55rem;overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;width:100%}.operations-bar-column{align-items:center;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;position:relative}.operations-bar-column i{background:linear-gradient(180deg,#087cf0,#0b67ef);border-radius:4px 4px 0 0;display:block;min-height:2px;width:min(70%,40px)}.revenue-bars .operations-bar-column i{background:#087cf0;border-radius:3px;width:6px}.operations-bar-column small{color:#667085;font-size:.7rem;margin:.55rem -.4rem 0;white-space:nowrap}.operations-bar-value{color:#667085;font-size:.65rem;margin-bottom:.3rem;white-space:nowrap}.operations-order-row,.operations-product-row{align-items:center;border-bottom:1px solid #edf0f4;display:grid;gap:.65rem;min-height:58px}.operations-order-row{grid-template-columns:minmax(0,1fr) auto auto;padding:.65rem 0}.operations-order-row>div,.operations-product-row>div{display:grid;gap:.35rem;min-width:0}.operations-order-row>div strong{font-size:.78rem;line-height:1.25;min-width:0;overflow-wrap:anywhere}.operations-order-row>b{font-size:.78rem;white-space:nowrap}.operations-order-row span,.operations-product-row small{color:#667085;font-size:.66rem}.operations-order-row em{background:#dcfce7;border-radius:999px;color:#15803d;font-size:.68rem;font-style:normal;font-weight:800;padding:.3rem .5rem}.operations-order-row em.shipped{background:#e8f2ff;color:#087cf0}.operations-order-row em.cancelled{background:#fff1f2;color:#be123c}.operations-product-row{grid-template-columns:20px 42px minmax(0,1fr) auto}.operations-product-row>span:first-child{font-size:.75rem}.operations-product-row>div strong{font-size:.78rem;line-height:1.25}.operations-product-row>b{font-size:.78rem;white-space:nowrap}.operations-product-row img,.operations-product-placeholder{background:#f4f6f9;border-radius:5px;height:38px;object-fit:contain;width:38px}.category-dashboard-content{align-items:center;display:grid;gap:1.2rem;grid-template-columns:150px minmax(0,1fr);margin:1.3rem 0}.category-dashboard-panel{display:flex;flex-direction:column}.category-dashboard-panel .category-dashboard-content{flex:1}.category-donut{aspect-ratio:1;border-radius:50%;position:relative}.category-donut:after{background:#fff;border-radius:50%;content:"";inset:28%;position:absolute}.category-legend{display:grid;gap:.7rem}.category-legend div{align-items:center;display:grid;font-size:.75rem;gap:.45rem;grid-template-columns:8px minmax(0,1fr) auto}.category-color{border-radius:50%;height:8px;width:8px}.category-color.color-0{background:#087cf0}.category-color.color-1{background:#5528e8}.category-color.color-2{background:#ff9418}.category-color.color-3{background:#16b86a}.category-color.color-4{background:#98a2b3}.category-total{border-top:1px solid #edf0f4;font-size:.82rem;padding-top:.9rem}.category-total strong{font-size:.88rem}.operations-stock-alert{gap:1rem}.operations-stock-alert>div{flex:1}.operations-stock-alert button{border:1px solid #dce3ed;border-radius:7px;padding:.65rem .85rem}.operations-stock-alert>div{display:grid;gap:.25rem}.operations-stock-alert span,.operations-empty{color:#667085;font-size:.82rem}@media(max-width:1180px){.operations-dashboard-header>div:first-child{display:none}.operations-dashboard-header{justify-content:flex-end}.operations-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.operations-kpi{gap:.55rem;min-height:0;padding:.75rem}.operations-kpi:last-child{display:none}.kpi-icon{flex-basis:36px;height:36px}.kpi-icon svg{height:20px;width:20px}.kpi-copy strong{font-size:.96rem}app-seller-dashboard-metrics .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-detail-grid{grid-template-columns:1fr 1fr}.category-dashboard-panel{grid-column:1/-1}}@media(max-width:760px){.operations-kpi-grid{grid-template-columns:1fr}.operations-kpi:last-child{display:grid}.operations-kpi{align-items:center;display:grid;grid-template-columns:38px minmax(0,1fr);min-height:72px;padding:.6rem .75rem}.kpi-copy{align-items:center;column-gap:.6rem;grid-template-areas:"label trend" "value meta";grid-template-columns:minmax(0,1fr) auto}.kpi-copy small{grid-area:label}.kpi-copy strong{grid-area:value}.kpi-copy em{grid-area:trend;text-align:right}.kpi-copy>span{grid-area:meta;text-align:right}.dashboard-date-picker{max-width:100%;width:100%}.dashboard-date-picker{align-items:stretch;display:grid;grid-template-columns:1fr auto 1fr}.dashboard-date-picker label{min-width:0}.dashboard-date-picker input{max-width:100%;width:100%}.dashboard-date-picker>svg{display:none}.dashboard-calendar{left:0;right:auto;width:min(300px,100vw - 2rem)}.operations-detail-grid>.operations-panel{height:auto;min-height:0;overflow-y:visible}.operations-dashboard-header{justify-content:stretch}.operations-dashboard-header,.operations-stock-alert{align-items:stretch;flex-direction:column}.dashboard-range-picker,.dashboard-range-trigger{width:100%}.dashboard-range-trigger{min-width:0}.operations-chart-grid,.operations-detail-grid{grid-template-columns:1fr}.category-dashboard-panel{grid-column:auto}.operations-bars{gap:.25rem;height:190px}.operations-bar-value{display:none}.category-dashboard-content{grid-template-columns:120px 1fr}.operations-panel{padding:.9rem}.operations-panel-heading{align-items:flex-start}.operations-heading-actions{gap:.35rem}.revenue-line-chart{height:230px}.revenue-plot svg{height:188px}.revenue-axis{padding-bottom:1.8rem}.operations-stock-alert{display:grid;grid-template-columns:42px minmax(0,1fr)}.operations-stock-alert button{grid-column:1/-1;width:100%}}