:root{color-scheme:light;--bg: #f7f1e5;--panel: #fffdf7;--text: #321a17;--muted: #78655c;--line: #e3cfaa;--primary: #6d102a;--primary-ink: #ffffff;--accent: #c6922e;--danger: #b4232f;--success: #176b4d;--warning: #a86812;--shadow: 0 12px 32px rgba(74, 34, 24, .09);--soft-shadow: 0 16px 45px rgba(74, 34, 24, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #17100f;--panel: #241817;--text: #fff5df;--muted: #c2aa95;--line: #513a31;--primary: #e0b44f;--primary-ink: #351019;--accent: #a92d4c;--danger: #f87171;--success: #65c49a;--warning: #e8b95b;--shadow: 0 12px 32px rgba(0, 0, 0, .22);--soft-shadow: 0 16px 45px rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:color-mix(in srgb,var(--panel) 94%,var(--bg));border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;font-weight:900;font-size:20px;margin:4px 10px 20px;color:var(--primary)}.brand svg{color:var(--accent)}.brand em{grid-column:2;margin-top:-2px;font-size:11px;font-style:normal;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.brand.large{margin:0 0 18px;font-size:24px}.sidebar-brand{display:block;margin:0 2px 18px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff8e8}.sidebar-brand img{display:block;width:100%;height:auto;object-fit:contain}.sidebar nav{display:grid;gap:14px}.nav-group{display:grid;gap:5px}.nav-group p{margin:0 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--muted);font-weight:600}.sidebar a.active,.sidebar a:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--text)}.sidebar a.active{box-shadow:inset 3px 0 0 var(--primary)}main,.erp-main{min-width:0}.topbar{min-height:82px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,520px) auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:12px 28px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumbs{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.topbar h1{margin:3px 0 0;font-size:22px;letter-spacing:0}.global-search{display:flex;align-items:center;gap:8px;min-width:0;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted)}.global-search input{width:100%;border:0;min-height:auto;background:transparent;outline:0}.mobile-menu{display:none!important}.icon-btn,.icon-actions button,.icon-actions a{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.user-chip{display:flex;align-items:center;gap:9px;min-width:150px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.user-chip span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-weight:900}.user-chip strong,.user-chip em{display:block}.user-chip strong{font-size:13px}.user-chip em{color:var(--muted);font-size:11px;font-style:normal;text-transform:capitalize}.sync-badge{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.sync-badge.synced{border-color:color-mix(in srgb,var(--success) 35%,var(--line));color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--panel))}.sync-badge.pending{border-color:color-mix(in srgb,var(--warning) 38%,var(--line));color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,var(--panel))}.sync-badge.offline{border-color:color-mix(in srgb,var(--muted) 35%,var(--line));color:var(--muted);background:color-mix(in srgb,var(--muted) 8%,var(--panel))}.page{padding:28px;display:grid;gap:20px}.panel,.stat-card,.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:20px}.panel h2,.detail-header h2{margin:0 0 16px;font-size:18px;display:flex;gap:8px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:18px;display:grid;gap:8px}.report-card{width:100%;text-align:left;color:var(--text);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.report-card:hover,.report-card.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:var(--soft-shadow)}.report-card.active{background:color-mix(in srgb,var(--primary) 9%,var(--panel))}.report-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.report-detail{display:grid;gap:16px}.profit-toolbar{border-left:4px solid var(--primary)}.profit-period-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.profit-period-head div{display:grid;gap:4px}.profit-period-head span,.profit-period-head p,.profit-stats p{margin:0;color:var(--muted);font-size:12px}.profit-period-head strong{text-transform:capitalize}.profit-period-head p{max-width:420px;text-align:right}.profit-positive{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--panel))}.profit-positive strong{color:var(--success)}.profit-negative{border-color:color-mix(in srgb,#dc2626 42%,var(--line));background:color-mix(in srgb,#dc2626 7%,var(--panel))}.profit-negative strong{color:#dc2626}.report-product-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.report-product-row p{margin:0}.report-product-row span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.report-product-row b{color:var(--primary);white-space:nowrap}.stat-card svg{color:var(--primary)}.stat-card span,.muted{color:var(--muted)}.stat-card strong{font-size:30px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.erp-dashboard{gap:18px}.dashboard-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px;border:1px solid #c6922e;border-radius:8px;color:#fff8e8;background:#6d102a;box-shadow:var(--soft-shadow)}.dashboard-hero span{display:inline-flex;align-items:center;gap:7px;font-weight:800;opacity:.92}.dashboard-hero h2{margin:8px 0;font-size:30px;letter-spacing:0}.dashboard-hero p{max-width:720px;margin:0;opacity:.86}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px}.quick-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border-radius:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:800}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.erp-kpi{min-height:142px;display:grid;align-content:space-between;gap:10px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.erp-kpi.clickable,.clickable-panel{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.erp-kpi.clickable:hover,.clickable-panel:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:var(--soft-shadow)}.erp-kpi>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}.erp-kpi svg{color:var(--primary)}.erp-kpi strong{font-size:26px;line-height:1.05}.erp-kpi p{margin:0;color:var(--muted);font-size:13px}.erp-kpi.money svg,.erp-kpi.money strong{color:#9a6819}.erp-kpi.success svg,.erp-kpi.success strong{color:var(--success)}.erp-kpi.warning svg,.erp-kpi.warning strong{color:var(--warning)}.erp-kpi.danger svg,.erp-kpi.danger strong{color:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:18px}.dashboard-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid.bottom{grid-template-columns:1fr 1fr}.erp-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.panel-title span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.panel-title h3{margin:3px 0 0;font-size:18px;letter-spacing:0}.panel-title a{color:var(--primary);font-weight:800;font-size:13px}.mini-bars{height:220px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;padding-top:12px}.mini-bars div{height:100%;display:grid;grid-template-rows:1fr auto;align-items:end;gap:8px}.mini-bars span{display:block;min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 45%,transparent))}.mini-bars em{text-align:center;color:var(--muted);font-size:11px;font-style:normal}.donut-wrap{display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:center;min-height:220px}.donut{width:136px;height:136px;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(var(--primary) var(--pct),color-mix(in srgb,var(--primary) 12%,transparent) 0);box-shadow:inset 0 0 0 18px var(--panel)}.donut strong,.donut span{display:block}.donut strong{font-size:24px}.donut span{color:var(--muted);font-size:12px}.legend-list{display:grid;gap:9px}.legend-list p{display:grid;grid-template-columns:9px 1fr auto;gap:8px;margin:0;align-items:center;color:var(--muted)}.legend-list p span{width:9px;height:9px;border-radius:50%;background:var(--primary)}.legend-list strong{color:var(--text)}.erp-list{display:grid;gap:3px}.erp-list a,.erp-list>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.erp-list strong,.erp-list span{display:block}.erp-list span{margin-top:3px;color:var(--muted);font-size:12px}.erp-list b{white-space:nowrap;color:var(--primary)}.top-products{display:grid;gap:14px}.top-products p{display:flex;justify-content:space-between;gap:10px;margin:0 0 7px}.top-products span{color:var(--muted);font-size:12px}.top-products div div{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.top-products div div span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.activity-feed{display:grid;gap:12px}.activity-feed div{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:start}.activity-feed span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:12px;text-transform:capitalize;text-align:center}.activity-feed p{margin:0;color:var(--muted)}.empty-state{margin:0;padding:16px;border-radius:8px;background:var(--bg);color:var(--muted)}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--muted) 10%,var(--panel))}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.copies-control{display:flex;align-items:center;gap:7px;color:var(--muted)}.copies-control input{width:76px}.searchbox{display:flex;align-items:center;gap:8px;min-width:300px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:0 12px}.searchbox.wide{max-width:640px}.searchbox input{height:40px;border:0;outline:0;width:100%;background:transparent;color:var(--text)}select,label input,label select{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px}input{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px;min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--primary);color:var(--primary-ink)}.btn.ghost{background:var(--panel);border-color:var(--line);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.compact{min-height:34px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.table-wrap{position:relative;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:12px;color:var(--muted);text-transform:uppercase;cursor:default}.product-cell{display:flex;align-items:center;gap:12px}.product-cell span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.thumb{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:800}.thumb.large{width:86px;height:86px;font-size:28px}.pill{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-size:12px;text-transform:capitalize}.pill.inactive,.pill.draft{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.pill.discontinued,.danger-text{color:var(--danger)}.icon-actions,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-actions .danger-icon{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger)}.loading{padding:18px;color:var(--muted)}.pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.page-size-control{width:auto;display:inline-flex;grid-template-columns:none;flex-direction:row;align-items:center;gap:7px}.page-size-control select{width:76px;height:36px}.page-number-list{display:inline-flex;align-items:center;gap:5px}.page-number-list button{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.page-number-list button.active{border-color:var(--primary);background:var(--primary);color:var(--primary-ink);font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}label input,label select{width:100%}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.form-heading{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px}.form-heading h2{margin:0}.form-section-heading{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0 2px;border-bottom:1px solid var(--line)}.form-section-heading strong{color:var(--text);font-size:15px}.form-section-heading span{color:var(--muted);font-size:12px}.master-lookup-control{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.master-lookup-control .icon-btn{width:40px;height:40px;border:1px solid var(--line);color:var(--primary)}.master-inline-modal{display:grid;gap:14px}.master-inline-modal .section-head{align-items:flex-start;margin-bottom:0}.master-inline-modal h3,.master-inline-modal p{margin:0}.master-inline-modal p{margin-top:4px;font-size:13px}.master-data-panel{display:grid;gap:12px}.master-data-panel .section-head{margin:0}.master-data-panel .section-head p{margin:4px 0 0;color:var(--muted)}.master-count{padding:6px 9px;border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.master-delete-modal{display:grid;gap:14px}.master-delete-modal .section-head,.master-delete-modal h3,.master-delete-modal p{margin:0}.check-field{align-self:end;min-height:40px;display:flex;grid-template-columns:auto 1fr;flex-direction:row;align-items:center;gap:9px;color:var(--text)}.check-field input{width:18px;min-height:18px;height:18px}.users-page>.section-head{margin-bottom:0}.users-page>.section-head h2{margin:0;display:flex;align-items:center;gap:8px}.users-page>.section-head p,.password-panel p{margin:5px 0 0;color:var(--muted)}.permission-editor{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:16px}.permission-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.permission-heading h3,.permission-heading p{margin:0}.permission-heading p{margin-top:4px;color:var(--muted);font-size:13px}.permission-heading>span,.permission-count{background:var(--soft);color:var(--muted);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700;white-space:nowrap}.permission-count.full{background:#e7f5ef;color:#08785d}.product-main-filters{grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(150px,1fr))}.product-main-filters>*{min-width:0}.filter-search-input{min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.filter-search-input input{min-width:0;width:100%;height:38px;padding:0;border:0;outline:0;background:transparent}.price-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.price-preview>div strong{font-size:14px}.price-preview .price-preview-total{border-top:1px solid var(--border);padding-top:8px}.price-preview .price-preview-total strong{color:var(--primary);font-size:18px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-group{border:1px solid var(--border);border-radius:6px;padding:11px;background:var(--surface)}.permission-group label{cursor:pointer}.permission-group input{width:16px;min-height:16px;height:16px}.permission-module,.permission-option{display:flex;align-items:center;gap:8px}.permission-module{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}.permission-option{color:var(--muted);font-size:13px;padding:4px 0}.access-denied{max-width:620px;padding:28px}.access-denied h2{margin:0 0 6px}.access-denied p{margin:0;color:var(--muted)}.cell-subtext{display:block;margin-top:3px;color:var(--muted);font-size:12px}.role-label{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.status-pill{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.active{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.status-pill.inactive{color:var(--muted);background:color-mix(in srgb,var(--muted) 14%,transparent)}.password-panel{display:grid;grid-template-columns:1.2fr repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:14px}.password-panel h2{margin-bottom:0}.reset-password-modal{display:grid;gap:14px}.reset-password-modal p{margin:0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--primary);cursor:pointer;font-weight:700}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.success-panel{border-color:color-mix(in srgb,var(--primary) 50%,var(--line))}.barcode-preview{display:grid;grid-template-columns:minmax(150px,260px) 1fr;gap:14px;align-items:center}.barcode-preview.compact{grid-template-columns:120px 1fr 24px;gap:10px;min-width:240px}.barcode-preview img{width:100%;max-height:74px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px}.barcode-preview strong,.barcode-preview span{display:block}.barcode-preview span{color:var(--muted);font-size:13px}.compact-list{display:grid;gap:8px}.compact-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.compact-list strong{color:var(--primary)}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.detail-header p{margin:0;color:var(--muted)}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.details div{border-bottom:1px solid var(--line);padding-bottom:8px}dt{color:var(--muted);font-size:12px;text-transform:uppercase}dd{margin:3px 0 0;font-weight:700}.scanner-page{max-width:900px}.scanner-panel{text-align:center}.scanner-panel svg{color:var(--primary)}.scanner-input{width:min(100%,520px);height:58px;border:2px solid var(--primary);border-radius:8px;padding:0 18px;font-size:22px;text-align:center;background:var(--panel);color:var(--text)}.scan-result{display:flex;align-items:center;gap:22px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-panel{width:min(420px,100%);display:grid;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:var(--shadow)}.login-brand-logo{display:block;width:100%;height:auto;margin-bottom:4px;border:1px solid var(--line);border-radius:6px;background:#fff8e8}.pos-page .scanner-panel{display:grid;place-items:center;gap:12px}.cell-input{width:92px}.billing-footer{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:var(--shadow)}.billing-footer div{display:grid;gap:4px}.billing-footer span{color:var(--muted);font-size:12px}.billing-footer strong{font-size:18px}.billing-footer .grand strong{color:var(--primary);font-size:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:30;padding:20px}.modal{width:min(420px,100%);padding:20px}.modal h3{margin:0 0 8px}.modal p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.photo-tile{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.photo-tile img,.photo-grid img,.empty-photo{width:100%;aspect-ratio:4 / 3;border-radius:8px;object-fit:cover;background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.photo-tile img{display:block;border-radius:0}.photo-tile button{position:absolute;top:8px;right:8px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#dc2626eb;color:#fff;cursor:pointer}.photo-tile button:hover{background:var(--danger)}.empty-photo{display:grid;place-items:center;color:var(--muted);padding:16px;text-align:center}.image-upload-field{display:grid;gap:8px;align-content:start;color:var(--muted);font-size:13px}.image-upload-field>span{color:var(--muted)}.image-upload-field small{line-height:1.4}.mini-photo-row{display:flex;gap:8px;flex-wrap:wrap}.mini-photo-row img{width:54px;height:54px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#fff}.field-with-help small{line-height:1.35;color:var(--muted)}.barcode-mode-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.barcode-mode-card>span{color:var(--muted);font-size:13px}.barcode-mode-card small{color:var(--muted);line-height:1.35}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segmented button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.segmented button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--panel));color:var(--primary);font-weight:800}.price-preview{display:grid;gap:5px;align-content:center;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.price-preview span,.price-preview small{color:var(--muted);font-size:12px}.price-preview strong{color:var(--primary);font-size:21px}.storefront{min-height:100vh;background:#f7f1e5;color:#321a17;padding:22px 28px 34px}.store-nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:16px}.store-logo{display:block;width:min(330px,62vw);overflow:hidden;border:1px solid #e3cfaa;border-radius:6px;background:#fff8e8}.store-logo img{display:block;width:100%;height:auto;object-fit:contain}.store-admin-link{padding:9px 13px;border:1px solid #e3cfaa;border-radius:8px;background:#fffdf7;color:#6d102a}.store-hero{min-height:230px;display:grid;grid-template-columns:1fr minmax(260px,420px);gap:24px;align-items:end;padding:30px 34px;border:1px solid #c6922e;border-radius:8px;background:#6d102a;color:#fff8e8}.store-hero p,.store-hero span{margin:0;opacity:.9}.store-hero h1{max-width:720px;margin:8px 0 12px;font-size:40px;line-height:1.05;letter-spacing:0}.store-search{display:flex;align-items:center;gap:8px;background:#fff;color:#241c18;border-radius:8px;padding:0 12px}.store-search input{flex:1;border:0;background:transparent}.store-chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.store-chips span{padding:8px 12px;border-radius:999px;background:#fffdf7;border:1px solid #e3cfaa;color:#78655c}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:20px}.store-card{overflow:hidden;border-radius:8px;background:#fffdf7;border:1px solid #e3cfaa;box-shadow:0 10px 28px #4a221817;transition:transform .16s ease,box-shadow .16s ease}.store-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #1f29331f}.store-image{position:relative;display:grid;place-items:center;aspect-ratio:4 / 5;background:#f1e5cc;color:#78655c;overflow:hidden}.store-image img{width:100%;height:100%;object-fit:cover}.store-image-fallback{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:#f3e6cd;color:#6d102a}.store-image-fallback span{font-size:13px;color:#78655c}.store-stock-badge{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:#fffdf7f0;color:#176b4d;font-size:12px;font-weight:800}.store-discount-badge{position:absolute;top:10px;right:10px;padding:6px 9px;border-radius:999px;background:#6d102a;color:#fff;font-size:12px;font-weight:900}.store-card-body{padding:14px;display:grid;gap:7px}.store-card-body span{color:#6d102a;font-size:13px}.store-card-body h2{margin:0;font-size:18px;letter-spacing:0}.store-card-body p{min-height:20px;margin:0;color:#78655c}.store-card-body div{display:flex;justify-content:space-between;gap:10px;align-items:center}.store-card-body strong,.store-price{color:#6d102a;font-size:20px}.store-card-body del,.store-discount-line del{color:#94a3b8;font-size:13px}.store-card-body em{font-style:normal;font-size:12px}.in-stock{color:#176b4d}.out-stock{color:#b91c1c}.store-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#6d102a}.store-detail{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:28px;align-items:start}.store-detail-image{display:grid;place-items:center;aspect-ratio:4 / 5;border-radius:8px;background:#fffdf7;border:1px solid #e3cfaa;overflow:hidden;color:#6d102a}.store-detail-image img{width:100%;height:100%;object-fit:cover}.store-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.store-thumbs button{width:72px;height:72px;padding:0;border-radius:8px;border:2px solid transparent;overflow:hidden;background:#fff;cursor:pointer}.store-thumbs button.active{border-color:#6d102a}.store-thumbs img{width:100%;height:100%;object-fit:cover}.store-info{background:#fffdf7;border:1px solid #e3cfaa;border-radius:8px;padding:24px;display:grid;gap:14px}.store-info h1{margin:0;font-size:34px;letter-spacing:0}.store-info p{color:#78655c}.store-discount-line{margin:-8px 0 0;color:#176b4d!important;font-weight:700}.store-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-specs div{border-bottom:1px solid #e3cfaa;padding-bottom:8px}.store-barcode{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background:#f3e6cd;color:#321a17}.product-heading{margin:0}.product-heading h2{margin:0;font-size:22px}.product-heading p,.filter-title p{margin:5px 0 0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.product-stat{min-height:108px;display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:8px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.product-stat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:var(--soft-shadow)}.product-stat:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);outline-offset:2px}.product-stat:active{transform:translateY(0)}.product-stat svg{grid-column:2;grid-row:1 / 3;color:var(--primary)}.product-stat span{color:var(--muted);font-size:12px}.product-stat strong{font-size:24px;line-height:1}.product-stat.success svg,.product-stat.success strong{color:var(--success)}.product-stat.warning svg,.product-stat.warning strong{color:var(--warning)}.product-stat.danger svg,.product-stat.danger strong{color:var(--danger)}.product-stat.money svg,.product-stat.money strong{color:#9a6819}.advanced-filters{display:grid;gap:16px}.filter-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.filter-title h2{margin:0}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.product-table table{min-width:1260px}.select-col{width:44px;text-align:center}.select-col input{width:17px;height:17px;min-height:17px;padding:0;cursor:pointer;accent-color:var(--primary)}.bulk-action-bar{position:sticky;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.bulk-action-bar strong{color:var(--primary);font-size:13px}.product-thumb{width:46px;height:54px;flex:0 0 auto;border:1px solid var(--line);border-radius:6px;object-fit:cover;background:var(--bg)}.stock-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.stock-badge.ok{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.stock-badge.low{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,transparent)}.stock-badge.out{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.category-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-summary>div{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;padding:15px;border-bottom:2px solid var(--accent);background:var(--panel)}.category-summary svg{grid-row:1 / 3;color:var(--primary)}.category-summary span{color:var(--muted);font-size:12px}.category-summary strong{font-size:22px}.category-filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:12px}.category-groups{display:grid;gap:28px}.category-group{display:grid;gap:14px}.category-group-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.category-group-title{display:flex;align-items:center;gap:12px}.category-group-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--panel))}.category-group h3,.category-card h4{margin:0}.category-group p,.category-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.category-count{color:var(--muted);font-size:12px}.category-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.category-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:64px 1fr;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.category-card.inactive{opacity:.62}.category-card>img,.category-art{width:64px;height:100%;min-height:116px;object-fit:cover}.category-art{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.category-card-body{min-width:0;display:grid;gap:8px;padding:12px}.category-card-body>div:first-child{display:flex;justify-content:space-between;gap:8px}.category-card-body h4{overflow-wrap:anywhere}.category-card-body>div:first-child span{color:var(--primary);font-size:11px;white-space:nowrap}.category-actions{display:flex;gap:6px;align-items:center}.category-actions .status-pill{margin-right:auto}.category-modal{max-height:88vh;overflow:auto;display:grid;gap:13px}.pos-command-bar{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr) auto;gap:12px;position:relative;z-index:3;align-items:stretch}.pos-scan,.pos-product-search{min-width:0;height:50px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);color:var(--primary)}.pos-return-toggle{min-height:50px;box-shadow:var(--shadow)}.pos-scan{border-color:color-mix(in srgb,var(--primary) 55%,var(--line))}.pos-scan input,.pos-product-search>input{flex:1;min-width:0;min-height:46px;border:0;outline:0;background:transparent;color:var(--text)}.pos-product-search{position:relative}.pos-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--soft-shadow)}.pos-search-results button{min-width:0;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.pos-search-results button:hover{background:color-mix(in srgb,var(--primary) 8%,var(--panel))}.pos-search-results img,.pos-search-results button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;object-fit:cover;background:var(--bg);color:var(--primary);font-weight:800}.pos-search-results strong,.pos-search-results small{display:block}.pos-search-results small{margin-top:3px;color:var(--muted)}.pos-search-results b{color:var(--primary);white-space:nowrap}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.pos-workspace{min-width:0;display:grid;gap:16px}.return-exchange-panel{display:grid;gap:14px}.return-exchange-panel .section-head{margin-bottom:0;align-items:flex-start}.return-exchange-panel h3,.return-exchange-panel p{margin:0}.return-exchange-panel p{margin-top:4px;color:var(--muted);font-size:13px}.return-lookup{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.return-invoice-card{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--primary) 7%,var(--panel))}.return-invoice-card span,.return-items em{display:block;color:var(--muted);font-size:12px;font-style:normal}.return-invoice-card strong{display:block;margin-top:3px}.return-items{grid-column:1 / -1;display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.return-items p{margin:0}.return-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.return-item-row>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.customer-strip{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.pos-cart-table table{min-width:940px}.qty-stepper{display:grid;grid-template-columns:30px 48px 30px;align-items:center}.qty-stepper button{width:30px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.qty-stepper input{width:48px;min-height:32px;height:32px;padding:0 3px;border-radius:0;text-align:center}.pos-empty{height:260px;text-align:center;color:var(--muted)}.pos-empty svg,.pos-empty strong,.pos-empty span{display:block;margin:7px auto}.invoice-summary{position:sticky;top:102px;display:grid;gap:18px}.invoice-summary h2{margin:0 0 4px}.invoice-summary>div:first-child>span{color:var(--muted);font-size:12px}.invoice-summary dl{display:grid;gap:0;margin:0}.invoice-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.invoice-summary dt{text-transform:none;font-size:13px}.invoice-summary dd{margin:0}.bill-discount-row{align-items:center}.bill-discount-row input{width:110px;min-height:36px;text-align:right}.invoice-summary .invoice-grand{padding:16px 0;color:var(--primary)}.invoice-grand dt{font-size:15px;font-weight:800}.invoice-grand dd{font-size:24px;font-weight:900}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-methods button{min-height:54px;display:grid;place-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);cursor:pointer}.payment-methods button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary);font-weight:800}.checkout-btn{width:100%;min-height:50px}.invoice-success{display:flex;flex-wrap:wrap;gap:7px;padding-top:14px;border-top:1px solid var(--line)}.invoice-success strong{width:100%;color:var(--success)}.inventory-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.inventory-filters{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(6,minmax(130px,1fr));gap:10px;align-items:end}.inventory-filters>*{min-width:0}.inventory-filters .searchbox{width:100%;min-width:0}.inventory-filters .searchbox input{flex:1;width:auto;min-width:0}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.inventory-table table{min-width:980px}.recent-movements{position:sticky;top:102px}.movement-list{display:grid}.movement-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.movement-list>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}.movement-in{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.movement-out{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.movement-list p{min-width:0;margin:0}.movement-list strong,.movement-list small{display:block}.movement-list small{margin-top:3px;color:var(--muted)}.inventory-dialog{display:grid;gap:14px}.inventory-dialog.wide{width:min(980px,96vw)}.dialog-form{display:grid;gap:13px}.dialog-note{margin:0;padding:10px;background:var(--bg);color:var(--muted)}.history-table{max-height:62vh}@media(max-width:1500px){.inventory-filters{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr))}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:292px;transform:translate(-105%);transition:transform .2s ease;z-index:40;box-shadow:var(--soft-shadow)}.sidebar-open .sidebar{transform:translate(0)}.mobile-menu{display:inline-grid!important}.topbar{position:sticky;grid-template-columns:1fr auto;height:auto;padding:14px 18px}.global-search{grid-column:1 / -1;order:3}.user-chip{display:none}.stats-grid,.split,.form-grid,.kpi-grid,.dashboard-grid,.dashboard-grid.wide,.dashboard-grid.bottom,.password-panel,.permission-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-template-columns:1fr}.page{padding:18px}.filter-grid,.product-main-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout,.inventory-layout{grid-template-columns:1fr}.invoice-summary,.recent-movements{position:static}.inventory-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media(max-width:640px){.permission-grid{grid-template-columns:1fr}.barcode-mode-card{grid-column:1 / -1}.form-section-heading{align-items:flex-start;flex-direction:column}.sidebar{width:min(88vw,292px)}.storefront{padding:12px 14px 28px}.store-nav{min-height:86px}.store-logo{width:min(235px,65vw)}.store-admin-link{padding:8px 10px;font-size:12px}.product-heading{align-items:flex-start}.product-heading>div:first-child{min-width:0}.product-heading .inline-actions{width:100%}.product-stat-grid,.category-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid,.product-main-filters,.category-filters,.inventory-filters,.pos-command-bar,.customer-strip,.return-lookup,.return-invoice-card{grid-template-columns:1fr}.category-group-head{align-items:flex-start}.category-card-grid{grid-template-columns:1fr}.pos-layout{gap:12px}.payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar h1{font-size:16px}.breadcrumbs{display:none}.searchbox{min-width:100%}.toolbar{align-items:stretch}.toolbar>*{width:100%}.kpi-grid,.dashboard-grid,.dashboard-grid.wide,.dashboard-grid.bottom,.quick-actions,.donut-wrap{grid-template-columns:1fr}.dashboard-hero h2{font-size:24px}.mini-bars{height:160px}.detail-header,.scan-result{align-items:flex-start;flex-direction:column}.details,.barcode-preview,.barcode-preview.compact,.billing-footer,.password-panel{grid-template-columns:1fr}.profit-period-head{flex-direction:column}.profit-period-head p{max-width:none;text-align:left}.storefront{padding:14px}.store-hero,.store-detail{grid-template-columns:1fr}.store-hero h1{font-size:30px}.store-specs{grid-template-columns:1fr}}