@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--font-main: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", monospace;--font-serif: "Playfair Display", serif;--bg-deep: #0a0a0c;--bg-body: #111113;--bg-surface: #18181a;--bg-elevated: #1f1f22;--bg-hover: #26262a;--border-subtle: #242427;--border-medium: #2e2e33;--border-highlight: #3e3e44;--primary: #ff7a00;--primary-hover: #ff8c1a;--primary-glow: rgba(255, 122, 0, .22);--primary-muted: rgba(255, 122, 0, .12);--accent-amber: #f6bf55;--accent-green: #4ade80;--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .25);--text-main: #f8f6f0;--text-muted: #a19da3;--text-dim: #716e74}*{box-sizing:border-box}body{margin:0;background:var(--bg-body);font-family:var(--font-main);color:var(--text-main);font-synthesis:none;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(255,122,0,.78) var(--bg-deep)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:999px}*::-webkit-scrollbar-thumb{background:#ff7a00c7;border:2px solid var(--bg-deep);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--primary)}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{width:258px;background:var(--bg-deep);border-right:1px solid var(--border-subtle);padding:24px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;transition:transform .25s cubic-bezier(.16,1,.3,1)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-1px}.brand>span>span{color:var(--primary)}.brand-mark{width:32px;height:32px;border-radius:9px;background:transparent;color:var(--primary);display:grid;place-items:center;box-shadow:none}.close{display:none;margin-left:auto;background:none;color:var(--text-main)}.workspace{background:var(--bg-surface);margin-top:32px;border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px}.workspace b,.user b{font-size:11px;display:block;font-weight:700}.workspace small,.user small{font-size:10px;color:var(--text-dim);display:block;margin-top:2px}.workspace svg{margin-left:auto;color:#888}.mini-logo{background:var(--accent-amber);color:#21160b;font:700 10px var(--font-mono);padding:6px 7px;border-radius:7px}nav{display:grid;gap:6px;margin-top:28px}nav button,.sidebar-bottom>button{background:transparent;color:var(--text-muted);text-align:left;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;transition:all .15s ease}nav button.active{background:var(--primary);color:#110e0a;box-shadow:0 4px 16px var(--primary-glow);font-weight:700}nav button:not(.active):hover,.sidebar-bottom>button:not(.user):hover{background:var(--bg-surface);color:#fff}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;position:relative}.sidebar-bottom>button{width:100%;position:relative}.sidebar-bottom i{font-style:normal;background:var(--primary);color:#110e0a;font-size:10px;font-weight:800;padding:2px 7px;border-radius:12px;margin-left:auto}.sidebar-bottom i.alert-active{background:var(--accent-red);color:#fff;animation:pulseBadge 2s infinite}.user{display:flex;align-items:center;width:100%;border-top:1px solid var(--border-subtle)!important;border-radius:0!important;margin-top:8px;padding:14px 6px!important;color:var(--text-main)!important;gap:10px!important}.user>span{display:grid;place-items:center;background:var(--primary);color:#180d04;width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:800}.user div{flex:1}.sidebar-signout{width:100%;justify-content:flex-start;color:var(--text-muted)!important;border-top:1px solid var(--border-subtle);border-radius:0!important;padding:12px 6px!important}.sidebar-signout:hover{color:var(--accent-red)!important;background:#ef444414!important}.profile-menu{position:absolute;left:0;right:0;bottom:calc(100% - 4px);padding:6px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:9px;box-shadow:0 10px 24px #00000059}.profile-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;text-align:left}.profile-menu button:hover{color:var(--accent-red);background:#ef44441a}main{margin-left:258px;width:calc(100% - 258px);min-height:100vh;background:var(--bg-body)}header{height:96px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 clamp(24px,4vw,56px);justify-content:space-between;background:var(--bg-deep);position:sticky;top:0;z-index:40}.eyebrow{font:600 10px var(--font-mono);letter-spacing:1.5px;color:var(--text-dim);margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}header h1{font-size:26px;font-weight:800;letter-spacing:-1px;margin:0}.header-actions,.row-actions{display:flex;align-items:center;gap:12px}.bell-wrap{position:relative}.bell{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-main);width:42px;height:42px;border-radius:10px;display:grid;place-items:center;position:relative;transition:all .2s ease}.bell:hover{background:var(--bg-elevated);border-color:var(--border-highlight);color:#fff;transform:translateY(-1px)}.bell.has-alerts{border-color:#ff7a0066;color:#ff9d3b}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:800;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--accent-red-glow);border:2px solid var(--bg-deep);animation:pulseBadge 2s infinite}.bell-badge.warning{background:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.add,.submit{background:var(--primary);color:#130a02;font-weight:800;padding:11px 18px;border-radius:9px;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 4px 18px var(--primary-glow);font-size:13px;transition:all .15s ease}.add:hover,.submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.mobile-menu{display:none}.page{padding:36px clamp(24px,4vw,56px) 60px;max-width:1540px}.alert-banner{background:linear-gradient(90deg,#ef44441f,#ff7a001a 40%,#18181af2);border:1px solid rgba(255,122,0,.35);border-left:4px solid var(--primary);border-radius:12px;padding:16px 20px;margin-bottom:26px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 24px #0000004d;animation:bannerFade .3s ease-out}.alert-banner.critical-banner{border-left-color:var(--accent-red);border-color:#ef444473;background:linear-gradient(90deg,#ef44442e,#18181af2)}@keyframes bannerFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-banner-icon{width:40px;height:40px;border-radius:10px;background:#ff7a0026;color:var(--primary);display:grid;place-items:center;flex-shrink:0}.alert-banner.critical-banner .alert-banner-icon{background:#ef444426;color:var(--accent-red)}.alert-banner-text{flex:1}.alert-banner-text strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}.alert-banner-text span{font-size:12px;color:var(--text-muted)}.alert-banner-btn{background:var(--primary);color:#120902;font-weight:800;font-size:12px;padding:9px 15px;border-radius:8px;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 2px 10px var(--primary-glow);transition:all .15s ease}.alert-banner-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media(max-width:700px){.alert-banner{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:14px}.alert-banner-text{min-width:0}.alert-banner-text strong,.alert-banner-text span{overflow-wrap:anywhere}.alert-banner-btn{grid-column:1 / -1;width:100%;justify-content:center}}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.welcome h2{font-size:26px;font-weight:800;letter-spacing:-1.1px;margin:0 0 6px}.welcome h2 span{color:var(--primary)}.welcome p,.settings-card>p{color:var(--text-muted);font-size:13px;margin:0}.outline,.filter{border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-main);padding:10px 14px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;transition:all .15s ease}.outline:hover,.filter:hover{background:var(--bg-elevated);border-color:var(--border-highlight)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:22px;display:flex;gap:16px;border-radius:12px;transition:border-color .2s ease}.metric.clickable{cursor:pointer}.metric.clickable:hover{border-color:var(--border-highlight);background:var(--bg-elevated)}.metric-icon{width:44px;height:44px;background:#252427;border-radius:10px;color:var(--accent-amber);display:grid;place-items:center;flex-shrink:0}.metric-icon.warning{background:#ff7a0024;color:var(--primary)}.metric-icon.critical{background:#ef444429;color:var(--accent-red)}.metric p{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 6px}.metric h2{font-size:24px;font-weight:800;letter-spacing:-1px;margin:0 0 4px}.metric span{font-size:11px;color:var(--text-dim)}.dashboard-analytics{padding:20px;margin:0 0 24px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.analytics-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.analytics-heading .eyebrow{margin:0}.analytics-heading h3{margin:5px 0 0;color:var(--text-primary);font-size:17px;letter-spacing:-.4px}.analytics-metrics{margin-bottom:0}.dashboard-report{margin:0 0 24px;padding:20px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface)}.dashboard-report-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.dashboard-report-toolbar h3{margin:5px 0 4px;color:var(--text-main);font-size:17px;letter-spacing:-.4px}.dashboard-report-toolbar>div:first-child>span{color:var(--text-dim);font-size:11px}.dashboard-date-filter{display:flex;align-items:flex-end;gap:8px}.dashboard-date-filter label{display:grid;gap:6px}.dashboard-date-filter label span{color:var(--text-dim);font:600 9px var(--font-mono);letter-spacing:.1em}.dashboard-date-filter input{width:150px;min-height:40px;padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;outline:none;background:var(--bg-deep);color:var(--text-main);color-scheme:dark;font:600 11px var(--font-mono)}.dashboard-date-filter input:focus{border-color:var(--primary)}.dashboard-date-filter i{padding-bottom:11px;color:var(--text-dim);font-style:normal}.dashboard-range-error{margin:-7px 0 14px;color:var(--accent-red);font-size:11px}.business-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.business-summary-card{display:grid;gap:6px;padding:16px 17px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-deep)}.business-summary-card>span{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px;font-weight:700}.business-summary-card>span svg{color:var(--primary)}.business-summary-card strong{color:var(--text-main);font:800 20px var(--font-mono)}.business-summary-card small{color:var(--text-dim);font-size:10px}.business-summary-card.expenses strong{color:#fca5a5}.business-summary-card.profit strong{color:var(--accent-green)}.business-summary-card.profit.negative strong{color:var(--accent-red)}.report-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-breakdown-card{min-width:0;padding:16px;border:1px solid var(--border-subtle);border-radius:10px;background:#08080a7a}.report-breakdown-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.report-breakdown-title h4{margin:4px 0 0;color:var(--text-main);font-size:14px}.report-breakdown-title>svg{color:var(--primary)}.report-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.report-stat-grid>div{display:grid;gap:5px;padding:10px;border-radius:8px;background:#ffffff06}.report-stat-grid span,.expense-summary-total span{color:var(--text-dim);font-size:10px}.report-stat-grid b{overflow:hidden;color:var(--text-main);font:700 12px var(--font-mono);text-overflow:ellipsis}.report-subheading{margin:15px 0 7px;color:var(--text-dim);font:600 9px var(--font-mono);letter-spacing:.1em}.payment-summary-list,.expense-category-summary{display:grid;gap:1px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:8px;background:var(--border-subtle)}.payment-summary-list>div,.expense-category-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;background:var(--bg-deep)}.payment-summary-list span,.expense-category-summary span{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px}.payment-summary-list svg,.expense-category-summary svg{color:var(--primary)}.payment-summary-list b,.expense-category-summary b{color:var(--text-main);font:600 11px var(--font-mono)}.expense-summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:11px;border-radius:8px;background:#ff7a0012}.expense-summary-total b{color:var(--primary);font:700 13px var(--font-mono)}.monthly-performance-panel{margin-top:12px;padding:17px;border:1px solid var(--border-subtle);border-radius:10px;background:#08080a7a}.monthly-performance-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.monthly-performance-header h4{margin:4px 0;color:var(--text-main);font-size:14px}.monthly-performance-header>div:first-child>span{color:var(--text-dim);font-size:10px}.monthly-chart-controls{display:flex;align-items:flex-end;gap:8px}.monthly-chart-controls label{display:grid;gap:5px}.monthly-chart-controls label span{color:var(--text-dim);font:600 9px var(--font-mono);letter-spacing:.1em}.monthly-chart-controls input{min-height:38px;padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;outline:none;background:var(--bg-deep);color:var(--text-main);color-scheme:dark;font:600 11px var(--font-mono)}.monthly-chart-controls input:focus{border-color:var(--primary)}.chart-view-switch{display:flex;align-items:center;gap:3px;min-height:38px;padding:3px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep)}.chart-view-switch button{height:30px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border-radius:5px;background:transparent;color:var(--text-dim);font-size:10px;font-weight:700}.chart-view-switch button:hover{color:var(--text-main)}.chart-view-switch button.active{color:#17110a;background:var(--primary)}.balance-toggle{min-height:38px;display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep);color:var(--text-muted);font-size:11px;font-weight:700}.balance-toggle:hover,.balance-toggle.active{border-color:#4ade80;color:#4ade80;background:#4ade8014}.monthly-growth-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}.monthly-growth-row>span{padding:6px 8px;border-radius:6px;background:#ffffff06;color:var(--text-dim);font-size:9px}.monthly-growth-row b{margin-left:4px;color:var(--accent-green);font-family:var(--font-mono)}.monthly-growth-row b.negative{color:var(--accent-red)}.monthly-chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:12px 0 7px;color:var(--text-muted);font-size:9px}.monthly-chart-legend span{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--border-subtle);border-radius:999px;background:#ffffff06}.monthly-chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 7px #ff7a008c}.monthly-chart-legend i.expenses{background:#60a5fa}.monthly-chart-legend i.balance{background:#4ade80}.monthly-bar-chart{position:relative;height:250px;display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:13px;align-items:end;padding:22px 8px 0;border-bottom:1px solid var(--border-medium)}.chart-grid-lines{position:absolute;top:20px;right:8px;bottom:31px;left:8px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid-lines i{display:block;width:100%;border-top:1px dashed rgba(255,255,255,.055)}.monthly-bar-group{position:relative;z-index:1;min-width:0;display:grid;grid-template-rows:195px 30px;align-items:end}.monthly-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.chart-bar{position:relative;width:min(22px,29%);min-height:0;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#ff9a3d,var(--primary));box-shadow:0 0 12px #ff7a001f;transition:height .25s ease}.chart-bar.expenses{background:linear-gradient(180deg,#8bc0ff,#3b82f6);box-shadow:0 0 12px #3b82f61f}.chart-bar.balance{background:linear-gradient(180deg,#86efac,#22c55e);box-shadow:0 0 12px #22c55e1f}.chart-bar.balance.negative{background:linear-gradient(180deg,#fda4af,#ef4444);box-shadow:0 0 12px #ef44441f}.chart-bar>span{position:absolute;top:-16px;left:50%;transform:translate(-50%);color:var(--text-muted);font:600 8px var(--font-mono);white-space:nowrap}.monthly-bar-group>b{align-self:end;color:var(--text-muted);font:600 10px var(--font-mono);text-align:center}.monthly-bar-group>b small{margin-left:2px;color:var(--text-dim);font-size:8px}.monthly-line-chart{position:relative;min-height:238px;padding:8px 12px 3px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:radial-gradient(circle at 70% 5%,rgba(255,122,0,.035),transparent 35%),var(--bg-deep)}.monthly-line-chart svg{display:block;width:100%;height:215px;overflow:visible}.line-chart-grid{stroke:#ffffff0f;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.line-chart-zero{stroke:#ffffff3d;stroke-width:1;vector-effect:non-scaling-stroke}.line-axis-label{fill:var(--text-dim);font:7px var(--font-mono)}.line-month-label{fill:var(--text-muted);font:600 8px var(--font-mono);text-anchor:middle}.line-area.sales{fill:url(#sales-area)}.line-area.expenses{fill:url(#expenses-area)}.line-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.line-series.sales{stroke:var(--primary)}.line-series.expenses{stroke:#60a5fa}.line-series.balance{stroke:#4ade80}.line-series.balance.negative{stroke:var(--accent-red)}.line-point{stroke:var(--bg-deep);stroke-width:2;vector-effect:non-scaling-stroke}.line-point-halo{opacity:.14}.line-point-halo.sales{fill:var(--primary)}.line-point-halo.expenses{fill:#60a5fa}.line-point-halo.balance{fill:#4ade80}.line-point-halo.balance.negative{fill:var(--accent-red)}.line-point.sales{fill:var(--primary)}.line-point.expenses{fill:#60a5fa}.line-point.balance{fill:#4ade80}.line-point.balance.negative{fill:var(--accent-red)}.orange{color:#ff8c1a!important}.red{color:var(--accent-red)!important}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.panel,.settings-card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px}.panel-title h3{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0}.text-button{background:transparent;color:var(--primary);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.text-button:hover{text-decoration:underline}.product-list{padding:4px 16px 14px}.product-row{display:grid;grid-template-columns:36px 1fr auto 100px;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid var(--border-subtle)}.product-row:last-child{border:0}.product-icon{width:36px;height:36px;border-radius:9px;background:#252321;color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:14px}.product-name b,.product-cell b{font-size:13px;display:block;font-weight:600}.product-name span,.product-cell small{display:block;font:500 10px var(--font-mono);color:var(--text-dim);margin-top:3px}.product-row>b{font-size:13px}.product-row>b small{font-size:10px;color:var(--text-dim);font-weight:500}.top-selling-list{padding:0 16px 14px}.top-selling-head,.top-selling-row{display:grid;grid-template-columns:48px minmax(0,1fr) 130px 150px;gap:14px;align-items:center}.top-selling-head{padding:10px 9px;color:var(--text-dim);font:600 9px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid var(--border-subtle)}.top-selling-head span:nth-child(3),.top-selling-head span:nth-child(4){text-align:right}.top-selling-row{min-height:66px;padding:12px 9px;border-bottom:1px solid var(--border-subtle)}.top-selling-row:last-child{border-bottom:0}.top-selling-rank{color:var(--text-dim);font:700 12px var(--font-mono)}.top-selling-rank.leading{color:var(--primary)}.top-selling-row .product-name{min-width:0}.top-selling-row .product-name b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-selling-row>strong{color:var(--text-main);font-size:13px;text-align:right}.top-selling-row>strong small{color:var(--text-dim);font-size:10px;font-weight:500}.top-selling-value{color:var(--primary);font:700 12px var(--font-mono);text-align:right}.top-selling-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-dim);text-align:center}.top-selling-empty svg{color:var(--primary)}.top-selling-empty b{color:var(--text-main);font-size:13px}.top-selling-empty span{font-size:11px}.tag{font-size:10px;font-weight:700;color:var(--accent-green);background:#4ade801f;border:1px solid rgba(74,222,128,.25);border-radius:20px;padding:4px 10px;text-align:center;display:inline-block;white-space:nowrap}.tag.low{background:#ff7a0024;color:#ff9d3b;border-color:#ff7a0059}.tag.out{background:#ef444424;color:#ff6b6b;border-color:#ef444459}.category-panel{padding-bottom:18px}.category-row{display:flex;align-items:center;gap:10px;padding:13px 24px;border-top:1px solid var(--border-subtle);font-size:12px}.category-row .dot{width:8px;height:8px;border-radius:50%}.category-row b{font-size:13px;flex:1;font-weight:600}.category-row>span:last-child{color:var(--text-dim);font-size:11px}.create-link{margin:18px 24px 0;background:transparent;color:var(--primary);font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px}.create-link:hover{text-decoration:underline}.products-panel{overflow:hidden}.toolbar{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;flex-wrap:wrap}.search{height:42px;flex:1;min-width:260px;display:flex;align-items:center;gap:10px;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;padding:0 14px;color:var(--text-dim);transition:border-color .15s ease}.search:focus-within{border-color:var(--primary)}.search input{width:100%;background:transparent;color:#fff;border:0;outline:0;font-size:13px}.clear-search-btn{background:transparent;color:var(--text-dim);border:none;cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:4px;transition:all .1s ease}.clear-search-btn:hover{color:#fff;background:#ffffff1a}.filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-select-box{position:relative;display:flex;align-items:center;gap:8px;height:42px;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;padding:0 12px;color:var(--text-dim);transition:all .15s ease}.filter-select-box:hover{border-color:var(--border-focus);color:var(--text-main)}.filter-select-box.active{border-color:var(--primary);background:#ff7a0014;color:var(--primary)}.filter-select-box select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;padding-right:18px}.filter-select-box select option{background:#1a1917;color:#fff}.filter-select-box .filter-arrow{position:absolute;right:10px;pointer-events:none;color:var(--text-dim)}.filter-select-box.active .filter-arrow{color:var(--primary)}.filter-menu-wrap{position:relative}.filter-menu-trigger{height:42px;display:inline-flex;align-items:center;gap:8px;min-width:144px;padding:0 12px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep);color:var(--text-main);font-size:12px;font-weight:700}.filter-menu-trigger span{flex:1;text-align:left;white-space:nowrap}.filter-menu-trigger svg:last-child{color:var(--text-dim);transition:transform .15s ease}.filter-menu-trigger svg.up{transform:rotate(180deg)}.filter-menu-wrap:hover .filter-menu-trigger,.filter-menu-wrap.active .filter-menu-trigger{border-color:var(--primary)}.filter-menu-wrap.active .filter-menu-trigger{color:var(--primary);background:#ff7a0014}.filter-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:max-content;min-width:100%;max-width:250px;max-height:250px;overflow-y:auto;padding:5px;border:1px solid var(--border-highlight);border-radius:8px;background:#151412;box-shadow:0 16px 34px #0000006b}.filter-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--text-main);font-size:12px;text-align:left;white-space:nowrap}.filter-menu button:hover,.filter-menu button.selected{background:#ff7a001f;color:var(--primary)}.filter{height:42px;position:relative;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.filter.has-active{border-color:var(--primary);color:var(--primary);background:#ff7a0014}.active-filter-indicator{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary)}.table-head,.table-row{display:grid;grid-template-columns:.75fr 1.55fr 1.1fr .72fr 1.2fr .9fr .9fr 1.1fr;gap:14px;align-items:center}.table-without-size .table-head,.table-without-size .table-row{grid-template-columns:.75fr 1.55fr 1.1fr 1.2fr .9fr .9fr 1.1fr}.table-head{font:600 10px var(--font-mono);letter-spacing:1.2px;color:var(--text-dim);padding:14px 24px;background:#141416;border-bottom:1px solid var(--border-subtle)}.table-row{padding:14px 24px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;transition:background .15s ease}.category-cell{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;color:var(--text-main)}.category-cell .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.product-size-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border-radius:6px;font:700 11px var(--font-mono);background:linear-gradient(180deg,#111114,#0a0a0c);border:1px solid var(--border-medium);color:#f3efe6;text-align:center;min-width:58px;box-shadow:inset 0 1px #ffffff06}.product-size-badge b{color:#f3efe6}.product-size-badge i{color:var(--text-dim);font-style:normal;font-weight:400}.product-size-badge em{min-width:18px;color:var(--primary);font-style:normal;font-weight:800;text-align:right}.product-size-badges{display:grid;grid-template-columns:repeat(2,max-content);gap:6px;align-items:center}.empty-filter-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;text-align:center;color:var(--text-dim);gap:10px}.empty-filter-state h4{font-size:16px;color:#fff;margin:0}.empty-filter-state p{font-size:12px;color:var(--text-muted);margin:0;max-width:380px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:12px}.pagination-bar>div{display:flex;gap:8px}.pagination-bar button{min-width:82px;justify-content:center;padding:8px 12px}.pagination-bar button:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:700px){.pagination-bar{align-items:stretch;flex-direction:column}.pagination-bar>div{width:100%}.pagination-bar button{flex:1}}.table-row:hover{background:#ffffff04}.table-row.row-out-of-stock{background:#ef44440a}.table-row.row-low-stock{background:#ff7a0008}.product-cell{display:flex;align-items:center;gap:12px;color:var(--text-main)}.product-cell .product-icon{flex-shrink:0}.stock-stepper-wrap{display:flex;align-items:center;gap:8px}.stock-stepper{display:inline-flex;align-items:center;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:7px;overflow:hidden}.stepper-btn{background:transparent;color:var(--text-muted);width:26px;height:26px;display:grid;place-items:center;transition:all .1s ease}.stepper-btn:hover{background:var(--bg-elevated);color:#fff}.stepper-btn:active{background:var(--primary);color:#111}.stock-display{font-weight:700;font-size:12px;min-width:50px;text-align:center;font-family:var(--font-mono)}.available-stock{display:flex;align-items:baseline;gap:6px}.available-stock small{color:var(--text-dim);font:500 10px var(--font-mono)}.table-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.quick-restock-btn{background:var(--primary-muted);color:var(--primary);border:1px solid rgba(255,122,0,.3);font-size:11px;font-weight:700;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.quick-restock-btn:hover{background:var(--primary);color:#111}.icon-action-btn{background:transparent;color:var(--text-dim);width:28px;height:28px;border-radius:6px;display:grid;place-items:center;transition:all .15s ease}.icon-action-btn:hover{background:var(--bg-elevated);color:#fff}.icon-action-btn.edit:hover{background:#ff7a0026;color:var(--primary)}.icon-action-btn.delete:hover{background:#ef444426;color:var(--accent-red)}.empty{text-align:center;padding:50px;color:var(--text-dim);font-size:13px}.category-summary{display:flex;align-items:center;gap:25px;margin-top:22px}.category-summary .eyebrow{margin:0}.category-summary>div{display:flex;gap:15px;flex-wrap:wrap}.category-summary span{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:7px}.category-summary i{width:7px;height:7px;border-radius:50%}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-drawer{position:fixed;top:0;right:0;bottom:0;width:min(500px,100%);background:var(--bg-deep);border-left:1px solid var(--border-medium);z-index:999;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0009;animation:slideDrawer .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:24px 24px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface)}.drawer-header-left{display:flex;align-items:center;gap:12px}.drawer-header-icon{width:38px;height:38px;border-radius:9px;background:#ff7a0026;color:var(--primary);display:grid;place-items:center}.drawer-header h2{font-size:18px;font-weight:800;letter-spacing:-.5px;margin:0 0 2px}.drawer-header p{font-size:11px;color:var(--text-muted);margin:0}.drawer-actions{display:flex;align-items:center;gap:8px}.drawer-icon-btn{background:var(--bg-deep);border:1px solid var(--border-medium);color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;transition:all .15s ease}.drawer-icon-btn:hover{background:var(--bg-elevated);color:#fff}.drawer-tabs{display:flex;padding:12px 20px;gap:6px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);overflow-x:auto}.drawer-tab{background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;padding:6px 12px;border-radius:7px;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .15s ease}.drawer-tab:hover{color:#fff;background:var(--bg-deep)}.drawer-tab.active{background:var(--primary);color:#111;font-weight:700}.drawer-tab-badge{font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;background:#0003}.drawer-tab.active .drawer-tab-badge{background:#111;color:#fff}.drawer-content{flex:1;min-height:0;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,122,0,.75) var(--bg-deep)}.drawer-content::-webkit-scrollbar,.category-items::-webkit-scrollbar{width:8px}.drawer-content::-webkit-scrollbar-track,.category-items::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:999px}.drawer-content::-webkit-scrollbar-thumb,.category-items::-webkit-scrollbar-thumb{background:#ff7a00b8;border:2px solid var(--bg-deep);border-radius:999px}.drawer-content::-webkit-scrollbar-thumb:hover,.category-items::-webkit-scrollbar-thumb:hover{background:var(--primary)}.notification-scroll-sentinel{width:100%;height:2px;flex:0 0 2px}.alert-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;position:relative;overflow:hidden;flex:0 0 auto}.alert-card:hover{border-color:var(--border-highlight);background:var(--bg-elevated)}.alert-card.critical{border-color:#ef444466;background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,var(--bg-surface) 65%)}.alert-card.urgent{border-color:#ff7a0066;background:linear-gradient(135deg,rgba(255,122,0,.07) 0%,var(--bg-surface) 65%)}.alert-card.warning{border-color:#f6bf5559;background:linear-gradient(135deg,rgba(246,191,85,.05) 0%,var(--bg-surface) 65%)}.alert-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.alert-clear-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border:1px solid var(--border-medium);border-radius:7px;background:transparent;color:var(--text-dim)}.alert-clear-icon:hover{color:var(--accent-red);border-color:#ef444480;background:#ef444414}.alert-badge{font-size:10px;font-weight:800;font-family:var(--font-mono);letter-spacing:.5px;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}.alert-badge.critical{background:#ef444433;color:#ff6b6b;border:1px solid rgba(239,68,68,.4)}.alert-badge.urgent{background:#ff7a0033;color:#ff9d3b;border:1px solid rgba(255,122,0,.4)}.alert-badge.warning{background:#f6bf552e;color:#f6bf55;border:1px solid rgba(246,191,85,.35)}.alert-card-info h4{font-size:14px;font-weight:700;margin:0 0 3px;color:#fff}.alert-card-meta{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);display:flex;gap:8px}.alert-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.alert-meter-container{display:flex;flex-direction:column;gap:4px}.alert-meter-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.alert-meter-labels b{color:var(--text-main)}.alert-meter-track{height:6px;background:var(--bg-deep);border-radius:3px;overflow:hidden;border:1px solid var(--border-subtle)}.alert-meter-fill{height:100%;border-radius:3px;transition:width .3s ease}.alert-meter-fill.critical{background:var(--accent-red)}.alert-meter-fill.urgent{background:var(--primary)}.alert-meter-fill.warning{background:var(--accent-amber)}.alert-card-actions{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--border-subtle)}.btn-restock-action{background:var(--primary);color:#110e0a;font-weight:800;font-size:11px;padding:7px 12px;border-radius:7px;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.btn-restock-action:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-restock-action-alt{background:var(--bg-deep);border:1px solid var(--border-medium);color:var(--text-main);font-weight:700;font-size:11px;padding:7px 11px;border-radius:7px;transition:all .15s ease}.btn-restock-action-alt:hover{background:var(--bg-hover);color:#fff}.btn-dismiss-alert{margin-left:auto;background:transparent;color:var(--text-dim);font-size:11px;font-weight:600;padding:6px 8px;border-radius:6px}.btn-dismiss-alert:hover{color:var(--text-main);background:var(--bg-deep)}.btn-clear-alert{display:inline-flex;align-items:center;gap:3px;background:transparent;color:var(--text-dim);font-size:11px;font-weight:600;padding:6px 8px;border-radius:6px}.btn-clear-alert:hover{color:var(--accent-red);background:#ef444414}.drawer-empty{text-align:center;padding:60px 24px;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:12px}.drawer-empty-icon{width:56px;height:56px;border-radius:16px;background:#4ade801f;color:var(--accent-green);display:grid;place-items:center}.drawer-empty h3{font-size:16px;font-weight:700;margin:0;color:#fff}.drawer-empty p{font-size:12px;color:var(--text-muted);max-width:280px;margin:0}.drawer-footer{padding:16px 20px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim)}.drawer-footer button{background:transparent;color:var(--primary);font-weight:700;font-size:11px}.drawer-footer button:hover{text-decoration:underline}.drawer-footer-actions{display:flex;align-items:center;gap:14px}.drawer-footer .danger-text{color:var(--accent-red)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:420px;width:calc(100vw - 48px);pointer-events:none}.toast-card{pointer-events:auto;background:#19191d;border:1px solid rgba(255,122,0,.35);border-left:4px solid var(--primary);box-shadow:0 10px 30px #00000080,0 0 20px #ff7a0026;border-radius:10px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;animation:slideToast .25s cubic-bezier(.16,1,.3,1)}.toast-card.critical{border-color:#ef444473;border-left-color:var(--accent-red);box-shadow:0 10px 30px #00000080,0 0 20px var(--accent-red-glow)}@keyframes slideToast{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{width:32px;height:32px;border-radius:8px;background:#ff7a0026;color:var(--primary);display:grid;place-items:center;flex-shrink:0}.toast-card.critical .toast-icon{background:#ef444426;color:var(--accent-red)}.toast-body{flex:1}.toast-body b{display:block;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.toast-body p{font-size:11px;color:var(--text-muted);margin:0 0 8px;line-height:1.4}.toast-actions{display:flex;gap:8px}.toast-btn{background:var(--primary);color:#111;font-size:11px;font-weight:800;padding:5px 10px;border-radius:6px}.toast-btn-alt{background:transparent;color:var(--text-dim);font-size:11px;padding:5px 8px}.toast-btn-alt:hover{color:#fff}.toast-close{background:transparent;color:var(--text-dim);width:20px;height:20px;display:grid;place-items:center;margin-left:auto}.toast-close:hover{color:#fff}.page:has(.settings-tabs){width:min(100%,1040px);margin:0 auto}.settings-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%;max-width:900px;margin:0 auto}.settings-tabs{display:flex;width:100%;max-width:900px;justify-content:center;gap:8px;margin:0 auto 18px;padding:6px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-surface)}.settings-tabs button{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 13px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700}.settings-tabs button.active{background:var(--primary-muted);color:var(--primary)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-form-grid label{display:grid;gap:7px;color:var(--text-main);font-size:12px;font-weight:700}.admin-form-grid input{width:100%;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-main);padding:10px 12px;outline:none}.admin-form-grid input:focus{border-color:var(--primary)}.admin-form-grid label>small{color:var(--text-dim);font-weight:500}.logo-file-input{padding:8px 10px!important;font-size:11px}.logo-file-input::file-selector-button{margin-right:9px;padding:6px 9px;border:0;border-radius:6px;background:var(--primary-muted);color:var(--primary);font-weight:700;cursor:pointer}.logo-preview{display:flex;align-items:center;gap:10px;margin-top:14px;padding:9px 11px;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:11px}.logo-preview img{width:32px;height:32px;object-fit:contain;border-radius:6px;background:var(--bg-deep)}.logo-preview button{margin-left:auto;border:0;background:transparent;color:#ff9070;font-size:11px;cursor:pointer}.settings-save{margin-top:18px}.login-error{margin:10px 0 0!important;color:#ff8064!important;font-size:12px!important}.brand-mark img{width:18px;height:18px;object-fit:contain;border-radius:4px}.brand-mark.has-logo{background:transparent;box-shadow:none}.brand-mark.has-logo img{width:32px;height:32px;border-radius:0}@media(max-width:620px){.admin-form-grid{grid-template-columns:1fr}.settings-tabs{width:100%}.settings-tabs button{flex:1;justify-content:center}}.settings-section{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;padding:30px}.settings-section h3{font-size:16px;font-weight:700;margin:0 0 6px}.settings-section p{font-size:12px;color:var(--text-muted);margin:0 0 20px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:center;padding:19px 0;border-top:1px solid var(--border-subtle)}.setting-row:first-of-type{border-top:0}.setting-label b{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.setting-label small{font-size:11px;color:var(--text-dim);line-height:1.5}.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:10px}.product-id-card{margin:18px 0 0;padding:16px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-deep)}.product-id-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.product-id-heading b{display:block;font-size:13px;font-weight:700;margin-bottom:3px}.product-id-heading small{color:var(--text-dim);font-size:11px}.product-id-controls{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(200px,1.2fr);gap:12px}.product-id-controls label{display:grid;gap:7px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-id-controls input,.product-id-controls select{min-width:0;width:100%;height:40px;padding:0 11px;border:1px solid var(--border-medium);border-radius:7px;background:#0b0b0d;color:var(--text-main);outline:none}.product-id-controls input:focus,.product-id-controls select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff7a001f}.product-id-preview{display:grid;gap:2px;text-align:right;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.product-id-preview strong{color:#fff;font-family:var(--font-mono);font-size:13px;letter-spacing:0;text-transform:none}.setting-input{background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:7px;color:#fff;padding:8px 12px;width:80px;text-align:center;font-size:13px;font-weight:700;font-family:var(--font-mono)}.setting-toggle-btn{background:var(--bg-deep);border:1px solid var(--border-medium);color:var(--text-muted);padding:8px 14px;border-radius:7px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;transition:all .15s ease}.setting-toggle-btn.active{background:var(--primary-muted);border-color:#ff7a0066;color:var(--primary)}.switch-control{width:48px;height:26px;padding:3px;display:flex;align-items:center;justify-content:flex-start;border:1px solid var(--border-medium);border-radius:999px;background:var(--bg-deep);cursor:pointer;transition:background .18s ease,border-color .18s ease,justify-content .18s ease}.switch-control.active{justify-content:flex-end;background:var(--primary-muted);border-color:var(--primary)}.switch-knob{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:var(--text-muted);transition:background .18s ease,box-shadow .18s ease}.switch-control.active .switch-knob{background:var(--primary);box-shadow:0 0 8px #ff7a0073}.switch-control:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:44px}.password-visibility{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.password-visibility:hover,.password-visibility:focus-visible{color:var(--primary)}.password-visibility:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990;display:grid;place-items:center;padding:20px}.modal-wrap:has(.confirm-dialog){z-index:1001}.modal{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-highlight);border-radius:14px;padding:30px;box-shadow:0 16px 48px #0009;animation:modalScale .2s cubic-bezier(.16,1,.3,1)}.modal:has(.product-form){width:min(850px,100%);padding:38px}.modal:has(.confirm-dialog){width:min(520px,100%);padding:32px 36px}.modal:has(.sale-line-list){width:min(650px,100%)}.modal:has(.sale-detail-table){width:min(820px,100%)}.sale-line-list{display:grid;gap:12px;max-height:min(48vh,460px);overflow-y:auto;padding-right:4px}.sale-line{padding:16px;border:1px solid var(--border-medium);border-radius:11px;background:linear-gradient(145deg,#101012,#0b0b0d);box-shadow:0 8px 18px #00000024}.sale-size-line{padding-top:12px;padding-bottom:13px;border-color:#ff7a003d}.sale-line:has(+.sale-size-line){margin-bottom:-12px;border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.sale-line+.sale-size-line{margin-top:-12px;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.sale-line-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--text-main);font-size:13px}.sale-line-heading>b{color:var(--primary);letter-spacing:.2px}.sale-line-heading-actions{display:flex;align-items:center;gap:8px}.sale-line-heading .text-button{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;font-size:11px}.sale-line-heading .icon-action-btn{width:30px;height:30px}.sale-line .field-label{margin-top:0}.sale-line .two{grid-template-columns:minmax(0,1.15fr) minmax(150px,.85fr);margin-top:14px;align-items:start}.product-search-dropdown{position:relative}.product-search-input{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 13px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep);color:var(--text-dim);transition:border-color .15s ease,box-shadow .15s ease}.product-search-input.open{border-color:var(--primary);box-shadow:0 0 0 3px #ff7a001a}.product-search-input input{min-width:0;flex:1;height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:var(--text-main)!important;box-shadow:none!important}.product-search-input input::placeholder{color:var(--text-dim)}.product-search-clear{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-dim)}.product-search-clear:hover{background:var(--bg-hover);color:var(--text-main)}.product-search-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:258px;overflow-y:auto;border:1px solid var(--border-medium);border-radius:9px;background:#101012;box-shadow:0 16px 32px #0000006b}.product-search-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-main);text-align:left}.product-search-option:hover,.product-search-option.selected{background:#ff7a001a}.product-search-option:last-of-type{border-bottom:0}.product-search-option span{min-width:0;display:grid;gap:3px}.product-search-option b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.product-search-option small{color:var(--text-dim);font:10px var(--font-mono)}.product-search-option em{flex:0 0 auto;color:var(--primary);font-size:11px;font-style:normal;font-weight:700}.product-search-state{margin:0;padding:11px 13px;color:var(--text-dim);font-size:11px;text-align:center}.available-hint{display:block;margin-top:5px;color:var(--text-dim);font-size:11px}.sale-payment-method{display:grid;gap:9px;margin:2px 0 0;padding:0;border:0}.sale-payment-method legend{padding:0}.payment-method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.form .payment-method-options label{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep);color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;transition:.15s ease}.form .payment-method-options label:hover{border-color:#ff7a0080;color:var(--text-main)}.form .payment-method-options label.selected{border-color:var(--primary);background:#ff7a001a;color:var(--primary)}.form .payment-method-options input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;opacity:0;pointer-events:none}.payment-method-options svg{flex:0 0 auto;color:var(--text-dim)}.payment-method-options label.selected svg{color:var(--primary)}.payment-method-options label:focus-within{outline:2px solid var(--primary);outline-offset:2px}.sale-add-line{width:100%;justify-content:center;border-style:dashed}.sales-history{display:grid;gap:10px;max-height:55vh;overflow-y:auto;padding-right:4px}.sales-page-panel{overflow:hidden}.sales-count{color:var(--text-dim);font-size:12px}.sales-filter-toolbar{display:flex;align-items:center;gap:12px;margin:-2px 0 16px;padding:16px 24px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface)}.sales-filter-toolbar .search{min-width:260px}.sales-filter-toolbar .filter-group{margin-left:auto}.sales-date-filter{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep);color:var(--text-dim);cursor:pointer;transition:.15s ease}.sales-date-filter:hover,.sales-date-filter:focus-within{border-color:var(--primary);color:var(--primary)}.sales-date-filter span{color:inherit;font:700 11px var(--font-mono)}.sales-date-filter input{width:116px;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--text-main);color-scheme:dark;font:600 11px var(--font-mono)}.sales-date-filter input::-webkit-calendar-picker-indicator{opacity:.75;filter:sepia(1) saturate(3);cursor:pointer}.sales-filter-select,.sales-filter-date{display:grid;gap:5px}.sales-filter-select span,.sales-filter-date span{color:var(--text-dim);font:600 9px var(--font-mono);letter-spacing:.08em}.sales-filter-select select,.sales-filter-date input{min-height:38px;padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;outline:none;background:var(--bg-deep);color:var(--text-main);color-scheme:dark;font:600 11px var(--font-mono)}.sales-filter-select select:focus,.sales-filter-date input:focus{border-color:var(--primary)}.sales-filter-select select{min-width:145px}.sales-filter-reset{min-height:38px;padding:8px 12px}.sales-filter-error{margin:-8px 0 14px;color:var(--accent-red);font-size:11px}.sales-table-head,.sales-table-row{grid-template-columns:.72fr minmax(230px,1.7fr) .42fr .38fr .52fr .52fr .72fr .62fr 1fr 1fr}.sales-table-row{min-height:68px}.sales-table-row .product-cell small{display:block;margin-top:3px;color:var(--text-dim);font:11px var(--font-mono)}.sale-products{display:block;overflow:visible;color:var(--text-main);font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.sale-product-line{display:block}.sale-sold{color:var(--primary)}.sale-returned{color:#5edb9c;font-weight:700}.sale-damaged{color:var(--accent-red);font-weight:700}.sale-date,.table-muted{color:var(--text-dim);font-size:11px}.sale-table-actions{display:flex;justify-content:flex-end;gap:8px}.sale-table-actions .outline,.sale-table-actions .compact{min-height:32px;padding:6px 10px;font-size:12px}.sale-action-quantity{width:48px;min-height:32px;padding:5px 6px;border:1px solid var(--border-medium);border-radius:7px;background:var(--bg-deep);color:var(--text-main);font-weight:700;text-align:center}.sale-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sale-detail-grid>div{padding:12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-deep)}.sale-detail-grid span,.sale-detail-grid b{display:block}.sale-detail-grid span{color:var(--text-dim);font:10px var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.sale-detail-grid b{margin-top:6px;color:var(--text-main);font-size:13px}.sale-detail-grid .sale-detail-wide{grid-column:1 / -1}.sale-detail-head,.sale-detail-row{grid-template-columns:minmax(135px,1.55fr) .5fr .45fr .6fr .6fr .85fr 1.65fr}.sale-detail-row small{display:block;margin-top:3px;color:var(--text-dim);font:11px var(--font-mono)}.sale-line-amount{color:var(--text-main);font-size:12px;white-space:nowrap}.sale-detail-table{overflow-x:auto}.sale-detail-scroll{max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-deep)}.sale-detail-scroll .sale-detail-head{position:sticky;top:0;z-index:2}.sale-detail-scroll::-webkit-scrollbar{width:8px}.sale-detail-scroll::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:8px}.sale-detail-scroll::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg-deep);border-radius:8px}.sale-record-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 16px;padding:11px 14px;border-left:3px solid var(--primary);border-radius:0 8px 8px 0;background:#ff7a0017;color:var(--text-muted);font-size:12px}.sale-record-summary>div{display:flex;align-items:center;gap:16px;min-width:0}.sale-record-summary b{color:var(--primary);font-size:12px;white-space:nowrap}.product-id,.sale-code{color:#fff!important;font:500 10px var(--font-mono)!important;font-style:normal;letter-spacing:normal}.sale-code{width:max-content;text-transform:lowercase}.sale-record-total{color:var(--text-main);font-size:14px}.payment-method-badge{display:inline-flex;align-items:center;width:max-content;margin-top:2px;padding:3px 7px;border:1px solid rgba(255,122,0,.35);border-radius:999px;color:var(--primary)!important;background:#ff7a0014;font:700 10px var(--font-mono);letter-spacing:.4px;text-transform:uppercase}.return-all-button{min-height:32px;padding:6px 12px;color:var(--primary);border-color:#ff7a0073;white-space:nowrap}@media(max-width:700px){.sale-detail-head,.sale-detail-row{min-width:700px}}@media(max-width:700px){.modal-wrap{padding:10px}.modal:has(.sale-line-list){width:100%;max-height:calc(100vh - 20px);padding:22px 18px;border-radius:12px}.modal:has(.sale-detail-table){width:100%;max-height:calc(100vh - 20px);padding:22px 16px;border-radius:12px}.sale-line{padding:14px}.sale-line .two{grid-template-columns:1fr;gap:14px;margin-top:14px}.sale-line-list{max-height:51vh;padding-right:2px}.payment-method-options{gap:6px}.sale-detail-table{overflow:visible}.sale-detail-head{display:none;min-width:0}.sale-detail-table{width:100%;max-width:100%;overflow-x:hidden}.sale-detail-row{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"product product" "size sold" "amount amount" "returned damaged" "actions actions";gap:10px 14px;padding:15px 0;align-items:center}.sale-detail-row>:nth-child(1){grid-area:product}.sale-detail-row>:nth-child(2){grid-area:size}.sale-detail-row>:nth-child(3){grid-area:sold}.sale-detail-row>:nth-child(4){grid-area:returned}.sale-detail-row>:nth-child(5){grid-area:damaged}.sale-detail-row>:nth-child(6){grid-area:amount}.sale-detail-row>:nth-child(7){grid-area:actions}.sale-detail-row>:nth-child(2),.sale-detail-row>:nth-child(3),.sale-detail-row>:nth-child(4),.sale-detail-row>:nth-child(5),.sale-detail-row>:nth-child(6){justify-self:start}.sale-detail-row .sale-table-actions{justify-content:flex-start;flex-wrap:wrap;gap:6px}.sale-detail-row .sale-action-quantity{width:46px}.sale-detail-row .sale-table-actions .outline,.sale-detail-row .sale-table-actions .compact{padding:7px 9px}.sale-record-summary{align-items:stretch;flex-direction:column;gap:10px}.sale-record-summary>div{align-items:flex-start;flex-direction:column;gap:4px}.return-all-button{align-self:flex-start}}@media(max-width:900px){.sales-filter-toolbar{align-items:stretch;flex-wrap:wrap}.sales-filter-toolbar .search{flex:1 1 100%}.sales-filter-toolbar .filter-group{width:100%;margin-left:0}.sales-date-filter{flex:1}.sales-date-filter input{width:100%}.sales-filter-select,.sales-filter-date{flex:1}.sales-filter-date input,.sales-filter-select select{width:100%}.sales-table{overflow-x:auto}.sales-table-head,.sales-table-row{min-width:1180px}}@media(max-width:480px){.sale-detail-grid{grid-template-columns:1fr}}.sale-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-deep)}.sale-record b,.sale-record small,.sale-record span{display:block}.sale-record b{color:var(--text-main);font-size:14px}.sale-record small,.sale-record span{color:var(--text-dim);font-size:11px;margin-top:3px}.sale-record-meta{text-align:right}.sale-record-meta strong{color:var(--primary);font-size:13px;display:block}.sale-record-actions{grid-column:1 / -1;display:flex;gap:8px}.sale-record-actions .outline,.sale-record-actions .compact{min-height:32px;padding:6px 10px;font-size:12px}.empty-records{margin:6px 0;color:var(--text-dim);text-align:center}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:999px}.modal::-webkit-scrollbar-thumb{background:#ff7a00c7;border:2px solid var(--bg-deep);border-radius:999px}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal h2{font-size:22px;font-weight:800;letter-spacing:-.7px;margin-bottom:20px}.modal-close{position:absolute;right:18px;top:18px;background:transparent;color:var(--text-dim);width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.modal-close:hover{color:#fff;background:var(--bg-elevated)}.confirm-dialog{display:grid;gap:12px}.confirm-heading{display:flex;align-items:center;gap:14px}.confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--accent-red);background:#ef44441f}.confirm-dialog h3{margin:0;font-size:17px;color:#fff;line-height:1.3}.confirm-dialog p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.confirm-actions button{justify-content:center}.danger-button{background:var(--accent-red);color:#fff;padding:10px 14px;border-radius:8px;font-weight:700}.danger-button:hover{filter:brightness(1.1)}@media(max-width:520px){.modal:has(.confirm-dialog){padding:26px 22px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}.form{display:grid;gap:16px}.form label{font-size:12px;font-weight:700;color:#dedbd6;display:grid;gap:7px}.form input,.form select{background:var(--bg-deep);border:1px solid var(--border-medium);color:#f4f1ec;border-radius:8px;padding:11px 13px;outline:none;transition:border-color .15s ease}.form input:focus,.form select:focus{border-color:var(--primary)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .submit{margin-top:6px;width:100%}.product-form{gap:18px}.color-field{width:100%}.field-label{display:flex;align-items:center;gap:7px;color:#e6e2dd}.field-label svg{color:var(--primary);stroke-width:2.25}.form-hint{font-size:11px;line-height:1.55;color:var(--text-muted);background:#ff7a0012;border-left:2px solid var(--primary);border-radius:0 6px 6px 0;padding:9px 11px;margin:-4px 0 1px}.input-icon,.number-input,.money-input{position:relative;display:block}.input-icon input{width:100%;padding-right:46px!important;color:#c9c5c6!important;font-family:var(--font-mono);font-size:11px;background:#161517!important}.input-icon span{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ff7a0029;color:#ffad58;border-radius:4px;padding:3px 5px;font:500 8px var(--font-mono);letter-spacing:.5px}.field-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:15px 0 17px;display:grid;gap:13px}.field-section>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.field-section b{font-size:12px;display:flex;align-items:center;gap:7px}.field-section b svg{color:var(--primary)}.field-section span{font-size:10px;color:var(--text-dim)}.single-field{display:grid;grid-template-columns:1fr}.number-input input,.money-input input{width:100%;padding-right:44px!important}.number-input em{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;font:500 9px var(--font-mono);color:var(--text-dim)}.money-input b{position:absolute;z-index:1;left:12px;top:50%;transform:translateY(-50%);color:#ff9b43;font-size:14px}.money-input input{padding-left:27px!important}.color-input{height:43px;display:flex;align-items:center;gap:10px;padding:5px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-deep)}.color-input:focus-within{border-color:var(--primary)}.color-input input{width:28px;height:28px;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}.color-input b{color:var(--text-muted);font-size:11px;font-weight:600}.size-variant-picker{display:grid;gap:8px;align-content:start}.product-form>.size-variant-picker{width:100%}.size-add-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:9px}.size-select{position:relative;display:block}.size-add-row select{width:100%;height:46px;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:42px}.size-select svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-main)}.size-add-row button{height:46px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--primary);color:#1b1007;border-radius:8px;font-size:12px;font-weight:800;transition:background .15s ease,transform .15s ease}.size-add-row button:not(:disabled):hover{background:var(--primary-hover);transform:translateY(-1px)}.size-add-row button:disabled{background:#3a2818;color:#9b7553;opacity:1;cursor:not-allowed}.size-chips{min-height:28px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.size-chips span{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 8px;background:#ff7a0024;border:1px solid rgba(255,122,0,.35);border-radius:5px;color:#ffae62;font:600 10px var(--font-mono)}.size-chips button{display:grid;place-items:center;background:transparent;color:inherit;padding:0}.size-chips small{color:var(--text-dim);font-size:10px}.variant-note{margin:0;color:var(--text-dim);font-size:12px;line-height:1.5}.variant-stock-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.variant-stock-row{min-width:0;display:grid;grid-template-columns:34px 46px minmax(0,1fr) 26px;align-items:end;gap:6px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--input)}.variant-stock-row.is-create{grid-template-columns:34px minmax(0,1fr) 26px}.variant-size{display:grid;place-items:center;height:32px;border-radius:6px;background:#ff7a0021;color:var(--primary);font:800 11px var(--font-mono)}.variant-available,.variant-quantity{display:grid;gap:3px}.variant-available small,.variant-quantity small{color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.variant-available b{color:var(--text-main);font:700 14px var(--font-mono);line-height:20px}.variant-quantity{position:relative;min-width:0}.variant-quantity input{width:100%;min-width:0;height:32px;padding:4px 34px 4px 8px;font-size:11px}.variant-quantity em{position:absolute;right:7px;bottom:9px;color:var(--text-dim);font:8px var(--font-mono);font-style:normal;pointer-events:none}.variant-remove{display:grid;place-items:center;width:26px;height:32px;padding:0;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:6px}.variant-remove:hover{color:#ff9065;border-color:#ff906559;background:#ff906514}.variant-empty{grid-column:1 / -1;padding:7px 2px;color:var(--text-dim);font-size:11px}@media(max-width:900px){.variant-stock-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.variant-stock-list{grid-template-columns:1fr}.variant-stock-row{grid-template-columns:36px 1fr 28px}.variant-stock-row.is-create{grid-template-columns:36px minmax(0,1fr) 28px}.variant-available{display:none}}.category-field{display:grid;gap:7px}.category-picker{position:relative}.category-trigger{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-deep);color:#f4f1ec;border:1px solid var(--border-medium);border-radius:8px;padding:0 13px;font-size:12px;font-weight:500}.category-trigger:hover,.category-trigger:focus-within{border-color:var(--primary);outline:none}.category-trigger input{width:100%;border:0!important;background:transparent!important;padding:11px 0!important;min-width:0;color:#f4f1ec;outline:none}.category-trigger input::placeholder{color:var(--text-dim)}.category-trigger.invalid{border-color:#ef4444}.category-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#1b1b1e;border:1px solid var(--border-highlight);border-radius:9px;box-shadow:0 16px 28px #00000080;overflow:hidden}.category-options{max-height:178px;overflow-y:auto;padding:4px}.category-options button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border-radius:6px;background:transparent;color:var(--text-main);text-align:left;font-size:12px}.category-options button:hover{background:var(--bg-hover)}.category-options button i{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.category-options button svg{margin-left:auto;color:var(--primary)}.category-options p{color:var(--text-dim);font-size:11px;padding:8px;margin:0;text-align:center}.field-error{display:block;color:#ff756f;margin-top:5px;font-size:10px}.login{background:#0d0d0f;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login>section:first-child{padding:46px clamp(36px,8vw,145px);display:flex;flex-direction:column;background:radial-gradient(circle at 28% 62%,#2a190c 0,#111113 36%,#0d0d0f 68%)}.login-copy{margin:auto 0}.login-copy h1{font:600 clamp(38px,5vw,66px)/1.1 var(--font-serif);letter-spacing:-2px;margin:0 0 22px}.login-copy h1 em{color:var(--primary);font-weight:600;font-style:normal}.login-copy>p{color:var(--text-muted);font-size:15px;max-width:380px;line-height:1.7}.statline{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--text-dim)}.statline b{font-size:22px;color:var(--primary)}.login-panel{background:#171719;display:grid;place-items:center;padding:30px}.login-panel form{width:min(370px,100%)}.login-panel h2{font-size:24px;letter-spacing:-1px;margin-bottom:26px}.login-panel form>label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:15px 0}.login-panel input{background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;padding:12px;color:#f6f3ed;outline-color:var(--primary)}.remember{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:20px 0}.remember label{color:var(--text-muted);display:flex;align-items:center;gap:6px}.remember input{accent-color:var(--primary);padding:0}.remember a{color:var(--primary);text-decoration:none}.login-panel .submit{width:100%}.demo{text-align:center;color:var(--text-dim);font-size:11px;margin:14px 0}.login .brand{position:absolute}@media(max-width:850px){.sidebar{transform:translate(-101%)}.sidebar.open{transform:none;box-shadow:20px 0 50px #000000b3}.close,.mobile-menu{display:block}.mobile-menu{background:transparent;color:#eee;margin-right:12px}.shell main{margin-left:0;width:100%}header{height:86px;padding:0 20px;justify-content:flex-start}.header-actions{margin-left:auto}.page{padding:24px 20px 50px}.metrics,.grid,.login{grid-template-columns:1fr}.login>section:first-child{display:none}.table{overflow-x:auto;min-width:740px}.products-panel{overflow-x:auto}.category-summary{align-items:flex-start;flex-direction:column;gap:10px}.welcome{align-items:flex-start;gap:18px;flex-direction:column}.row-actions{width:100%}.login-panel{min-height:100vh}.login .brand{top:28px;left:28px}.login-panel form{margin-top:70px}.notification-drawer{width:100%}.dashboard-report-toolbar{align-items:stretch;flex-direction:column}.dashboard-date-filter{width:100%}.dashboard-date-filter label{flex:1}.dashboard-date-filter input{width:100%}.business-summary-grid,.report-breakdown-grid{grid-template-columns:1fr}.monthly-performance-header{align-items:stretch;flex-direction:column}.monthly-chart-controls{justify-content:flex-end}.monthly-bar-chart{overflow-x:auto;grid-template-columns:repeat(6,minmax(64px,1fr))}}@media(max-width:540px){.sales-filter-toolbar{display:grid;grid-template-columns:1fr;padding:12px 16px}.sales-filter-toolbar .search{min-width:0}.sales-filter-toolbar .filter-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sales-filter-toolbar .filter-menu-wrap,.sales-filter-reset{grid-column:1 / -1}.sales-date-filter{min-width:0}.header-actions .add{font-size:0;padding:11px}.header-actions .add svg{margin:0}.metrics{gap:10px}.metric{padding:16px}.product-row{grid-template-columns:36px 1fr auto}.product-row .tag,.top-selling-head{display:none}.top-selling-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.top-selling-value{grid-column:2 / 4;text-align:left;margin-top:-5px}.two{grid-template-columns:1fr}.color-field{width:100%}.row-actions{gap:8px}.row-actions button{padding:10px}.welcome h2{font-size:22px}.dashboard-report{padding:15px}.dashboard-date-filter{align-items:stretch;flex-direction:column}.dashboard-date-filter i{display:none}.report-stat-grid{grid-template-columns:1fr}.monthly-performance-panel{padding:13px}.monthly-chart-controls{align-items:stretch;flex-direction:column}.monthly-chart-controls input,.balance-toggle,.chart-view-switch{width:100%;justify-content:center}.chart-view-switch button{flex:1}.monthly-chart-legend{justify-content:flex-start}.monthly-line-chart{overflow-x:auto}.monthly-line-chart svg{min-width:1000px}}.manage-categories-wrap{display:flex;flex-direction:column;gap:18px}.category-admin-search{display:flex;align-items:center;gap:9px;margin-top:10px;padding:0 11px;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-dim)}.category-admin-search:focus-within{border-color:var(--primary)}.category-admin-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text-main);padding:10px 0;font-size:12px}.category-admin-search input::placeholder{color:var(--text-dim)}.category-items{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto;padding-right:4px;margin-top:8px;scrollbar-width:thin;scrollbar-color:rgba(255,122,0,.75) var(--bg-deep)}.category-scroll-sentinel{height:2px;flex:0 0 2px}.category-manage-row{display:flex;align-items:center;gap:10px;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:8px;padding:8px 12px;transition:all .15s ease}.category-manage-row.editing{border-color:var(--primary);background:var(--bg-surface)}.category-manage-row .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.category-manage-info{flex:1}.category-manage-info b{display:block;font-size:13px;font-weight:600;color:#fff}.category-manage-info small{font-size:10px;color:var(--text-dim)}.category-row-actions,.category-edit-actions{display:flex;align-items:center;gap:4px}.category-edit-input{flex:1;background:var(--bg-deep);border:1px solid var(--border-medium);border-radius:6px;color:#fff;padding:5px 8px;font-size:13px;font-weight:600;outline:none}.category-edit-input:focus{border-color:var(--primary)}.color-dot-input{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;border-radius:50%}.icon-action-btn.save:hover{background:#4ade8033;color:var(--accent-green)}.icon-action-btn.cancel:hover{background:#ffffff1a;color:#fff}.add-category-box{border-top:1px solid var(--border-subtle);padding-top:16px}.empty-hint{font-size:12px;color:var(--text-dim);margin:6px 0}@media(max-width:700px){.setting-row{grid-template-columns:1fr;gap:12px}.setting-control{justify-content:flex-start}.product-id-heading,.product-id-controls{grid-template-columns:1fr;display:grid}.product-id-preview{text-align:left}}.expense-welcome{margin-bottom:18px}.expense-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:5px;border:1px solid var(--border-subtle);border-radius:13px;background:#08080a8c}.expense-tab{min-width:0;display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-muted);text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease}.expense-tab:hover{color:var(--text-main);background:#ffffff06}.expense-tab.active{color:var(--text-main);border-color:#ff7a0080;background:linear-gradient(145deg,#ff7a0021,#ff7a000b);box-shadow:0 5px 18px #0000002e}.expense-tab.salary.active{border-color:#3b82f67a;background:linear-gradient(145deg,#3b82f621,#3b82f60a)}.expense-tab.daily-essential.active{border-color:#8b5cf67a;background:linear-gradient(145deg,#8b5cf621,#8b5cf60a)}.expense-action-icon,.expense-type-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:#ff7a001a;border:1px solid rgba(255,122,0,.2)}.expense-tab.salary .expense-action-icon,.expense-type-icon.salary{color:#60a5fa;background:#3b82f61a;border-color:#3b82f638}.expense-tab.daily-essential .expense-action-icon,.expense-type-icon.daily-essential{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf638}.expense-tab>span:nth-child(2){min-width:0;display:grid;gap:3px}.expense-tab b{font-size:13px}.expense-tab small{overflow:hidden;color:var(--text-dim);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.expense-tab em{min-width:24px;margin-left:auto;padding:3px 6px;border-radius:999px;color:var(--text-muted);background:#ffffff0e;font:700 10px var(--font-mono);text-align:center}.expense-tab.active em{color:var(--primary);background:#ff7a001f}.expense-tab.salary.active em{color:#60a5fa;background:#3b82f61f}.expense-tab.daily-essential.active em{color:#a78bfa;background:#8b5cf61f}.expense-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.expense-summary-card{display:grid;gap:5px;padding:17px 19px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-surface)}.expense-summary-card span{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.expense-summary-card strong{color:#fff;font:700 22px var(--font-mono)}.expense-summary-card.current strong{color:var(--primary)}.expense-summary-card small{color:var(--text-dim);font-size:10px}.expense-history-panel{overflow:hidden}.expense-table-head,.expense-table-row{grid-template-columns:minmax(210px,1.5fr) .7fr minmax(160px,1fr) .72fr .52fr}.expense-table-row{min-height:66px}.expense-name-cell{display:flex;align-items:center;gap:11px;min-width:0}.expense-name-cell b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expense-type-icon{width:34px;height:34px;flex-basis:34px}.expense-type-badge{justify-self:start;padding:5px 8px;border-radius:999px;color:var(--primary);background:#ff7a0017;border:1px solid rgba(255,122,0,.2);font-size:10px;font-weight:700}.expense-type-badge.salary{color:#60a5fa;background:#3b82f617;border-color:#3b82f633}.expense-type-badge.daily-essential{color:#a78bfa;background:#8b5cf617;border-color:#8b5cf633}.expense-date,.expense-note{color:var(--text-muted);font-size:11px}.expense-note{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expense-amount{color:#fff;text-align:right;font-family:var(--font-mono)}.expense-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.expense-empty{grid-column:1 / -1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-dim);text-align:center}.expense-empty svg{color:var(--primary)}.expense-empty b{color:var(--text-main);font-size:13px}.expense-empty span{font-size:11px}.expense-form-type{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:8px;color:var(--primary);background:#ff7a0014;border:1px solid rgba(255,122,0,.18)}.expense-form-type.salary{color:#60a5fa;background:#3b82f614;border-color:#3b82f62e}.expense-form-type.daily-essential{color:#a78bfa;background:#8b5cf614;border-color:#8b5cf62e}.expense-form-type div{display:grid;gap:2px}.expense-form-type span{color:var(--text-dim);font:9px var(--font-mono);letter-spacing:.12em}.expense-form-type b{color:var(--text-main);font-size:13px}.form textarea{width:100%;resize:vertical;min-height:76px;padding:11px 12px;border:1px solid var(--border-medium);border-radius:8px;outline:none;background:var(--bg-deep);color:var(--text-main);font:inherit}.form textarea:focus{border-color:var(--primary)}.field-label small{color:var(--text-dim);font-size:10px;font-weight:500}.modal:has(.export-form){width:min(520px,100%)}.export-fieldset{margin:0;padding:0;border:0}.export-fieldset legend{margin-bottom:8px;color:var(--text-dim);font:700 10px var(--font-mono);letter-spacing:.12em}.export-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.form .export-option-grid label{position:relative;display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 13px;border:1px solid var(--border-medium);border-radius:9px;background:var(--bg-deep);cursor:pointer;transition:.15s ease}.form .export-option-grid label:hover{border-color:#ff7a0073}.form .export-option-grid label:has(input:checked),.form .export-option-grid label.selected{border-color:var(--primary);color:var(--primary);background:#ff7a0014}.export-option-grid input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.export-option-grid svg{flex:0 0 auto;color:var(--primary)}.export-option-grid span{display:grid;gap:3px}.export-option-grid b{color:var(--text-main);font-size:12px}.export-option-grid small{color:var(--text-dim);font-size:10px;font-weight:500}.export-form .submit{display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:850px){.expense-tab{padding:10px}.expense-tab small{display:none}.expense-table{min-width:690px}}@media(max-width:540px){.export-option-grid{grid-template-columns:1fr}.expense-tabs{gap:4px;padding:4px}.expense-tab{justify-content:center;gap:6px;padding:10px 5px;text-align:center}.expense-tab .expense-action-icon{display:none}.expense-tab b{font-size:11px}.expense-tab em{min-width:20px;margin-left:0;padding:2px 5px;font-size:9px}.expense-summary-grid{grid-template-columns:1fr}.expense-summary-card{padding:14px 16px}.expense-summary-card strong{font-size:19px}.expense-history-panel{margin-left:-4px;margin-right:-4px}}