@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh}header{background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(18px,4vw,56px);display:flex}.brand{color:#0d2f8f;align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:#0d2f8f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.06em;font-size:15px}.brand small{letter-spacing:.16em;color:#6b7890;margin-top:2px;font-size:9px}.header-meta{color:#63708a;align-items:center;gap:22px;font-size:12px;display:flex}.online{color:#16a34a}.avatar{color:#0d2f8f;background:#e7efff;border-radius:50%;width:32px;height:32px;font-weight:700}.page-heading h1{color:#14213d;margin:0;font-size:27px}.muted{color:#718099;margin:7px 0 0}.date-card{color:#7c879a;text-align:right;letter-spacing:.08em;font-size:10px}.date-card strong{color:#263958;margin-top:5px;font-size:13px;display:block}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.main-column{gap:20px;display:grid}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 3px 14px #1c315d08}.section-title{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:17px 19px;font-weight:800;display:flex}.section-title small{color:#8390a5;font-weight:500}.status-dot{color:#16a34a;font-size:11px;font-weight:600}.camera-view{background:#17233b;border-radius:10px;height:330px;margin:16px;position:relative;overflow:hidden}.camera-view video{object-fit:cover;width:100%;height:100%}.scan-frame{border:1px solid #5dbbff66;border-radius:12px;position:absolute;inset:18% 30%}.scan-frame i{border-style:solid;border-color:#5dbbff;width:18px;height:18px;position:absolute}.scan-frame i:first-child{border-width:2px 0 0 2px;top:-1px;left:-1px}.scan-frame i:nth-child(2){border-width:2px 2px 0 0;top:-1px;right:-1px}.scan-frame i:nth-child(3){border-width:0 0 2px 2px;bottom:-1px;left:-1px}.scan-frame i:nth-child(4){border-width:0 2px 2px 0;bottom:-1px;right:-1px}.camera-message{color:#fff;background:#101b31aa;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.camera-message span{color:#5dbbff;font-size:34px}.camera-message small{color:#bdc9dc}.camera-actions{align-items:center;gap:10px;padding:0 16px 16px;display:flex}.camera-actions span{color:#8490a5;margin-left:auto;font-size:11px}.primary,.secondary{border-radius:8px;padding:10px 14px;font-weight:700}.primary{color:#fff;background:#0d2f8f}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#34425c;background:#eef2f8}.full{width:100%;margin-top:18px}.product-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid}.product-card{text-align:left;color:#223352;background:#f8faff;border:1px solid #e5eaf3;border-radius:10px;gap:5px;padding:13px;display:grid}.product-card strong{font-size:12px}.product-card small{color:#8792a4;font-size:10px}.product-card b{color:#0d2f8f;font-size:12px}.product-icon{color:#0d2f8f;background:#dceaff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.cart{padding-bottom:19px;position:sticky;top:16px}.badge{color:#0d2f8f;background:#e9f1ff;border-radius:20px;padding:4px 8px;font-size:10px}.empty{text-align:center;color:#8390a5;padding:55px 20px;line-height:1.8}.cart-lines{padding:8px 18px}.cart-line{border-bottom:1px solid #eef1f5;justify-content:space-between;gap:10px;padding:13px 0;display:flex}.cart-line strong,.cart-line small{display:block}.cart-line strong{font-size:12px}.cart-line small{color:#8792a4;margin-top:4px;font-size:10px}.line-actions{align-items:center;gap:7px;display:flex}.line-actions button{color:#34425c;background:#edf2f8;border-radius:6px;width:22px;height:22px}.line-actions .remove{color:#ef4444;background:#fff0f0;margin-left:3px}.line-actions span{font-size:12px;font-weight:700}.cart-total{justify-content:space-between;padding:18px;font-size:13px;display:flex}.cart-total strong{color:#0d2f8f;font-size:18px}.overlay{background:#14213d66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;width:min(430px,100%);padding-bottom:20px;box-shadow:0 20px 60px #14213d33}.close{color:#8490a5;background:0 0;font-size:24px}.pay-total{background:#f6f8fc;padding:25px 20px}.pay-total small,.pay-total strong{display:block}.pay-total small{color:#718099}.pay-total strong{color:#0d2f8f;margin-top:5px;font-size:28px}.dialog label{color:#34425c;padding:20px;font-weight:700;display:block}.dialog input{border:1px solid #ccd5e4;border-radius:8px;width:100%;margin-top:8px;padding:13px;font-size:20px;display:block}.dialog-actions{justify-content:end;gap:8px;padding:0 20px;display:flex}@media (width<=850px){.workspace{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}.header-meta span:not(.online){display:none}}@media (width<=520px){main{padding:22px 12px}.page-heading{align-items:start}.date-card{display:none}.camera-view{height:280px}.camera-actions{flex-wrap:wrap}.camera-actions span{width:100%;margin:0}.product-grid{padding:12px}.cart-line{align-items:start}}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.metric{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:15px 17px}.metric small,.metric span{color:#7d899d;font-size:11px;display:block}.metric strong{color:#0d2f8f;margin:6px 0;font-size:22px;display:block}.metric .positive{color:#16a34a}.history-empty{color:#8792a4;padding:24px 18px}.sale-row{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.sale-row strong,.sale-row small{display:block}.sale-row strong{font-size:12px}.sale-row small{color:#8792a4;margin-top:4px;font-size:10px}.sale-row b{color:#0d2f8f;font-size:12px}@media (width<=850px){.summary-grid{grid-template-columns:1fr}}.add-product{color:#0d2f8f;background:#e9f1ff;border-radius:6px;margin-left:8px;padding:6px 9px;font-size:11px;font-weight:700}.product-form{border-top:1px solid #eef1f5;grid-template-columns:repeat(2,1fr);gap:9px;padding:16px;display:grid}.product-form input{border:1px solid #ccd5e4;border-radius:7px;padding:9px;font-size:12px}.product-form div{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.receipt-body{text-align:center;padding:22px 24px}.receipt-body>strong,.receipt-body>small{display:block}.receipt-body>strong{color:#0d2f8f;font-size:17px}.receipt-body>small{color:#7d899d;margin-top:4px;font-size:11px}.receipt-body hr{border:0;border-top:1px dashed #ccd5e4;margin:18px 0}.receipt-body div{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.receipt-body div b{color:#0d2f8f}:root{color:#17233b;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.app-shell{background:#f4f7fb;min-height:100vh;display:flex}.sidebar{color:#d9e4fb;background:#0b1d41;flex-direction:column;flex-shrink:0;width:238px;padding:24px 14px;display:flex}.side-brand{margin-bottom:27px;padding:0 11px}.store-switch{background:#17315e;border:1px solid #294776;border-radius:10px;align-items:center;gap:9px;margin:0 3px 24px;padding:12px 10px;display:flex}.store-icon{color:#fff;background:#3a75e8;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.store-switch div{flex:1}.store-switch small,.store-switch strong{display:block}.store-switch small{color:#8ca9d9;letter-spacing:.12em;font-size:8px}.store-switch strong{color:#fff;margin-top:3px;font-size:12px}nav{gap:5px;display:grid}nav button,.sidebar-bottom>button{color:#9db3d7;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;font-weight:600;display:flex}nav button span,.sidebar-bottom button span{text-align:center;width:18px;font-size:17px}nav button.active{color:#fff;background:#2765d7;box-shadow:0 8px 18px #06132e66}nav button em{color:#0a382b;background:#4ce2a4;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px;font-style:normal}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{margin-bottom:12px}.user-card{border-top:1px solid #254270;align-items:center;gap:9px;padding:16px 6px 0;display:flex}.user-card div{flex:1}.user-card strong,.user-card small{display:block}.user-card strong{color:#fff;font-size:11px}.user-card small{color:#8da8d2;margin-top:3px;font-size:10px}.content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e8f1;align-items:center;height:70px;padding:0 34px;display:flex}.breadcrumb{color:#9aa7bb;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb b{color:#ccd4df;font-weight:400}.header-meta{color:#8794a8;align-items:center;gap:17px;margin-left:auto;font-size:11px;display:flex}.connection{color:#1aa86a;align-items:center;gap:6px;display:flex}.connection i{background:#1cc47b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d9f8e9}.help{color:#75849c;background:#fff;border:1px solid #dce4ef;border-radius:50%;width:24px;height:24px;font-weight:800}main{max-width:1500px;margin:auto;padding:31px 34px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.eyebrow{letter-spacing:.15em;color:#8190a8;margin:0 0 9px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.04em;color:#152743;margin:0;font-size:27px}.page-heading h1 span{color:#f3ad35;font-size:20px}.muted{color:#8492a7;margin:7px 0 0;font-size:12px}.shift-button{color:#41516a;background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.shift-button span{color:#16b871;margin-right:5px}.shift-button b{color:#9ba8ba;margin-left:16px}.mobile-brand{display:none}@media (width<=900px){.sidebar{width:68px;padding:20px 9px}.side-brand div,.store-switch div,.store-switch>span:last-child,nav button:not(.active):after,nav button{font-size:0}.side-brand,.store-switch{justify-content:center}.store-switch{padding:9px}.store-icon{font-size:14px}.sidebar nav button{justify-content:center}.sidebar nav button span{font-size:17px}.sidebar-bottom>button{justify-content:center}.sidebar-bottom>button span{font-size:17px}.user-card div,.user-card>span:last-child{display:none}.user-card{justify-content:center}.topbar,main{padding-left:18px;padding-right:18px}.header-meta .sync-state,.breadcrumb{display:none}.mobile-brand{color:#0d2f8f;align-items:center;gap:8px;font-size:12px;display:flex}.topbar .mobile-brand .brand-mark{width:27px;height:27px;font-size:15px}.topbar .mobile-brand+.breadcrumb{display:none}}@media (width<=560px){.sidebar{display:none}.page-heading{align-items:start}.shift-button{display:none}main{padding:24px 12px}.topbar{padding:0 14px}.header-meta{gap:10px}.header-meta>span:not(.connection),.help{display:none}}.sidebar{color:#657080;background:#fff;border-right:1px solid #e5e9ef;padding:22px 12px}.side-brand strong{color:#123c37}.brand-mark{background:#0f766e}.store-switch{color:#5b6d6b;background:#f5f8f8;border-color:#e6eeee}.store-switch>span:last-child{color:#91a09d}nav button,.sidebar-bottom>button{color:#6e777f}nav button.active{color:#0f766e;box-shadow:none;background:#dff7f2;border-left:3px solid #0f766e;padding-left:9px}nav button em{color:#8a6300;background:#fce8ad}.sidebar-bottom{border-top:1px solid #edf0f2;padding-top:12px}.user-card{border-top-color:#edf0f2}.content{background:#f8f9fa}.topbar{border-bottom-color:#e9edef}.connection i{background:#24b69b;box-shadow:0 0 0 4px #dcf7f1}.page-heading h1{letter-spacing:-.02em;font-size:24px}.shift-button{color:#76570a;background:#fff3cf;border-color:#f7df91}.shift-button span{color:#e39a00}.summary-grid{grid-template-columns:repeat(3,1fr);gap:12px}.metric{border-radius:8px;box-shadow:0 1px 3px #153b3508}.metric:first-child{color:#fff;background:#147d73;border-color:#147d73}.metric:first-child small,.metric:first-child span{color:#d2f3ed}.metric:first-child strong{color:#fff}.metric:nth-child(2) strong,.metric:nth-child(3) strong{color:#183c38}.panel{border-radius:8px;box-shadow:0 1px 4px #1e354208}.section-title{padding:14px 16px}.primary{background:#0f766e}.product-card{background:#fff;border-radius:7px}.product-card:hover{background:#f2fbf9;border-color:#5dbbaa}.product-icon{color:#0f766e;background:#e2f5f1}.cart-total strong,.product-card b,.sale-row b{color:#0f766e}.badge{color:#0f766e;background:#e2f5f1}.camera-view{background:#173936}.scan-frame{border-color:#80d9c8}.scan-frame i{border-color:#f5c84b}.mobile-brand .brand-mark{background:#0f766e}@media (width<=900px){.sidebar{background:#fff}.summary-grid{grid-template-columns:repeat(3,1fr)}}.module-page{gap:18px;display:grid}.module-head{justify-content:space-between;align-items:end;display:flex}.module-head h2{margin:0;font-size:25px}.inventory-total{color:#0f766e;text-align:right;background:#e2f5f1;border-radius:8px;padding:12px 22px}.inventory-total small,.inventory-total strong{display:block}.inventory-total small{font-size:10px}.inventory-total strong{font-size:24px}.inventory-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.form-body{gap:13px;padding:18px;display:grid}.form-body label{color:#64717a;gap:6px;font-size:11px;font-weight:700;display:grid}.form-body input,.form-body select{color:#273d42;background:#fff;border:1px solid #dfe6e9;border-radius:7px;width:100%;padding:11px}.type-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-toggle button{color:#7a8787;background:#f3f6f6;border-radius:7px;padding:10px;font-size:11px;font-weight:700}.type-toggle button.selected.in{color:#087853;background:#dff7ee}.type-toggle button.selected.out{color:#ba4848;background:#ffebeb}.table-list{padding:4px 16px}.stock-row{border-bottom:1px solid #edf0f2;align-items:center;gap:10px;padding:11px 0;display:flex}.stock-row>div{flex:1}.stock-row strong,.stock-row small{display:block}.stock-row strong{font-size:12px}.stock-row small{color:#8a9698;margin-top:3px;font-size:10px}.stock-row>b{color:#0f766e}.stock-row>b.low{color:#d78300}.stock-row>b small{font-weight:500;display:inline}.movement-row{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;padding:12px 18px;display:flex}.movement-row>div{flex:1}.movement-row strong,.movement-row small{display:block}.movement-row strong{font-size:12px}.movement-row small{color:#8a9698;margin-top:3px;font-size:10px}.movement-in,.movement-out{border-radius:6px;place-items:center;width:40px;height:26px;font-size:12px;font-weight:800;display:grid}.movement-in{color:#087853;background:#dff7ee}.movement-out{color:#ba4848;background:#ffebeb}@media (width<=800px){.inventory-grid{grid-template-columns:1fr}.module-head{align-items:start}.inventory-total{display:none}}.nav-group{gap:3px;margin-bottom:14px;display:grid}.nav-label{letter-spacing:.12em;color:#9aa6a4;padding:0 12px 5px;font-size:8px;font-weight:800}.nav-group button{min-width:0}.nav-group button b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.collapse-button{color:#94a4b9;background:0 0;margin-left:auto;font-size:20px}.sidebar-collapsed .sidebar{width:70px}.sidebar-collapsed .side-brand{justify-content:center}.sidebar-collapsed .side-brand>div,.sidebar-collapsed .collapse-button,.sidebar-collapsed .store-switch div,.sidebar-collapsed .store-switch>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-group button b,.sidebar-collapsed .nav-group button em,.sidebar-collapsed .user-card div,.sidebar-collapsed .user-card>span:last-child{display:none}.sidebar-collapsed .store-switch,.sidebar-collapsed .nav-group button,.sidebar-collapsed .user-card{justify-content:center}.module-page{gap:20px}.module-state{color:#72817f;align-items:center;gap:7px;font-size:10px;display:flex}.module-state i{background:#22b58b;border-radius:50%;width:7px;height:7px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid .metric{min-height:104px}.metric.accent{color:#fff;background:#147d73;border-color:#147d73}.report-grid{grid-template-columns:1.35fr 1fr;gap:16px;display:grid}.data-panel{overflow:hidden}.bars{background:linear-gradient(#fff 0%,#f7fbfb 100%);justify-content:space-around;align-items:end;gap:12px;height:220px;padding:22px 26px 18px;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.bar-item span{background:linear-gradient(#39b49d,#0f766e);border-radius:6px 6px 2px 2px;width:26px;max-height:100%;display:block}.bar-item small{color:#87928f;font-size:10px}.compact-row{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;padding:13px 17px;display:flex}.compact-row>div{flex:1;min-width:0}.compact-row strong,.compact-row small{display:block}.compact-row strong{font-size:12px}.compact-row small{color:#87928f;margin-top:4px;font-size:10px}.compact-row b{color:#0f766e;white-space:nowrap;font-size:12px}.empty-state{color:#87928f;text-align:center;padding:30px 18px;font-size:12px}.progress-row{border-bottom:1px solid #edf0f2;grid-template-columns:130px 1fr 120px;align-items:center;gap:15px;padding:14px 18px;font-size:12px;display:grid}.progress-row>div{background:#edf3f2;border-radius:10px;height:8px;overflow:hidden}.progress-row i{background:#0f766e;border-radius:10px;height:100%;display:block}.progress-row b{text-align:right;color:#0f766e;font-size:11px}.action-panel{padding-bottom:16px}.text-button,.link-button{color:#0f766e;background:0 0;font-size:11px;font-weight:700}.text-button{margin:10px auto 0;display:block}.form-panel{gap:16px;padding:18px;display:grid}.form-panel label{color:#536462;gap:7px;font-size:11px;font-weight:700;display:grid}.form-panel input,.table-search{color:#223b38;background:#fff;border:1px solid #d8e1df;border-radius:7px;padding:11px}.field-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.field-grid label{color:#536462;gap:6px;font-size:11px;font-weight:700;display:grid}.field-grid input{border:1px solid #d8e1df;border-radius:7px;padding:10px}.table-search{width:210px;padding:8px;font-weight:400}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f2;padding:13px 16px;font-size:11px}th{letter-spacing:.08em;color:#8a9795;text-transform:uppercase;background:#fbfcfc;font-size:9px}td{color:#566461}.pill{border-radius:10px;padding:4px 7px;font-size:9px;font-weight:800}.pill.success{color:#087853;background:#ddf6ee}.pill.warning{color:#9d6a00;background:#fff0cf}.notice{color:#8b6300;background:#fff5db;border-radius:7px;padding:11px 13px;font-size:11px}.success-notice{color:#087853;background:#e2f7ef}.danger-text{color:#c24141!important}.button-row{gap:9px;display:flex}.info-grid{background:#e9efed;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.info-grid>div{background:#fff;gap:7px;padding:20px;display:grid}.info-grid small,.info-grid span{color:#87928f;font-size:10px}.info-grid strong{color:#24413d;font-size:13px}.report-kpis{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;display:grid}.report-kpis div{background:#f6faf9;border-radius:8px;padding:13px}.report-kpis small,.report-kpis strong{display:block}.report-kpis small{color:#84918e;font-size:10px}.report-kpis strong{color:#0f766e;margin-top:8px;font-size:18px}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.report-grid,.info-grid{grid-template-columns:1fr}}@media (width<=620px){.metric-grid,.field-grid,.report-kpis{grid-template-columns:1fr 1fr}.progress-row{grid-template-columns:90px 1fr 90px}.table-search{width:140px}.section-title{gap:8px}.section-title .table-search{margin-left:auto}.module-head{align-items:start;gap:10px}.module-state{display:none}}:root{--zc-primary:#0d2f8f;--zc-primary-strong:#08246f;--zc-accent:#2f80ed;--zc-accent-soft:#eaf2ff;--zc-teal:#0f766e;--zc-gold:#c78b2d;--zc-success:#15803d;--zc-warning:#b45309;--zc-danger:#b42318;--zc-bg:#f4f7fb;--zc-surface:#fff;--zc-surface-muted:#f8fafc;--zc-text:#14213d;--zc-text-muted:#64748b;--zc-border:#e2e8f0;--zc-sidebar:#0b1630;--zc-sidebar-muted:#9fb1d0;--zc-shadow:0 10px 30px #0f234b0f;--zc-radius:12px;--zc-motion:.18s cubic-bezier(.2, .7, .2, 1)}[data-theme=dark]{--zc-bg:#0d1424;--zc-surface:#141e31;--zc-surface-muted:#101a2c;--zc-text:#ecf3ff;--zc-text-muted:#a3b1c7;--zc-border:#283750;--zc-sidebar:#08101f;--zc-sidebar-muted:#a4b4ce;--zc-accent-soft:#172c55;--zc-shadow:0 12px 30px #0000003d}html{background:var(--zc-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--zc-bg);color:var(--zc-text);font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;transition:background-color var(--zc-motion), border-color var(--zc-motion), color var(--zc-motion), box-shadow var(--zc-motion), transform var(--zc-motion), opacity var(--zc-motion)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f80ed47}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.52}.icon{flex:none;display:block}.rotate-180{transform:rotate(180deg)}.rotate-0{transform:rotate(0)}.app-shell,.content{background:var(--zc-bg)}.sidebar{background:var(--zc-sidebar);color:#edf4ff;scrollbar-width:thin;scrollbar-color:#9fb1d059 transparent;border:0;width:256px;padding:20px 12px;overflow-y:auto}.side-brand{color:#fff;border-bottom:1px solid #9fb1d029;margin-bottom:0;padding:0 10px 18px}.side-brand strong{color:#fff;letter-spacing:.13em;font-size:15px}.side-brand small{color:#9fb1d0}.brand-mark{background:linear-gradient(145deg,#2f80ed,#0d2f8f);border-radius:11px;width:36px;height:36px;box-shadow:0 8px 18px #2f80ed47}.collapse-button{color:#a9bad7;border-radius:9px;min-width:36px;min-height:36px}.collapse-button:hover{color:#fff;background:#ffffff14}.store-switch{color:#e7eefb;background:#ffffff0f;border-color:#9fb1d02b;border-radius:10px;margin:16px 0 18px}.store-switch strong{color:#fff}.store-switch small{color:#91a5c6}.store-icon{background:#1f5fc9}.nav-group{margin-bottom:17px}.nav-label{color:#7186aa;padding-left:11px;font-size:9px}.nav-group button{min-height:40px;color:var(--zc-sidebar-muted);border:1px solid #0000;border-radius:9px;gap:11px;padding:9px 11px}.nav-group button span{color:#8fa7ce;place-items:center;width:18px;display:grid}.nav-group button b{font-size:12px}.nav-group button:hover{color:#fff;background:#ffffff12}.nav-group button.active{color:#fff;background:linear-gradient(90deg,#2f80ede0,#0d2f8fdb);border-color:#78b9ff47;box-shadow:0 8px 20px #0000002e}.nav-group button.active span{color:#fff}.nav-group button em{color:#6f4508;background:#f8d58e}.sidebar-bottom{border-top-color:#9fb1d029}.user-card{border-top:0}.user-card strong{color:#fff}.user-card small{color:#9fb1d0}.profile-menu{color:#91a5c6;background:0 0;border-radius:8px;place-items:center;min-width:36px;min-height:36px;display:grid}.profile-menu:hover{color:#fff;background:#ffffff14}.topbar{background:color-mix(in srgb, var(--zc-surface) 94%, transparent);border-bottom-color:var(--zc-border);height:72px;box-shadow:0 1px #ffffff59}.breadcrumb,.header-meta{color:var(--zc-text-muted)}.breadcrumb strong{color:var(--zc-text)}.sync-state{color:var(--zc-text-muted)}.connection{color:var(--zc-success)}.help,.icon-button{border:1px solid var(--zc-border);background:var(--zc-surface);width:40px;height:40px;color:var(--zc-text-muted);border-radius:9px;place-items:center;display:grid}.help:hover,.icon-button:hover{color:var(--zc-primary);background:var(--zc-accent-soft);border-color:#9dbcf0}.header-meta .avatar{width:36px;height:36px}main{max-width:1560px;padding:28px 36px 42px}.module-page{animation:.22s ease-out both page-enter}.module-head h2{color:var(--zc-text);letter-spacing:-.03em;font-size:28px}.eyebrow,.muted{color:var(--zc-text-muted)}.panel,.metric{background:var(--zc-surface);border-color:var(--zc-border);box-shadow:var(--zc-shadow);border-radius:var(--zc-radius)}.section-title{color:var(--zc-text);border-bottom-color:var(--zc-border);min-height:54px}.section-title small,.metric small,.metric span,.compact-row small,.bar-item small,.info-grid small,.info-grid span,.report-kpis small{color:var(--zc-text-muted)}.metric strong,.cart-total strong,.product-card b,.sale-row b,.compact-row b,.report-kpis strong{color:var(--zc-primary)}.metric.accent{background:linear-gradient(135deg,#0d2f8f,#1d5bd0);border-color:#1d5bd0;box-shadow:0 12px 26px #0d2f8f33}.metric.accent small,.metric.accent span,.metric.accent strong{color:#fff}.product-card{color:var(--zc-text);background:var(--zc-surface-muted);border-color:var(--zc-border);min-height:142px;transition:transform var(--zc-motion), box-shadow var(--zc-motion), border-color var(--zc-motion), background-color var(--zc-motion)}.product-card:hover{background:var(--zc-accent-soft);border-color:#7ca8e8;transform:translateY(-2px);box-shadow:0 8px 18px #2f80ed1f}.product-card small,.cart-line small{color:var(--zc-text-muted)}.product-icon{background:var(--zc-accent-soft);color:var(--zc-primary)}.primary{background:linear-gradient(135deg,#0d2f8f,#2f80ed);border-radius:9px;min-height:42px;box-shadow:0 7px 15px #0d2f8f29}.primary:hover{filter:brightness(1.05);box-shadow:0 9px 21px #0d2f8f3d}.secondary{border:1px solid var(--zc-border);background:var(--zc-surface-muted);min-height:42px;color:var(--zc-text);border-radius:9px}.secondary:hover{color:var(--zc-primary);background:var(--zc-accent-soft);border-color:#9dbcf0}.text-button,.link-button{min-height:40px}.camera-view{background:#0b1220;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff14}.scan-frame{border-color:#66b7ffb3;box-shadow:0 0 35px #2f80ed26}.camera-message{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050f1fab}.camera-message span{color:#79c4ff}.camera-actions{min-height:58px}.status-dot{color:var(--zc-success);align-items:center;gap:6px;display:inline-flex}.status-dot i{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);background:currentColor;border-radius:50%}.empty-state,.empty{color:var(--zc-text-muted)}.form-panel input,.form-panel select,.table-search,.dialog input,.form-body input,.form-body select,.product-form input{background:var(--zc-surface);color:var(--zc-text);border-color:var(--zc-border);min-height:42px}.form-panel input:hover,.form-panel select:hover,.table-search:hover{border-color:#9dbcf0}th{color:var(--zc-text-muted);background:var(--zc-surface-muted);border-bottom-color:var(--zc-border)}td{color:var(--zc-text-muted);border-bottom-color:var(--zc-border)}td strong{color:var(--zc-text)}.compact-row:hover,.sale-row:hover,.stock-row:hover,.movement-row:hover{background:var(--zc-surface-muted)}.info-grid{background:var(--zc-border)}.info-grid>div{background:var(--zc-surface)}.report-kpis div{background:var(--zc-surface-muted)}.notice{border:1px solid #c78b2d38}.success-notice{border-color:#15803d38}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070f1e9e}.dialog{background:var(--zc-surface);border:1px solid var(--zc-border)}.pay-total{background:var(--zc-surface-muted)}.pay-total small,.dialog label{color:var(--zc-text-muted)}.pay-total strong{color:var(--zc-primary)}.close{min-width:42px;min-height:42px;color:var(--zc-text-muted)}[data-theme=dark] .metric strong,[data-theme=dark] .cart-total strong,[data-theme=dark] .product-card b,[data-theme=dark] .sale-row b,[data-theme=dark] .compact-row b,[data-theme=dark] .report-kpis strong{color:#83b6ff}[data-theme=dark] .primary{background:linear-gradient(135deg,#1f5fc9,#3988f3)}[data-theme=dark] .camera-view{background:#060c17}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.sidebar{width:228px}main{padding-left:24px;padding-right:24px}}@media (width<=900px){.sidebar{width:72px;padding-left:9px;padding-right:9px}.side-brand>div,.collapse-button,.store-switch div,.store-switch>span:last-child,.nav-label,.nav-group button b,.nav-group button em,.user-card div,.user-card>span:last-child{display:none}.side-brand,.store-switch,.nav-group button,.user-card{justify-content:center}.nav-group button{padding:9px}.nav-group button span{width:20px}.store-switch{padding:9px}}@media (width<=620px){.sidebar{display:none}.topbar{padding:0 14px}main{padding:22px 14px 34px}.module-head h2{font-size:24px}.header-meta{gap:7px}.header-meta .sync-state,.header-meta .help{display:none}.metric-grid,.report-kpis{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-height:132px}.camera-view{height:min(58vh,390px);min-height:260px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.login-page{isolation:isolate;background:radial-gradient(circle at 12% 18%,#2f80ed33,#0000 32%),radial-gradient(circle at 92% 82%,#0f766e29,#0000 30%),#0b1630;place-items:center;min-height:100dvh;padding:32px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.login-orb{z-index:-1;filter:blur(2px);opacity:.35;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute}.login-orb-one{background:#2f80ed;top:-180px;right:10%}.login-orb-two{background:#0f766e;bottom:-230px;left:10%}.login-card{background:#fffffff0;border:1px solid #ffffff29;border-radius:22px;grid-template-columns:.95fr 1.05fr;width:min(1040px,100%);min-height:650px;animation:.3s ease-out both login-enter;display:grid;overflow:hidden;box-shadow:0 30px 80px #0000004d,inset 0 2px #ffffff3d}.login-brand-panel{color:#eaf2ff;background:linear-gradient(145deg,#0f2e77,#0b1630 64%,#08101f);flex-direction:column;padding:48px 46px 38px;display:flex;position:relative}.login-brand-panel:after{content:"";border:1px solid #77beff38;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;right:-100px;box-shadow:0 0 0 34px #77beff0a,0 0 0 70px #77beff06}.login-brand-mark,.login-mobile-mark{color:#fff;background:linear-gradient(145deg,#51a5ff,#1f5fc9);border-radius:14px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:700;display:grid;box-shadow:0 12px 24px #2f80ed52}.login-kicker,.login-form-heading .eyebrow{color:#8fc8ff;letter-spacing:.16em;margin:68px 0 12px;font-size:10px;font-weight:700}.login-brand-panel h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,52px);line-height:1.04}.login-brand-panel h1 span{color:#8fc8ff}.login-intro{color:#afc0da;max-width:360px;margin:20px 0 34px;font-size:15px;line-height:1.7}.login-feature-list{gap:17px;display:grid}.login-feature-list>div{align-items:center;gap:12px;display:flex}.login-feature-list>div>span{color:#9fd2ff;background:#2f80ed29;border:1px solid #8fc8ff40;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.login-feature-list p{gap:1px;margin:0;display:grid}.login-feature-list strong{color:#f6f9ff;font-size:13px}.login-feature-list small{color:#91a5c6;font-size:11px}.login-build{color:#8ea2c0;letter-spacing:.13em;margin-top:auto;padding-top:28px;font-size:10px}.login-build span{color:#6f86ab;letter-spacing:0;margin-left:8px}.login-form-panel{background:var(--zc-surface);flex-direction:column;justify-content:center;padding:52px 58px;display:flex}.login-form-heading .eyebrow{color:var(--zc-accent);margin:0 0 8px}.login-form-heading h2{color:var(--zc-text);letter-spacing:-.04em;margin:0;font-size:30px}.login-form-heading>p:last-child{color:var(--zc-text-muted);margin:8px 0 30px}.login-mobile-mark{display:none}.role-fieldset{border:0;min-width:0;margin:0;padding:0}.role-fieldset legend{color:var(--zc-text);margin-bottom:10px;font-size:12px;font-weight:700}.role-select-shell{border:1px solid var(--zc-border);background:var(--zc-surface-muted);min-height:50px;transition:border-color var(--zc-motion), box-shadow var(--zc-motion), background-color var(--zc-motion);border-radius:11px;align-items:center;display:flex;position:relative}.role-select-shell:hover{background:var(--zc-accent-soft);border-color:#9dbcf0}.role-select-shell:focus-within{background:var(--zc-surface);border-color:#3f8af0;box-shadow:0 0 0 4px #2f80ed1f}.role-select-icon{width:34px;height:34px;color:var(--zc-primary);background:var(--zc-surface);border-radius:9px;flex:0 0 34px;place-items:center;margin-left:10px;display:grid}.role-select-shell select{width:100%;min-height:48px;color:var(--zc-text);appearance:none;cursor:pointer;background:0 0;border:0;outline:0;padding:0 38px 0 11px;font-size:13px;font-weight:700}.role-select-chevron{color:var(--zc-text-muted);pointer-events:none;position:absolute;right:13px;transform:rotate(90deg)}.role-description{color:var(--zc-text-muted);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.role-description svg{color:var(--zc-accent);flex:none}.role-description strong{color:var(--zc-text)}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.role-option{min-height:70px;color:var(--zc-text);text-align:left;border:1px solid var(--zc-border);background:var(--zc-surface-muted);border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.role-option:hover{background:var(--zc-accent-soft);border-color:#9dbcf0}.role-option.selected{background:var(--zc-accent-soft);border-color:#3f8af0;box-shadow:0 0 0 3px #2f80ed1a}.role-icon{width:34px;height:34px;color:var(--zc-primary);background:var(--zc-surface);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.role-option>span:nth-child(2){gap:1px;min-width:0;display:grid}.role-option strong{font-size:12px}.role-option small{color:var(--zc-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.role-check{color:var(--zc-accent);margin-left:auto}.pin-field{margin-top:24px}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.field-label-row label{color:var(--zc-text);font-size:12px;font-weight:700}.field-label-row span{color:var(--zc-text-muted);font-size:10px}.pin-field input{width:100%;height:52px;color:var(--zc-text);letter-spacing:.34em;text-align:center;border:1px solid var(--zc-border);background:var(--zc-surface-muted);border-radius:11px;padding:0 15px;font-size:22px;font-weight:700}.pin-field input::placeholder{color:#aab7ca;letter-spacing:.28em}.pin-field input:focus{border-color:#3f8af0;outline:none;box-shadow:0 0 0 4px #2f80ed1f}.pin-help{color:var(--zc-text-muted);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.pin-help svg{color:var(--zc-accent)}.pin-help strong{color:var(--zc-text);letter-spacing:.08em}.login-error{color:#b42318;background:#b423180f;border:1px solid #b423182e;border-radius:8px;align-items:center;gap:6px;margin-top:9px;padding:8px 10px;font-size:11px;display:flex}.login-submit{color:#fff;background:linear-gradient(135deg,#0d2f8f,#2f80ed);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:24px;font-size:13px;font-weight:700;display:flex;box-shadow:0 9px 18px #0d2f8f2e}.login-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 24px #0d2f8f47}.login-submit span{font-size:19px;line-height:1}.login-security{border-top:1px solid var(--zc-border);align-items:center;gap:10px;margin-top:28px;padding-top:19px;display:flex}.login-security>span{width:27px;height:27px;color:var(--zc-success);background:#15803d1a;border-radius:50%;place-items:center;display:grid}.login-security p{gap:1px;margin:0;display:grid}.login-security strong{color:var(--zc-text);font-size:11px}.login-security small{color:var(--zc-text-muted);font-size:10px}@keyframes login-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=780px){.login-page{place-items:start center;padding:16px}.login-card{border-radius:18px;grid-template-columns:1fr;min-height:auto;margin:20px 0}.login-brand-panel{display:none}.login-form-panel{padding:32px 24px 28px}.login-mobile-mark{margin-bottom:24px;display:grid}}@media (width<=430px){.login-form-panel{padding:26px 17px 22px}.role-grid{gap:7px}.role-option{min-height:64px;padding:8px}.role-option small{font-size:9px}}.mobile-menu-button,.mobile-close-button,.mobile-sidebar-scrim{display:none}@media (width<=900px){.app-shell .sidebar{z-index:60;width:min(292px,88vw);box-shadow:none;padding:20px 12px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.mobile-sidebar-open .sidebar{transform:translate(0);box-shadow:18px 0 42px #030c1d47}.mobile-sidebar-scrim{z-index:50;background:#040c1b94;border:0;padding:0;position:fixed;inset:0}.mobile-sidebar-open .mobile-sidebar-scrim{display:block}.mobile-menu-button{width:44px;height:44px;color:var(--zc-text);border:1px solid var(--zc-border);background:var(--zc-surface);border-radius:10px;flex:0 0 44px;place-items:center;margin:0 -4px 0 -8px;display:grid}.mobile-menu-button:hover{color:var(--zc-primary);background:var(--zc-accent-soft);border-color:#9dbcf0}.mobile-close-button{color:#a9bad7;background:#ffffff0f;border:1px solid #9fb1d02e;border-radius:9px;flex:0 0 40px;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.mobile-close-button:hover{color:#fff;background:#ffffff1f}.app-shell .side-brand>div,.app-shell .store-switch div,.app-shell .store-switch>span:last-child,.app-shell .nav-label,.app-shell .nav-group button b,.app-shell .nav-group button em,.app-shell .user-card div,.app-shell .user-card>span:last-child{display:block}.app-shell .collapse-button{display:none}.app-shell .side-brand,.app-shell .store-switch,.app-shell .nav-group button,.app-shell .user-card{justify-content:initial}.app-shell .nav-group button{padding:9px 11px}.app-shell .nav-group button span{width:18px}.app-shell.sidebar-collapsed .sidebar{width:min(292px,88vw)}.app-shell.sidebar-collapsed .side-brand>div,.app-shell.sidebar-collapsed .store-switch div,.app-shell.sidebar-collapsed .store-switch>span:last-child,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-group button b,.app-shell.sidebar-collapsed .nav-group button em,.app-shell.sidebar-collapsed .user-card div,.app-shell.sidebar-collapsed .user-card>span:last-child{display:block}.app-shell.sidebar-collapsed .side-brand,.app-shell.sidebar-collapsed .store-switch,.app-shell.sidebar-collapsed .nav-group button,.app-shell.sidebar-collapsed .user-card{justify-content:initial}.topbar{padding:0 14px}.mobile-brand{color:var(--zc-primary);align-items:center;gap:8px;font-size:12px;display:flex}.mobile-brand .brand-mark{width:30px;height:30px;font-size:16px}.breadcrumb{display:none}.header-meta{gap:7px}.header-meta .sync-state,.header-meta .help{display:none}}@media (prefers-reduced-motion:reduce){.app-shell .sidebar,.mobile-sidebar-scrim{transition:none!important}}