*{box-sizing:border-box}body{color:#101827;background:#f6f8fb;margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;padding:10px 14px;font-weight:700}button:disabled{opacity:.65;cursor:wait}input,select{color:#142033;background:#fff;border:1px solid #d6deea;border-radius:7px;width:100%;min-height:42px;padding:9px 12px}input:focus,select:focus{border-color:#3b82f6;outline:2px solid #bad4ff}label{color:#24324a;gap:7px;font-size:13px;font-weight:700;display:grid}.login-shell{background:#e9eef5;place-items:center;min-height:100vh;display:grid}.login-panel{background:#fff;border:1px solid #d8e0e8;border-radius:10px;gap:16px;width:min(420px,100vw - 32px);padding:28px;display:grid;box-shadow:0 18px 40px #19282d1f}.brand-row{color:#2563eb;align-items:center;gap:12px;display:flex}.brand-row h1{color:#101827;margin:0;font-size:22px}.brand-row p,.page-head p{color:#6b7588;margin:6px 0 0;font-size:14px}.error{color:#9d2b2b;background:#fff1f1;border:1px solid #f0c8c8;border-radius:7px;padding:10px}.app-shell{grid-template-columns:230px minmax(0,1fr);align-items:start;min-height:100vh;transition:grid-template-columns .22s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}aside{color:#1f2937;background:#fbfaf7;border-right:1px solid #e4ded3;align-content:start;gap:10px;min-height:100vh;padding:22px 12px;transition:padding .22s;display:grid;position:sticky;top:0;overflow:hidden}.sidebar-toggle{color:#334155;background:#fff;border:1px solid #ddd6ca;flex:0 0 34px;justify-self:end;place-items:center;width:34px;height:34px;min-height:34px;padding:0;display:grid}.aside-title{align-items:center;gap:10px;padding:4px 10px 18px;font-size:21px;font-weight:900;display:flex}aside button{color:#475569;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:44px;display:flex;overflow:hidden}aside button span,.aside-title span{white-space:nowrap;transition:opacity .16s,transform .22s}.sidebar-collapsed aside{padding:22px 8px}.sidebar-collapsed .aside-title{justify-content:center;gap:0;padding:0 0 24px}.sidebar-collapsed .sidebar-toggle{justify-self:center}.sidebar-collapsed aside button{justify-content:center;gap:0;padding:10px 0}.sidebar-collapsed aside button span,.sidebar-collapsed .aside-title span{opacity:0;pointer-events:none;width:0;transform:translate(-8px)}aside button.active{color:#111827;box-shadow:none;background:#fff;border:1px solid #ddd6ca}aside button:hover{color:#111827;background:#f1ede5}.workspace{min-width:0}header{background:#fff;border-bottom:1px solid #e3e8f0;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;box-shadow:0 4px 16px #1420330a}.top-identity{gap:2px;display:grid}.top-identity strong{font-size:15px}.top-identity span{color:#7b8494;font-size:13px}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-button{color:#152033;background:#f3f6fb;border:1px solid #e3e8f0;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid;overflow:visible}.alert-dot{position:relative}.alert-dot:after{content:"2";color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:grid;position:absolute;top:1px;right:1px}.avatar{color:#fff;background:#0ea5e9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.text-button{color:#142033;background:0 0;padding:8px}.panel{gap:16px;padding:26px 36px 42px;display:grid}.page-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-head h2{letter-spacing:0;margin:0;font-size:24px}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.breadcrumb-actions{color:#2563eb;align-items:center;gap:14px;font-size:14px;display:flex}.action-with-icon,.soft-button,.success-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary{background:#2563eb}.success-button{background:#16a34a}.soft-button{color:#304158;background:#fff;border:1px solid #dce4ef}.filter-card,.grid-form,.inline-form,.section-card,.table-wrap,.metric{background:#fff;border:1px solid #dfe6ef;border-radius:9px;box-shadow:0 8px 26px #1420330a}.filter-card{grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(170px,1fr)) auto;align-items:end;gap:10px;padding:14px;display:grid}.filter-card.report-filter{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:start}.filter-card.report-date-filter{grid-template-columns:repeat(2,minmax(210px,280px)) repeat(2,auto);justify-content:start}.search-field{color:#6b7588;background:#fff;border:1px solid #d6deea;border-radius:7px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.search-field input{border:0;outline:0;min-height:38px;padding:0}.grid-form{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:14px;display:grid}.inline-form{gap:10px;padding:14px;display:flex}.inline-form input{width:320px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:11px 13px;font-size:14px}th{color:#536175;background:#f8fafc;font-weight:800}.compact-table table{min-width:980px}.compact-table th,.compact-table td{padding:8px 9px;font-size:13px}.product-table .branch-badges{gap:4px;max-width:180px}.product-table .branch-badges span{padding:2px 6px;font-size:11px}.product-table .actions{gap:5px}.product-table .actions button{width:30px;height:30px}.actions{gap:7px;display:flex}.actions button{color:#152033;background:#eef3f9;place-items:center;width:34px;height:34px;padding:0;display:grid}.actions button:last-child{color:#dc2626}.muted{color:#64748b}.product-name-cell{align-items:center;gap:7px;display:inline-flex}.name-variant-plus{color:#0369a1;cursor:help;background:#e0f2fe;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:900;display:inline-grid}.branch-badges{flex-wrap:wrap;gap:6px;max-width:280px;display:flex}.branch-badges span{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.secret-box{color:#47370b;background:#fff8e8;border:1px solid #ead895;border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex}.secret-box strong{font-family:ui-monospace,Consolas,monospace}.company-user-form{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end}.config-form{grid-template-columns:repeat(3,minmax(180px,1fr)) auto;align-items:end}.setup-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.setup-card{background:#fbfdff;border:1px solid #e4e9f1;border-radius:8px;gap:8px;padding:14px;display:grid}.setup-card strong{color:#111827}.setup-card span{color:#64748b;font-size:13px;line-height:1.5}.sync-config-panel{gap:12px;display:grid}.sync-config-panel pre{white-space:pre-wrap;word-break:break-word;color:#d1fae5;background:#111827;border-radius:8px;margin:0;padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5}.product-page-head{margin-bottom:4px}.product-overview,.product-cloud-strip{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.product-cloud-strip .metric{background:#fbfdff;border-color:#cbd5e1}.section-card{gap:16px;padding:20px;display:grid}.section-card.full{grid-column:1/-1}.section-title{color:#152033;align-items:center;gap:10px;font-size:16px;font-weight:900;display:flex}.section-dot{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.section-dot.blue{background:#3b82f6}.section-dot.green{background:#22c55e}.section-dot.purple{background:#8b5cf6}.section-dot.orange{background:#fb923c}.section-dot.gray{background:#94a3b8}.editor-grid{align-items:end;gap:16px 28px;display:grid}.editor-grid.two{grid-template-columns:repeat(2,minmax(180px,1fr))}.editor-grid.three{grid-template-columns:repeat(3,minmax(180px,1fr))}.editor-grid.four{grid-template-columns:repeat(4,minmax(130px,1fr))}.editor-split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.addon-input{grid-template-columns:1fr 44px 70px;gap:8px;display:grid}.addon-input.two{grid-template-columns:1fr 44px}.addon-input button{color:#2563eb;background:#eaf2ff;border:1px solid #cfe0ff;min-height:42px;padding:0}.addon-input .kg{color:#2563eb;background:#edf4ff}.addon-input .kg.active{color:#fff;background:#2563eb}.segmented{background:#f1f5f9;border-radius:7px;width:fit-content;padding:2px;display:inline-flex}.segmented button{color:#334155;background:0 0;min-width:70px}.segmented button.selected{color:#fff;background:#2563eb}.check-grid{grid-template-columns:1fr 1fr;align-content:start;gap:18px;min-height:80px;display:grid}.check-grid label{color:#334155;align-items:center;gap:10px;font-weight:600;display:flex}.check-grid input{accent-color:#2563eb;width:18px;min-height:18px}.branch-price-strip{grid-auto-columns:minmax(190px,220px);grid-auto-flow:column;gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.branch-price-item{opacity:.65;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:10px;display:grid}.branch-price-item.selected{opacity:1;background:#fff;border-color:#93c5fd}.branch-price-item strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.branch-price-item label{gap:5px;font-size:12px}.branch-price-item input{min-height:36px;padding:7px 9px}.branch-info-table{gap:6px;display:grid}.branch-info-row{opacity:.72;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(150px,1.1fr) minmax(180px,1.4fr) minmax(120px,.8fr) minmax(92px,.7fr) minmax(92px,.7fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.branch-info-row.selected{opacity:1;background:#fff;border-color:#93c5fd}.branch-info-row>span{text-overflow:ellipsis;white-space:nowrap;color:#334155;min-width:0;font-size:13px;overflow:hidden}.branch-check{align-items:center;gap:10px;display:flex}.branch-check input{accent-color:#2563eb;width:18px;min-height:18px}.branch-check strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-state{color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;padding:16px}.form-actions{justify-content:flex-end;gap:12px;padding-top:14px;display:flex}.invoice-layout{gap:16px;display:grid}.invoice-fastbar{background:#fff;border:1px solid #dbe4f0;border-radius:9px;gap:12px;padding:14px;display:grid;box-shadow:0 8px 26px #1420330a}.invoice-fastbar-inline{box-shadow:none;background:#f8fafc}.invoice-barcode-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px;display:grid}.invoice-product-picks{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.invoice-product-picks button{text-align:left;align-content:center;justify-items:start;gap:3px;min-height:54px;display:grid}.invoice-product-picks span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.invoice-product-picks small{color:#64748b;font-weight:800}.customer-pick-strip{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px;display:grid}.customer-picker{gap:12px;min-width:0;display:grid}.customer-suggestions{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.customer-suggestions button{text-align:left;align-content:center;justify-items:start;gap:3px;min-height:54px;display:grid}.customer-suggestions span{color:#64748b;font-size:12px}.selected-customer-card{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.selected-customer-card span{font-size:13px;font-weight:800}.selected-customer-card.detailed{color:#14532d;place-content:start stretch;min-height:100%;display:grid}.selected-customer-card.detailed div{grid-template-columns:88px minmax(0,1fr);gap:6px 10px;margin-top:8px;display:grid}.selected-customer-card.detailed small{color:#64748b;font-weight:800}.selected-customer-card.detailed b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.invoice-customer-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.invoice-side-panel{align-self:stretch}.invoice-side-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.invoice-side-metrics .metric{box-shadow:none}.invoice-lines{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.invoice-lines table{min-width:1180px}.invoice-lines th,.invoice-lines td{padding:8px}.invoice-lines select,.invoice-lines input{min-height:36px;padding:6px 8px}.invoice-lines td:first-child{min-width:300px}.invoice-lines td:not(:first-child) input{min-width:82px}.line-product-cell{gap:6px;min-width:0;display:grid}.line-product-cell input{background:#fbfdff;border-color:#cbd5e1}.invoice-blank-line td{background:#fbfdff}.invoice-blank-line input:disabled{color:#94a3b8;background:#f1f5f9}.invoice-summary{grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:stretch;gap:12px;display:grid}.invoice-summary button{min-height:100%}.picker-overlay{z-index:40;background:#0f172a47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.picker-panel{background:#fff;border:1px solid #dfe6ef;border-radius:10px;gap:14px;width:min(760px,100%);max-height:min(720px,100vh - 48px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 70px #0f172a38}.picker-panel h3{margin:0;font-size:20px}.picker-panel p{color:#64748b;margin:4px 0 0}.picker-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.picker-results button{text-align:left;align-content:center;justify-items:start;gap:4px;min-height:58px;display:grid}.picker-results span{color:#64748b;font-size:12px}.toggle-row{align-items:center;gap:10px;min-height:42px;display:flex}.toggle-row input{accent-color:#2563eb;width:18px;min-height:18px}.wide-field{grid-column:span 2}.compact-head{margin:0}.success-note{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:7px;padding:10px}.report-cards{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.report-tabs{flex-wrap:wrap;gap:8px;display:flex}.report-tabs button{color:#304158;background:#fff;border:1px solid #dce4ef;align-items:center;gap:8px;display:inline-flex}.report-tabs button.selected{color:#fff;background:#162033;border-color:#162033}.report-panel{gap:14px;display:grid}.report-summary{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.hourly-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.hour-cell{background:#fff;border:1px solid #dfe6ef;border-radius:9px;gap:8px;padding:14px;display:grid;box-shadow:0 8px 26px #1420330a}.hour-cell span{color:#64748b;font-size:13px;font-weight:800}.hour-cell strong{font-size:19px}.hour-cell div{background:#e5eaf2;border-radius:99px;height:7px;overflow:hidden}.hour-cell i{border-radius:inherit;background:#2563eb;height:100%;display:block}.empty-report{text-align:center;color:#4b5b73;background:#fff;border:1px dashed #cbd5e1;border-radius:9px;align-content:center;place-items:center;gap:12px;min-height:260px;padding:28px;display:grid}.empty-report h3{color:#101827;margin:0}.empty-report p{max-width:760px;margin:0;line-height:1.6}.metric{gap:8px;padding:16px;display:grid}.metric span{color:#64748b;font-size:13px}.metric strong{font-size:24px}.sync-layout{grid-template-columns:minmax(300px,34%) 1fr;align-items:start;gap:16px;display:grid}.sync-health-panel,.sync-list{min-width:0}.sync-health-panel{gap:12px;display:grid}.sync-health-card{background:#fff;border:1px solid #dfe6ef;border-radius:9px;gap:8px;padding:16px;display:grid;box-shadow:0 8px 26px #1420330a}.sync-health-card span,.sync-health-grid span{color:#64748b;font-size:13px}.sync-health-card strong{font-size:24px}.sync-health-card small{color:#475569;line-height:1.45}.sync-health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sync-health-grid div{background:#f8fafc;border:1px solid #dfe6ef;border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.sync-health-grid strong{overflow-wrap:anywhere;font-size:18px}.sync-list h3{margin:0 0 10px;font-size:18px}@media (width<=1100px){.filter-card{grid-template-columns:1fr 1fr}.branch-info-row{grid-template-columns:minmax(150px,1fr) minmax(180px,1fr)}.editor-grid.three,.editor-grid.four,.editor-split,.sync-layout,.report-cards,.report-summary,.product-overview,.product-cloud-strip,.setup-grid,.company-user-form,.config-form,.filter-card.report-date-filter,.invoice-summary,.invoice-barcode-form,.customer-pick-strip,.invoice-customer-grid,.invoice-side-metrics{grid-template-columns:1fr}.wide-field{grid-column:auto}}@media (width<=820px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}aside{z-index:5;scrollbar-width:none;align-items:center;gap:8px;min-height:auto;padding:10px 12px;display:flex;position:sticky;top:0;overflow-x:auto}aside::-webkit-scrollbar{display:none}.aside-title{flex:none;padding:0 10px 0 0;font-size:18px}aside button{white-space:nowrap;flex:none;width:auto;min-height:40px;padding:9px 12px}header{gap:10px;height:auto;min-height:60px;padding:10px 14px}.top-identity{min-width:0}.top-identity strong,.top-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions{gap:8px}.text-button{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.panel{padding:20px}.page-head,.breadcrumb-actions,.form-actions,.page-actions{flex-direction:column;align-items:stretch}.filter-card,.grid-form,.editor-grid.two,.editor-grid.three,.editor-grid.four,.branch-info-row{grid-template-columns:1fr}.inline-form{display:grid}.inline-form input{width:100%}}