:root{--bg: #f8fafc;--bg-subtle: #f1f5f9;--panel-bg: #ffffff;--border: #e2e8f0;--border-subtle: #f1f5f9;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-light: #ffffff;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-active: #1e40af;--primary-light: #eff6ff;--primary-subtle: #dbeafe;--primary-border: #bfdbfe;--primary-gradient: linear-gradient(135deg, #1d4ed8 0%, #2563eb 55%, #3b82f6 100%);--primary-glow: rgba(37, 99, 235, .22);--success: #059669;--success-bg: #ecfdf5;--success-text: #065f46;--success-border: #a7f3d0;--warning: #d97706;--warning-bg: #fffbeb;--warning-text: #92400e;--warning-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #991b1b;--danger-border: #fecaca;--info: #0284c7;--info-bg: #f0f9ff;--info-text: #0369a1;--info-border: #bae6fd;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background-color:var(--bg)}.app-shell main{min-width:0;padding:32px 40px 64px;max-width:1400px;width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.page-header h1{font-size:26px;font-weight:750;letter-spacing:-.6px;color:var(--text)}.page-header span{display:block;color:var(--text-secondary);font-size:14px;margin-top:3px}.btn-mobile-logout{display:none;align-items:center;gap:6px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--danger);padding:7px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-mobile-logout:hover{background:var(--danger-bg);border-color:var(--danger-border)}.app-sidebar{background:var(--panel-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid var(--border-subtle)}.brand-info-wrap{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:10px;background:var(--primary-gradient);display:grid;place-items:center;color:#fff;box-shadow:0 4px 10px var(--primary-glow);flex-shrink:0}.brand-logo svg{width:22px;height:22px}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text b{font-size:16px;font-weight:750;color:var(--text);letter-spacing:-.3px;line-height:1.2}.brand-sub{font-size:11px;font-weight:600;color:var(--primary);letter-spacing:.8px;text-transform:uppercase;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:550;cursor:pointer;text-align:left;transition:var(--transition);position:relative}.nav-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:650;border-color:var(--primary-border)}.nav-icon-wrap{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0}.nav-icon-svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .2s ease}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-short{display:none}.nav-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);line-height:1.2}.pending-badge{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.cod-badge{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.sidebar-bottom{margin-top:auto;padding:16px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;background:#fafbfd}.user-info{display:flex;align-items:center;gap:10px;padding:4px 6px}.user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--primary-border)}.user-avatar svg{width:18px;height:18px}.user-meta{display:flex;flex-direction:column;min-width:0;overflow:hidden}.user-role{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}button{font-family:var(--font);font-weight:600;font-size:13px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition);line-height:1.4}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;padding:9px 18px;box-shadow:0 2px 6px #2563eb40}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 10px #2563eb59;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--primary-active);transform:translateY(0)}.btn-primary-sm{background:var(--primary);color:#fff;padding:6px 12px;font-size:12px;border-radius:6px}.btn-primary-sm:hover:not(:disabled){background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff;padding:7px 14px}.btn-success:hover:not(:disabled){background:#047857}.btn-success-sm{background:var(--success);color:#fff;padding:5px 10px;font-size:12px;border-radius:6px}.btn-danger{background:var(--danger);color:#fff;padding:9px 16px}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-sm{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);padding:5px 10px;font-size:12px;border-radius:6px}.btn-danger-sm:hover:not(:disabled){background:var(--danger);color:#fff}.btn-muted-sm{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border);padding:5px 10px;font-size:12px;border-radius:6px}.btn-muted-sm:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-full{width:100%}.btn-lg{padding:12px 24px;font-size:14.5px}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:var(--radius-sm);padding:10px 14px;font:14px/1.4 var(--font);color:var(--text);width:100%;transition:var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-warning{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);padding:4px 8px;border-radius:4px;font-size:11.5px;font-weight:600}.inline-input{padding:5px 8px;font-size:13px;width:auto;max-width:130px}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px;transition:var(--transition)}.panel:hover{box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:14px}.panel-title h2,.panel-title h3{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}.panel-title p{color:var(--text-secondary);font-size:13px;margin-top:3px}.panel-kicker{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.form-panel{display:grid;gap:16px}.dashboard-view{display:grid;gap:24px}.dash-hero{position:relative;overflow:hidden;background:var(--primary-gradient);border-radius:var(--radius);padding:16px 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 6px 18px -4px #2563eb47}.dash-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);right:-40px;top:-50px;pointer-events:none}.dash-hero-content{max-width:520px;position:relative;z-index:1}.dash-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2.5px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px;border:1px solid rgba(255,255,255,.25)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39966}.dash-hero-title{font-size:clamp(18px,1.8vw,22px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:4px;color:#fff}.dash-hero-desc{font-size:12.5px;color:#ffffffe6;line-height:1.4;margin:0}.dash-hero-metric{position:relative;z-index:1;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-sm);padding:8px 14px;min-width:145px;text-align:right;flex-shrink:0}.metric-tag{display:block;font-size:9.5px;font-weight:750;letter-spacing:.9px;color:#ffffffd9;text-transform:uppercase}.metric-number{display:block;font-size:18px;font-weight:800;color:#fff;margin:2px 0 1px;letter-spacing:-.4px}.metric-sub{font-size:10.5px;color:#ffffffd9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:132px;position:relative;overflow:hidden;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border)}.stats-grid.has-profit{grid-template-columns:repeat(5,1fr)}.stat-card.accent-blue:before{background:var(--primary)}.stat-card.accent-indigo:before{background:#6366f1}.stat-card.accent-emerald:before{background:#10b981}.stat-card.accent-amber:before{background:var(--warning)}.stat-card.accent-red:before{background:var(--danger)}.stat-card.accent-slate:before{background:#94a3b8}.stat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.stat-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.stat-icon-badge{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.stat-icon-badge svg{width:18px;height:18px}.accent-blue .stat-icon-badge{background:var(--primary-light);color:var(--primary)}.accent-indigo .stat-icon-badge{background:#e0e7ff;color:#4f46e5}.accent-emerald .stat-icon-badge{background:#ecfdf5;color:#059669}.accent-amber .stat-icon-badge{background:var(--warning-bg);color:var(--warning)}.accent-red .stat-icon-badge{background:var(--danger-bg);color:var(--danger)}.accent-slate .stat-icon-badge{background:var(--bg-subtle);color:#64748b}.stat-value{font-size:27px;font-weight:750;color:var(--text);letter-spacing:-.6px;line-height:1.2}.stat-subtext{font-size:11.5px;color:var(--text-muted);margin-top:4px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:24px;align-items:start}.chart-panel{padding:24px;margin-bottom:0}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.panel-heading{font-size:20px;font-weight:750;color:var(--text);letter-spacing:-.4px}.panel-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.period-toggle{display:inline-flex;padding:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px}.toggle-btn{padding:6px 14px;font-size:12px;font-weight:600;border-radius:6px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:var(--transition)}.toggle-btn:hover{color:var(--text)}.toggle-btn.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 3px #00000014}.chart-wrapper{position:relative;min-height:280px;padding:12px 0 6px}.vertical-chart-container{display:flex;gap:16px;height:270px;position:relative}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;text-align:right;min-width:48px;padding-bottom:30px}.y-tick{font-size:11px;font-weight:600;color:var(--text-muted);line-height:1}.chart-plot-area{position:relative;flex:1;height:100%}.chart-gridlines{position:absolute;top:0;right:0;bottom:30px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.gridline{border-bottom:1px dashed var(--border);width:100%}.chart-columns{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:100%;padding-right:6px}.chart-column-wrap{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;cursor:pointer;max-width:48px}.bar-track{width:100%;height:calc(100% - 30px);background:#f1f5f9;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden;transition:var(--transition)}.chart-column-wrap:hover .bar-track{background:#e2e8f0}.bar-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:6px 6px 0 0;position:relative;transition:height .45s cubic-bezier(.16,1,.3,1),background .2s ease;box-shadow:0 2px 4px #2563eb33}.chart-column-wrap:hover .bar-fill{background:linear-gradient(180deg,#60a5fa,#1d4ed8);box-shadow:0 0 12px #2563eb73}.bar-glow{position:absolute;top:0;left:0;right:0;height:3px;background:#93c5fd;border-radius:6px 6px 0 0}.chart-x-label{height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.chart-column-wrap:hover .chart-x-label{color:var(--primary);font-weight:700}.chart-tooltip{position:absolute;bottom:calc(100% - 10px);background:#0f172a;color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px #00000040;z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;animation:tooltipIn .15s ease-out}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#0f172a transparent transparent transparent}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-date{font-size:10px;color:#94a3b8;font-weight:600}.tooltip-amount{font-size:13px;font-weight:750;color:#60a5fa}.tooltip-meta{font-size:11px;color:#cbd5e1;display:flex;gap:4px}.chart-summary-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border-subtle)}.summary-stat-item{display:flex;flex-direction:column}.summary-stat-label{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.summary-stat-val{font-size:18px;font-weight:750;color:var(--text);margin-top:2px}.text-blue{color:var(--primary)!important}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:240px;color:var(--text-muted);gap:10px}.chart-empty svg{width:44px;height:44px;stroke:var(--text-muted)}.dash-sidebar-col{display:flex;flex-direction:column;gap:20px}.pulse-panel{padding:22px;margin-bottom:0}.panel-header.compact{margin-bottom:16px}.panel-title-sm{font-size:17px;font-weight:750;color:var(--text)}.live-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);font-size:11px;font-weight:700}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #05966933}.pulse-list{display:flex;flex-direction:column;gap:12px}.pulse-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:var(--transition)}.pulse-item:hover{border-color:var(--border);background:#fff}.pulse-icon-box{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.pulse-icon-box svg{width:18px;height:18px}.pulse-icon-box.amber{background:var(--warning-bg);color:var(--warning)}.pulse-icon-box.blue{background:var(--primary-light);color:var(--primary)}.pulse-icon-box.red{background:var(--danger-bg);color:var(--danger)}.pulse-icon-box.emerald{background:var(--success-bg);color:var(--success)}.pulse-details{flex:1;min-width:0}.pulse-details b{display:block;font-size:13.5px;color:var(--text)}.pulse-details small{display:block;font-size:11.5px;color:var(--text-muted)}.pulse-counter{font-size:18px;font-weight:750;min-width:28px;text-align:right}.pulse-counter.amber{color:var(--warning)}.pulse-counter.blue{color:var(--primary)}.pulse-counter.red{color:var(--danger)}.pulse-counter.emerald{color:var(--success)}.backup-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#f8fbff;border:1px solid var(--primary-border);margin-bottom:0}.backup-icon-wrapper{width:38px;height:38px;border-radius:10px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.backup-icon-wrapper svg{width:20px;height:20px}.backup-info h4{font-size:14.5px;font-weight:700;color:var(--text);margin:2px 0 4px}.backup-info p{font-size:12px;color:var(--text-secondary);line-height:1.4}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px}table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}th{padding:12px 14px;background:#f8fafc;border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}td{padding:13px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:13.5px;color:var(--text)}tbody tr:hover td{background:#fbfdff}.orders-table{min-width:950px}.order-number{color:var(--primary);font-weight:750;font-size:13.5px}.order-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row-actions{display:flex;gap:6px}.delivery-badge{display:inline-block;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.delivery-badge.cod{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.delivery-badge.prepaid{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge{padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700;display:inline-block}.badge.Pending{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge.COD{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.badge.Confirmed,.badge.Delivered{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge.Rejected,.badge.Cancelled{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.stock-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);display:inline-block}.stock-badge.ok{background:var(--success-bg);color:var(--success-text)}.stock-badge.warning{background:var(--warning-bg);color:var(--warning-text)}.stock-badge.danger{background:var(--danger-bg);color:var(--danger-text)}.badge-subtle{display:inline-block;font-size:11.5px;font-weight:600;color:var(--text-secondary);background:var(--bg-subtle);padding:2px 8px;border-radius:6px;margin-top:4px}.badge-count{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--primary-border)}.row-warning td{background:#fffdf5}.row-danger td{background:#fff5f5}.receipt-thumbs-cell{display:flex;align-items:center;gap:8px}.receipt-link{position:relative;background:none;padding:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;line-height:0;cursor:pointer;transition:var(--transition);display:inline-block}.receipt-link:hover{border-color:var(--primary);transform:scale(1.05)}.receipt-count-badge{position:absolute;bottom:2px;right:2px;background:#0f172ad9;color:#fff;font-size:10px;font-weight:750;padding:1px 4px;border-radius:4px;line-height:1.2}.receipt-count-label{font-size:11px;color:var(--primary);font-weight:650;background:var(--primary-light);padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap}.receipt-thumb{width:44px;height:44px;object-fit:cover;display:block}.receipt-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.receipt-modal-card{background:#fff;padding:20px;border-radius:var(--radius-lg);max-width:540px;width:100%;position:relative;box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column}.receipt-modal-header{margin-bottom:12px}.receipt-title{font-weight:750;font-size:15px;margin-bottom:4px;color:var(--text);display:flex;align-items:center;gap:6px}.receipt-title-badge{font-size:12px;color:var(--primary);font-weight:600}.receipt-tabs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.receipt-tab-btn{padding:4px 11px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.receipt-tab-btn:hover{background:#e2e8f0}.receipt-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.receipt-modal-body{overflow:auto;display:flex;justify-content:center;align-items:center;flex:1}.receipt-modal-card img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border)}.receipt-modal-nav{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:12.5px;color:var(--text-secondary);font-weight:600}.receipt-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);font-size:18px;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.receipt-close:hover{background:var(--danger-bg);color:var(--danger)}.add-stock-page{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.add-stock-page .panel{margin-bottom:0}.image-upload-area{margin-bottom:4px}.image-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed var(--border-strong);border-radius:var(--radius);cursor:pointer;text-align:center;color:var(--text-secondary);background:#fafbfd;transition:var(--transition)}.image-drop-zone:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.image-drop-icon{width:44px;height:44px;border-radius:10px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center}.image-drop-icon svg{width:24px;height:24px}.drop-zone-text{font-size:13.5px;font-weight:600}.drop-zone-hint{font-size:11.5px;color:var(--text-muted)}.image-hidden-input{display:none}.image-preview-box{position:relative;display:inline-block;width:100%}.image-preview-img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);display:block}.image-preview-img.small{width:110px;height:110px}.image-preview-box.small{width:auto;display:inline-block}.image-remove-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#0f172abf;color:#fff;font-size:13px;display:grid;place-items:center;border:none;cursor:pointer;transition:var(--transition)}.image-remove-btn:hover{background:var(--danger)}.image-change-label{color:var(--primary);font-size:13px;font-weight:650;cursor:pointer;display:inline-block}.image-change-label:hover{text-decoration:underline}.sd-page{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.sd-picker{padding:18px;position:sticky;top:24px}.search-box{margin-bottom:14px}.sd-search{padding:9px 12px;font-size:13px}.sd-product-list{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin}.sd-product-btn{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:var(--transition)}.sd-product-btn:hover{background:var(--bg-subtle)}.sd-product-btn.active{background:var(--primary-light);border-color:var(--primary-border)}.sd-product-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.sd-product-info{display:flex;flex-direction:column;min-width:0}.sd-product-info strong{font-size:13.5px;color:var(--text)}.sd-product-info small{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-warn-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px #dc262633}.sd-detail{min-width:0}.sd-detail .panel{margin-bottom:20px}.sd-header-panel{padding:20px}.sd-header{display:flex;align-items:center;gap:18px}.sd-header-img{width:60px;height:60px;border-radius:12px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.sd-header-meta h2{font-size:20px;font-weight:750;letter-spacing:-.4px}.sd-delete-btn{margin-left:auto;flex-shrink:0}.sd-img-edit{display:flex;align-items:flex-end;gap:16px;margin-bottom:6px}.sd-child-table-wrap{overflow-x:auto}.sd-child-table{min-width:520px}.sd-child-table th{font-size:11px}.sd-child-table td{padding:10px 14px}.stock-simple .panel{margin-bottom:0}.search-wrap{margin-bottom:16px}.stock-search{max-width:440px}.stock-chips{display:flex;flex-wrap:wrap;gap:6px}.stock-chip{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.stock-chip.low{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.stock-chip.out{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.stock-thumb,.image-placeholder{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.image-placeholder{background:var(--bg-subtle);display:inline-grid;place-items:center;font-size:9px;color:var(--text-muted)}.stock-actions{display:flex;gap:6px}.item-code{color:var(--primary);font-weight:700}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-layout .panel{margin-bottom:0}.storage-section{display:grid;gap:16px}.storage-item{display:grid;gap:6px}.storage-label{display:flex;justify-content:space-between;font-size:13.5px;color:var(--text-secondary)}.storage-label b{color:var(--text)}.storage-bar-wrap{background:var(--bg-subtle);height:8px;border-radius:var(--radius-full);overflow:hidden}.storage-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.storage-bar.db{background:var(--primary)}.storage-bar.uploads{background:#0ea5e9}.storage-total{margin-top:4px;padding-top:14px;border-top:1px solid var(--border-subtle);text-align:right;font-size:14px;color:var(--text-secondary)}.storage-total b{color:var(--text)}.system-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.count-card{background:var(--bg);padding:16px;border-radius:var(--radius-sm);text-align:center;border:1px solid var(--border)}.count-card.warning{background:var(--warning-bg);border-color:var(--warning-border)}.count-card.warning .count-value{color:var(--warning-text)}.count-card.danger{background:var(--danger-bg);border-color:var(--danger-border)}.count-card.danger .count-value{color:var(--danger-text)}.count-value{display:block;font-size:24px;font-weight:750;color:var(--text);margin-bottom:2px}.count-label{font-size:11.5px;color:var(--text-secondary);font-weight:600}.settings-note{font-size:13px;color:var(--text-secondary);margin-top:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f0f7ff,#e2e8f0)}.login-card{background:#fff;padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border);display:flex;flex-direction:column;gap:20px}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo-box{width:52px;height:52px;border-radius:14px;background:var(--primary-gradient);color:#fff;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 8px 18px var(--primary-glow)}.login-logo-box svg{width:28px;height:28px}.login-brand-sub{font-size:11px;font-weight:750;letter-spacing:1.5px;color:var(--primary);margin-bottom:4px}.login-title{font-size:24px;font-weight:800;letter-spacing:-.6px;color:var(--text)}.login-subtitle{font-size:13.5px;color:var(--text-secondary);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.input-wrap input{padding:11px 14px;font-size:14px}.btn-loading{display:inline-flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:14px}.error,.alert-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:550;margin-bottom:18px;display:flex;align-items:center;gap:10px}.alert-icon{width:18px;height:18px;flex-shrink:0;stroke:var(--danger)}.success{color:var(--success);font-weight:600;font-size:13px;margin-top:8px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--text-secondary);font-weight:600;font-size:16px}.empty{color:var(--text-muted);text-align:center;padding:32px 0;font-size:13.5px}@media (max-width: 1024px){.app-shell{grid-template-columns:220px 1fr}.app-shell main{padding:24px 24px 56px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.sd-page{grid-template-columns:240px 1fr}}.mobile-bottom-bar,.mobile-header-actions{display:none}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:flex-start;animation:drawerFadeIn .2s ease-out}.mobile-drawer-sheet{width:82%;max-width:320px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000040;animation:drawerSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid var(--border)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand b{display:block;font-size:15px;color:var(--text);line-height:1.2}.drawer-brand small{color:var(--primary);font-size:11px;font-weight:600}.drawer-close-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);font-size:14px;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.drawer-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.drawer-menu-list{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.drawer-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;width:100%;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;text-align:left;cursor:pointer;transition:var(--transition)}.drawer-item:hover{background:var(--bg-subtle);color:var(--text)}.drawer-item.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border);font-weight:700}.drawer-icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0}.drawer-icon svg{width:20px;height:20px;stroke:currentColor;fill:none}.drawer-label{flex:1}.drawer-footer{padding:16px;border-top:1px solid var(--border);background:#fafbfd;display:flex;flex-direction:column;gap:10px}.drawer-user-role{font-size:10.5px;font-weight:700;color:var(--primary);text-transform:uppercase;display:block}.drawer-user-email{font-size:12px;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-drawer-logout{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--danger);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-drawer-logout:hover{background:var(--danger-bg);border-color:var(--danger-border)}.storage-alert-card{background:#fff1f2;border:1.5px solid #fecdd3;border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;box-shadow:0 4px 12px #e11d4814}.storage-alert-icon{width:42px;height:42px;border-radius:10px;background:#ffe4e6;color:#e11d48;display:grid;place-items:center;flex-shrink:0}.storage-alert-icon svg{width:22px;height:22px}.storage-alert-info{flex:1;min-width:0}.storage-alert-info h4{font-size:15px;font-weight:750;color:#9f1239;margin-bottom:2px}.storage-alert-info p{font-size:13px;color:#4c0519;line-height:1.4}.btn-storage-action{background:#e11d48;color:#fff;padding:9px 16px;font-size:12.5px;font-weight:700;border-radius:var(--radius-sm);border:none;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #e11d4840;transition:var(--transition)}.btn-storage-action:hover{background:#be123c;transform:translateY(-1px)}.dash-hero-metrics-group{display:flex;flex-direction:row;gap:10px;flex-wrap:nowrap;align-items:center;flex-shrink:0}.profit-metric{border-color:#34d39959!important}.profit-metric strong{color:#34d399!important}.profit-fields-wrap{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:12px}.profit-preview-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#ecfdf5;border:1px solid #a7f3d0;font-size:12.5px;font-weight:600;margin-top:8px}.profit-pill{display:inline-block;padding:2px 7px;border-radius:6px;font-size:11.5px;font-weight:700}.profit-pill.positive{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.profit-pill.negative{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.feature-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.feature-info{display:flex;align-items:flex-start;gap:12px}.feature-icon-box{width:36px;height:36px;border-radius:8px;background:var(--primary-light);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.feature-icon-box svg{width:18px;height:18px}.feature-info b{display:block;font-size:14px;color:var(--text)}.feature-info p{font-size:12px;color:var(--text-secondary);margin-top:2px}.btn-feature-toggle{position:relative;width:58px;height:30px;border-radius:99px;border:none;cursor:pointer;transition:var(--transition);padding:2px;flex-shrink:0}.btn-feature-toggle.active{background:#10b981}.btn-feature-toggle.active .toggle-switch-handle{transform:translate(28px)}.btn-feature-toggle.inactive{background:#cbd5e1}.btn-feature-toggle.inactive .toggle-switch-handle{transform:translate(0)}.toggle-switch-handle{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.16,1,.3,1)}.toggle-switch-text{display:none}.quota-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px}.quota-bar{height:9px;background:#e2e8f0}.storage-bar.quota{background:linear-gradient(90deg,#3b82f6,#2563eb)}.storage-bar.danger-bar{background:linear-gradient(90deg,#f43f5e,#e11d48)}.storage-limit-notice{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fee2e2;border:1px solid #fecaca;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge-count.alert{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}@media (max-width: 1024px){.app-shell{grid-template-columns:220px 1fr}.app-shell main{padding:24px 20px 56px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid.has-profit{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}.sd-page{grid-template-columns:240px 1fr}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.desktop-nav,.sidebar-bottom{display:none}.app-sidebar{height:auto;position:sticky;top:0;z-index:90;border-right:none;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.brand{padding:10px 16px;border-bottom:none;justify-content:space-between}.brand-logo{width:32px;height:32px}.brand-logo svg{width:18px;height:18px}.brand-text b{font-size:15px}.brand-sub{font-size:9.5px}.mobile-header-actions{display:flex;align-items:center;gap:8px}.btn-mobile-menu{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);color:var(--primary);font-size:12px;font-weight:700;cursor:pointer}.btn-mobile-menu svg{width:16px;height:16px}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid var(--border);padding:4px 2px 6px;margin:0;align-items:center;overflow-x:auto;scrollbar-width:none;box-shadow:0 -4px 16px #0f172a14}.mobile-bottom-bar::-webkit-scrollbar{display:none}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;background:transparent;border:none;color:var(--text-secondary);font-size:10px;font-weight:600;cursor:pointer;border-radius:8px;position:relative;width:auto!important;flex:0 0 auto;min-width:54px;max-width:66px;transition:var(--transition)}.mobile-tab-btn.active{color:var(--primary);background:var(--primary-light)}.mobile-tab-icon{display:grid;place-items:center;width:20px;height:20px}.mobile-tab-icon svg{width:19px;height:19px;stroke:currentColor;fill:none}.mobile-tab-label{font-size:9.5px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54px}.mobile-tab-badge{position:absolute;top:2px;right:6px;font-size:9px;font-weight:700;padding:1px 4px;border-radius:99px;background:var(--warning);color:#fff;line-height:1}.mobile-tab-badge.cod{background:var(--primary)}.app-shell main{padding:16px 14px 84px}header h1{font-size:22px}.dash-hero{flex-direction:column;align-items:stretch;padding:14px;gap:12px}.dash-hero-metrics-group{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.dash-hero-metric{width:auto;min-width:0;text-align:left;padding:8px 12px}.dash-hero-metric .metric-number{font-size:16px}.stats-grid,.stats-grid.has-profit{grid-template-columns:repeat(2,1fr)}.storage-alert-card{flex-direction:column;align-items:flex-start}.add-stock-page,.settings-layout,.sd-page{grid-template-columns:1fr}.sd-picker{position:static}.sd-product-list{max-height:200px}}@media (max-width: 500px){.app-shell main{padding:14px 12px 88px}.stats-grid,.stats-grid.has-profit,.chart-summary-bar,.form-grid-2{grid-template-columns:1fr}.system-counts{grid-template-columns:repeat(2,1fr)}.table-wrap{margin:10px -12px 0;padding:0 12px}.sd-child-table-wrap{margin:0 -12px;padding:0 12px}}.tier-pricing-section{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);padding:14px;margin:14px 0}.tier-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tier-header h4{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--text-primary)}.tier-rows{display:flex;flex-direction:column;gap:8px}.tier-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.tier-input-group{display:flex;align-items:center;gap:6px;flex:1}.tier-input-group input{max-width:110px;padding:6px 10px;font-size:13px;font-weight:600}.tier-label,.tier-unit{font-size:12px;color:var(--text-secondary);white-space:nowrap}.btn-danger-icon{background:transparent;border:none;color:var(--danger);font-weight:700;font-size:16px;padding:4px 8px;cursor:pointer;border-radius:4px}.btn-danger-icon:hover{background:var(--danger-bg)}.stock-mode-selector{display:flex;gap:8px;margin:10px 0 14px;background:var(--bg);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border)}.stock-mode-btn{flex:1;padding:8px 12px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:var(--transition)}.stock-mode-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.rolls-input-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px}.rolls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.rolls-subtitle{font-size:12.5px;color:var(--text-secondary)}.rolls-badge{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary);padding:4px 10px;border-radius:99px;font-size:12px}.quick-rolls-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:12px;flex-wrap:wrap}.quick-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.quick-input.sm{width:60px;padding:4px 8px;font-size:13px}.quick-text{font-size:12px;color:var(--text-secondary)}.rolls-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:12px}.roll-input-row{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.roll-index-label{font-size:11.5px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.roll-input-row input{width:65px;padding:4px 6px;font-size:13px;font-weight:600}.roll-unit{font-size:11px;color:var(--text-muted)}.rolls-actions{display:flex;justify-content:flex-start}.rolls-cell-summary{display:flex;flex-direction:column;gap:4px}.rolls-pill{display:inline-flex;align-items:center;gap:4px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;width:fit-content}.rolls-preview-chips{display:flex;flex-wrap:wrap;gap:4px}.roll-mini-chip{font-size:10px;background:#f1f5f9;border:1px solid #e2e8f0;padding:1px 5px;border-radius:4px;color:var(--text-primary)}.roll-mini-chip.finished{text-decoration:line-through;opacity:.5}.roll-more-chip{font-size:10px;color:var(--text-muted)}.btn-rolls-action{font-size:11px;padding:4px 8px}.roll-modal-card{background:#fff;border-radius:var(--radius);max-width:650px;width:95%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000040;overflow:hidden;animation:modalIn .18s ease-out}.roll-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--border)}.roll-modal-header h3{margin:0 0 4px;font-size:17px;font-weight:700}.roll-modal-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 20px;background:var(--bg);border-bottom:1px solid var(--border)}.roll-sum-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:2px}.roll-sum-label{font-size:11px;color:var(--text-secondary);font-weight:600}.roll-sum-val{font-size:18px;font-weight:800}.add-single-roll-form{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid var(--border)}.add-roll-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.roll-table-wrap{padding:14px 20px;overflow-y:auto;max-height:380px}.rolls-manage-table{width:100%;border-collapse:collapse;font-size:13px}.rolls-manage-table th{text-align:left;padding:8px 10px;border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:12px}.rolls-manage-table td{padding:10px;border-bottom:1px solid var(--border)}.roll-row-finished{opacity:.55;background:#f8fafc}.badge-roll{padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700}.badge-roll.available{background:#dcfce7;color:#166534}.badge-roll.finished{background:#f1f5f9;color:#64748b}.roll-modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;background:#f8fafc}.order-number-badge{display:inline-block;font-size:13px;font-weight:800;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:3px 8px;border-radius:6px}.customer-info-cell{display:flex;flex-direction:column;gap:3px}.customer-name{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3}.customer-phone{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);font-weight:600}.customer-addr{font-size:11.5px;color:var(--text-muted);line-height:1.3;max-width:200px;word-break:break-word}.product-info-cell{display:flex;flex-direction:column;gap:4px}.product-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.product-name{font-size:13.5px;font-weight:700;color:var(--text-primary)}.product-code-tag{font-size:10px;font-weight:800;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:1px 5px;border-radius:4px}.product-sub-row{display:flex;align-items:center;gap:6px}.color-tag{font-size:11.5px;font-weight:600;color:#1e40af;background:#eff6ff;padding:1px 6px;border-radius:4px}.qty-tag{font-size:12px;color:var(--text-primary)}.roll-allocation-tag{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 8px;border-radius:6px;width:fit-content;max-width:100%}.roll-icon{font-size:12px}.roll-text{font-size:11.5px;color:#166534;white-space:normal;word-break:break-word}.delivery-cell{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.deposit-status-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;white-space:nowrap}.deposit-status-tag.has-deposit{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.deposit-status-tag.normal-cod{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.dot-deposit{width:6px;height:6px;border-radius:50%;background:#2563eb}.payment-summary-card{display:flex;flex-direction:column;gap:4px}.payment-main-val{display:flex;align-items:baseline;gap:5px}.total-amount{font-size:14.5px;font-weight:800;color:var(--text-primary)}.unit-rate{font-size:11px;color:var(--text-muted)}.cod-deposit-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 7px;display:flex;flex-direction:column;gap:2px}.cod-dep-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.cod-dep-lbl{color:var(--text-secondary)}.cod-dep-row.deposit .cod-dep-val{font-weight:700;color:#2563eb}.cod-dep-row.remaining .cod-dep-val{font-weight:700;color:#d97706}.receipt-cell{display:flex;align-items:center}.receipt-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.receipt-btn-preview{position:relative;background:transparent;border:2px solid #e2e8f0;border-radius:6px;padding:0;cursor:pointer;overflow:hidden;transition:var(--transition);display:block;width:44px;height:52px}.receipt-btn-preview:hover{border-color:#2563eb;transform:scale(1.05)}.receipt-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.receipt-hover-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .15s ease}.receipt-btn-preview:hover .receipt-hover-hint{opacity:1}.receipt-slips-label{font-size:10px;font-weight:700;color:var(--text-secondary)}.receipt-standard-cod{font-size:11px;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;border-radius:6px;white-space:nowrap}.receipt-missing-badge{font-size:11px;color:#d97706;background:#fffbeb;border:1px solid #fde68a;padding:3px 7px;border-radius:6px;white-space:nowrap}.order-actions-cell{display:flex;flex-direction:column;gap:5px;align-items:stretch}.action-top-alert{background:#fef3c7;border:1px solid #fde68a;color:#b45309;font-size:10.5px;font-weight:700;text-align:center;padding:2px 6px;border-radius:4px;white-space:nowrap}.action-button-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-act-confirm{background:#059669;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:var(--transition);text-align:center}.btn-act-confirm:hover{background:#047857}.btn-act-reject{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:var(--transition);text-align:center}.btn-act-reject:hover{background:#b91c1c}.action-confirmed-box{display:flex;flex-direction:column;gap:4px}.btn-act-delivered{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.btn-act-delete{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:600;cursor:pointer}.date-cell{font-size:11px;color:var(--text-secondary);line-height:1.3}.child-stock-panel{border-top:3px solid #2563eb}.input-select-lg{font-size:14px;padding:10px 14px;border-radius:8px;border:1px solid var(--border)}.color-input-section{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.color-presets-row{display:flex;flex-direction:column;gap:5px}.presets-label{font-size:11.5px;font-weight:600;color:var(--text-muted)}.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.color-chip-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.color-chip-btn:hover{border-color:#2563eb;background:#eff6ff}.color-chip-btn.active{border-color:#2563eb;background:#eff6ff;color:#1e40af;font-weight:700}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.rolls-card-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:14px}.rolls-summary-banner{display:flex;align-items:center;justify-content:space-around;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px #0000000a}.sum-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.sum-stat .stat-label{font-size:11.5px;color:var(--text-secondary);font-weight:600}.sum-stat .stat-val{font-size:16px;font-weight:700}.sum-stat.highlight .stat-val{font-size:19px;font-weight:800}.sum-divider{width:1px;height:28px;background:#e2e8f0}.batch-generator-card{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.batch-title{font-size:12px;font-weight:700;color:var(--text-primary)}.batch-presets-row{display:flex;flex-wrap:wrap;gap:6px}.btn-preset-batch{padding:5px 10px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.btn-preset-batch:hover{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.batch-custom-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #f1f5f9;padding-top:8px}.batch-custom-label{font-size:11.5px;color:var(--text-secondary)}.batch-inputs-wrap{display:flex;align-items:center;gap:6px}.batch-input.sm{width:55px;padding:5px 8px;font-size:13px;text-align:center;border-radius:6px;border:1px solid var(--border)}.batch-unit{font-size:12px;color:var(--text-secondary);font-weight:600}.btn-add-batch{padding:5px 12px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.rolls-list-wrapper{display:flex;flex-direction:column;gap:8px}.rolls-list-header{font-size:12px;font-weight:600;color:var(--text-secondary)}.rolls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.roll-card{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;box-shadow:0 1px 2px #00000008;transition:border-color .15s ease}.roll-card:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.roll-card-badge{font-size:11px;font-weight:800;color:#1e40af;background:#eff6ff;padding:3px 6px;border-radius:4px;white-space:nowrap}.roll-input-wrap{display:flex;align-items:center;gap:4px;flex:1}.roll-number-input{width:100%;padding:5px 6px;font-size:14px;font-weight:700;color:var(--text-primary);border:1px solid transparent;background:transparent}.roll-number-input:focus{outline:none}.roll-kg-label{font-size:11px;font-weight:700;color:var(--text-muted)}.btn-roll-remove{background:transparent;border:none;color:#94a3b8;font-size:15px;font-weight:700;cursor:pointer;padding:2px 5px;border-radius:4px}.btn-roll-remove:hover{color:#dc2626;background:#fee2e2}.rolls-add-bar{display:flex;justify-content:flex-start;margin-top:4px}.btn-add-roll-row{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #2563eb;color:#2563eb;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-add-roll-row:hover{background:#eff6ff}.direct-kg-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.input-lg{font-size:16px;font-weight:700;padding:10px 14px}.btn-lg{padding:12px 20px;font-size:15px;font-weight:700}.history-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-bottom:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:10px}.history-count{font-size:13px;color:var(--text-secondary)}.history-btn-group{display:flex;gap:8px}.btn-excel-export{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#107c41;color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-excel-export:hover{background:#0b5e30}.btn-print-report{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-print-report:hover{background:var(--bg)}.print-report-header{display:none}@media print{@page{margin:15mm;size:landscape}body{background:#fff!important;color:#000!important;font-size:11pt}.app-sidebar,.mobile-bottom-bar,.mobile-header-actions,.page-header,.btn-mobile-logout,.btn-danger,.history-actions-bar,.no-print,.receipt-link,.receipt-modal,.sd-picker,.image-upload-area{display:none!important}.app-shell{display:block!important}.app-shell main{padding:0!important;max-width:100%!important}.print-report-header{display:block!important;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #000000}.print-report-header h2{font-size:18pt;margin:0 0 4px}.print-report-header p{font-size:10pt;color:#444;margin:0}.table-wrap{overflow:visible!important;border:none!important;box-shadow:none!important}table.orders-table{width:100%!important;border-collapse:collapse!important}table.orders-table th,table.orders-table td{border:1px solid #999999!important;padding:6px 8px!important;color:#000!important}table.orders-table th{background-color:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.order-detail-modal-overlay{display:none!important}}.btn-act-view{background:#f1f5f9;color:#1e40af;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);text-align:center;margin-top:4px;display:block;width:100%}.btn-act-view:hover{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.action-cod-confirmed-box{display:flex;flex-direction:column;gap:6px}.cod-confirmed-alert{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;text-align:center}.rolls-vertical-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding-right:4px}.roll-row-vertical{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;box-shadow:0 1px 2px #00000008;transition:border-color .15s ease,box-shadow .15s ease}.roll-row-vertical:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.roll-row-badge{font-size:13px;font-weight:700;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;min-width:75px;text-align:center;flex-shrink:0}.roll-row-input-wrap{display:flex;align-items:center;gap:8px;flex:1}.roll-row-input-wrap .roll-number-input{width:100%;max-width:220px;font-size:15px;font-weight:700;text-align:right;padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1}.roll-kg-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.order-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.order-detail-modal-card{background:#fff;border-radius:16px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;border:1px solid var(--border);overflow:hidden;animation:modalScaleUp .2s cubic-bezier(.16,1,.3,1)}.order-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8fafc;border-bottom:1px solid var(--border)}.order-detail-title-group{display:flex;flex-direction:column;gap:3px}.order-detail-heading-row{display:flex;align-items:center;gap:10px}.order-detail-title{font-size:16px;font-weight:750;color:#0f172a;margin:0}.order-detail-sub{font-size:12px;color:var(--text-secondary);margin:0}.order-detail-close-btn{background:transparent;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:var(--transition)}.order-detail-close-btn:hover{background:#e2e8f0;color:#0f172a}.order-detail-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-section-title{font-size:12.5px;font-weight:700;color:#334155;margin:0;display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.5px}.detail-section-title svg{color:var(--primary);flex-shrink:0}.detail-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.detail-field{display:flex;flex-direction:column;gap:3px;font-size:13px}.detail-field.full-width{grid-column:1 / -1}.df-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.df-val{color:#0f172a;word-break:break-word}.df-phone{color:var(--primary);font-weight:700}.df-address{line-height:1.45;color:#1e293b}.detail-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.dp-main-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dp-name{font-size:15px;font-weight:750;color:#0f172a;margin-right:8px}.dp-code{font-size:11.5px;font-weight:600;background:#e2e8f0;color:#334155;padding:2px 7px;border-radius:4px}.dp-total-val{font-size:16px;font-weight:800;color:var(--primary)}.dp-tags-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dp-tag{font-size:12px;padding:4px 10px;border-radius:6px;background:#fff;border:1px solid #cbd5e1;color:#334155}.dp-tag.color{background:#f1f5f9}.dp-tag.qty{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.dp-tag.rate{background:#f8fafc}.dp-roll-cuts-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px}.dp-roll-cuts-title{font-size:11.5px;font-weight:700;color:#166534;margin-bottom:4px}.dp-roll-cuts-val{font-size:13px;font-weight:700;color:#15803d}.detail-payment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;font-size:13px}.d-pay-row{display:flex;justify-content:space-between;align-items:center;color:#334155}.d-pay-row.deposit{color:#1e40af;font-weight:600}.d-pay-row.remaining{color:#b45309;font-weight:750;background:#fefce8;padding:6px 10px;border-radius:6px;border:1px solid #fef08a}.d-pay-row.method{font-size:12.5px;color:var(--text-secondary)}.d-pay-row.grand{border-top:1.5px dashed #cbd5e1;padding-top:10px;margin-top:4px;font-size:14px;font-weight:800;color:#0f172a}.detail-slips-grid{display:flex;gap:12px;flex-wrap:wrap}.detail-slip-thumb-card{display:flex;flex-direction:column;align-items:center;gap:5px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.detail-slip-thumb-card:hover{transform:translateY(-2px);border-color:var(--primary)}.detail-slip-thumb-card img{width:76px;height:76px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0}.detail-slip-thumb-card span{font-size:11px;font-weight:600;color:var(--primary)}.order-detail-footer{display:flex;justify-content:flex-end;padding:12px 20px;background:#f8fafc;border-top:1px solid var(--border)}.btn-detail-close{background:#0f172a;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:650;cursor:pointer;transition:var(--transition)}.btn-detail-close:hover{background:#1e293b}.staff-add-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-bottom:16px}.staff-form-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:flex-end}.staff-table{width:100%;border-collapse:collapse;font-size:13px}.staff-table th{padding:8px 12px;text-align:left;font-size:11.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.staff-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.staff-email-cell{display:flex;align-items:center;gap:10px}.staff-avatar-initial{width:28px;height:28px;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800;display:grid;place-items:center}.staff-email-text{font-size:13px;color:var(--text-primary)}.role-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px}.role-badge.admin{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.role-badge.staff{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.staff-role-panel{border-left:4px solid #16a34a;background:#f0fdf4}.staff-role-badge-box{display:flex;flex-direction:column;gap:6px}.role-chip.staff{display:inline-block;width:fit-content;background:#166534;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}@media (max-width: 768px){.staff-form-inputs{grid-template-columns:1fr}.order-detail-modal-card{max-height:95vh}.detail-grid-2{grid-template-columns:1fr}.roll-row-vertical{flex-wrap:wrap}.roll-row-input-wrap .roll-number-input{max-width:100%}}.action-row-wrap{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.action-row-wrap .btn-act-confirm{padding:6px 11px;font-size:11.5px;font-weight:700;border-radius:6px;white-space:nowrap;flex-shrink:0}.action-row-wrap .btn-deposit-confirm{background:#0284c7}.action-row-wrap .btn-deposit-confirm:hover{background:#0369a1}.action-row-wrap .btn-act-reject{padding:6px 8px;font-size:11.5px;font-weight:700;border-radius:6px;background:#ef4444;white-space:nowrap;flex-shrink:0}.action-row-wrap .btn-act-view{margin-top:0;padding:6px 9px;font-size:11.5px;width:auto;flex-shrink:0;white-space:nowrap}.action-row-wrap .btn-act-delivered{padding:6px 12px;font-size:11.5px;font-weight:700;white-space:nowrap}.action-row-wrap .btn-act-delete{padding:6px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}.receipt-none-label{color:var(--text-muted);font-size:14px}.date-cell{display:flex;flex-direction:column;gap:1px;line-height:1.25}.date-date{font-weight:600;font-size:11.5px;color:var(--text-primary);white-space:nowrap}.date-time{font-size:10.5px;color:var(--text-muted);white-space:nowrap}.product-sales-panel{padding:16px}.panel-sub-xs{font-size:11.5px;color:var(--text-muted);margin-top:2px}.badge-count-sm{font-size:11.5px;font-weight:700;background:#eff6ff;color:#1d4ed8;padding:2px 8px;border-radius:99px;border:1px solid #bfdbfe}.product-sales-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.product-sale-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.product-sale-item:hover{border-color:#93c5fd;background:#fff}.product-sale-rank{font-size:12px;font-weight:800;color:#64748b;width:22px;text-align:center;flex-shrink:0}.product-sale-item:first-child .product-sale-rank{color:#d97706}.product-sale-item:nth-child(2) .product-sale-rank{color:#2563eb}.product-sale-thumb-box{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--border);flex-shrink:0;display:grid;place-items:center}.product-sale-thumb{width:100%;height:100%;object-fit:cover}.product-sale-thumb-fallback{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase}.product-sale-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.product-sale-name-row{display:flex;align-items:center;gap:6px}.product-sale-title{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-sale-code{font-size:10.5px;font-weight:700;color:#1d4ed8;background:#dbeafe;padding:1px 5px;border-radius:4px}.product-sale-stats{display:flex;align-items:center;gap:8px;font-size:11px}.prod-kg-badge{color:#047857}.prod-orders-badge{color:var(--text-muted)}.product-sale-bar-track{width:100%;height:4px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-top:2px}.product-sale-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:99px;transition:width .3s ease}.product-sale-amount{font-size:13px;font-weight:800;color:var(--text-primary);white-space:nowrap;text-align:right;flex-shrink:0}.product-sales-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.stock-variations-container{display:flex;flex-direction:column;gap:8px}.stock-var-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.stock-var-card.low{border-color:#fde68a;background:#fffbeb}.stock-var-card.out{border-color:#fecaca;background:#fef2f2}.stock-var-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.stock-var-color-badge{font-size:12px;font-weight:700;color:#1e3a8a;background:#dbeafe;padding:2px 7px;border-radius:4px}.stock-var-total-kg{font-size:11.5px;color:var(--text-secondary)}.stock-var-total-kg b{color:#0f172a;font-size:12.5px}.stock-rolls-list{display:flex;flex-wrap:wrap;gap:5px}.stock-roll-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid transparent}.stock-roll-tag.roll-avail{background:#fff;border-color:#cbd5e1;color:#334155}.stock-roll-tag.roll-avail b{color:#2563eb}.stock-roll-tag.roll-low{background:#fef3c7;border-color:#fde68a;color:#92400e}.stock-roll-tag.roll-empty{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.stock-no-rolls-hint{font-size:11.5px;color:var(--text-muted)}.product-title-bold{font-size:13.5px;color:var(--text-primary)}.price-tag-val{font-size:13.5px;color:#1e40af}