html,body,#root{width:100%;min-height:100%;margin:0}:root{color:#172033;background:#f3f6fa;font-family:Inter,Arial,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-card{background:#fff;border-radius:24px;width:430px;max-width:100%;padding:38px;box-shadow:0 24px 70px #0f172a29}.login-card h1{text-align:center;margin:18px 0 7px}.login-card>p{color:#687386;text-align:center;margin:0 0 25px}.login-card label{margin:14px 0 7px;font-weight:700;display:block}.login-card input{border:1px solid #d6dce6;border-radius:11px;width:100%;padding:14px}.logo-mark{color:#fff;background:#111827;border-radius:18px;place-items:center;width:64px;height:64px;margin:auto;font-size:32px;font-weight:900;display:grid}.logo-mark.small{border-radius:12px;width:43px;height:43px;margin:0;font-size:22px}.primary-button{color:#fff;background:#111827;border:0;border-radius:11px;width:100%;margin-top:22px;padding:14px;font-weight:800}.error-message{min-height:24px;color:#b91c1c!important;margin-top:16px!important}.backoffice-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#111827;flex-direction:column;height:100vh;padding:24px 17px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 7px 27px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#9ca3af;margin-top:3px;font-size:13px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:12px 14px;font-weight:700}.sidebar nav button.active{color:#fff;background:#263348}.sidebar nav button:disabled{cursor:not-allowed;opacity:.42}.logout-button{color:#fff;background:0 0;border:1px solid #334155;border-radius:10px;width:100%;margin-top:auto;padding:12px;font-weight:700}.content{background:#f3f6fa;min-width:0;padding:30px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.topbar h1,.topbar p{margin:0}.topbar p{color:#687386;margin-top:6px}.refresh-button,.panel-header button{background:#fff;border:1px solid #d6dce6;border-radius:10px;padding:11px 17px;font-weight:700}.summary-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;display:grid}.summary-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;flex-direction:column;min-height:145px;padding:20px;display:flex;box-shadow:0 8px 26px #0f172a0d}.summary-card span{color:#667085;font-weight:700}.summary-card strong{margin:14px 0 8px;font-size:29px}.summary-card small{color:#8992a3;margin-top:auto}.summary-card.warning{background:#fffaf2;border-color:#fed7aa}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:18px;margin-top:23px;padding:22px;box-shadow:0 8px 26px #0f172a0d}.panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.panel-header h2,.panel-header p{margin:0}.panel-header p{color:#687386;margin-top:5px}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{white-space:nowrap;text-align:left;border-bottom:1px solid #edf0f4;padding:14px 11px;font-size:14px}th{color:#667085;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.receipt-number{text-overflow:ellipsis;max-width:220px;font-family:Consolas,monospace;overflow:hidden}.payment-badge,.status-badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.payment-badge{color:#3730a3;background:#e0e7ff}.status-badge{color:#166534;text-transform:capitalize;background:#dcfce7}.empty-state{color:#687386;text-align:center;padding:50px 20px}.status-message{color:#b91c1c;min-height:24px;font-weight:700}@media (width<=1150px){.summary-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=760px){.backoffice-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout-button{margin-top:20px}.content{padding:18px}.summary-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}}.products-page{gap:22px;display:grid}.products-form-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:20px;display:grid}.product-management-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:22px;box-shadow:0 8px 26px #0f172a0d}.management-card-header,.products-list-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.management-card-header h2,.management-card-header p,.products-list-header h2,.products-list-header p{margin:0}.management-card-header p,.products-list-header p{color:#687386;margin-top:5px}.product-form{grid-template-columns:repeat(3,minmax(150px,1fr));gap:15px;display:grid}.product-form label{color:#475467;gap:7px;font-size:13px;font-weight:800;display:grid}.product-form input,.product-form select,.category-entry input,.products-filters input,.products-filters select{background:#fff;border:1px solid #d6dce6;border-radius:10px;width:100%;padding:12px}.save-product-button{color:#fff;background:#111827;border:0;border-radius:11px;width:100%;margin-top:20px;padding:14px;font-weight:800}.cancel-edit-button,.cancel-category-edit{background:#fff;border:1px solid #d6dce6;border-radius:9px;padding:9px 13px;font-weight:700}.cancel-category-edit{margin-top:10px}.category-entry{grid-template-columns:minmax(0,1fr) 90px;gap:9px;display:grid}.category-entry button{color:#fff;background:#111827;border:0;border-radius:10px;font-weight:800}.category-list{gap:8px;max-height:350px;margin-top:18px;display:grid;overflow-y:auto}.category-row{border:1px solid #edf0f4;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.category-row strong,.category-row span{display:block}.category-row span{color:#8992a3;margin-top:3px;font-size:12px}.category-actions,.product-actions{gap:6px;display:flex}.category-actions button,.product-actions button,.products-list-header button{background:#fff;border:1px solid #d6dce6;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.danger-action{color:#b91c1c;background:#fff5f5!important;border-color:#fecaca!important}.product-list-card{min-width:0}.products-filters{grid-template-columns:minmax(240px,1fr) 260px;gap:12px;margin-bottom:17px;display:grid}.products-table-wrapper{width:100%;overflow-x:auto}.product-barcode{color:#8992a3;margin-top:4px;display:block}.product-active-badge,.product-inactive-badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.product-active-badge{color:#166534;background:#dcfce7}.product-inactive-badge{color:#475569;background:#f1f5f9}.empty-products-message{color:#687386;text-align:center;padding:35px 15px}.products-message{color:#374151;min-height:24px;margin:0;font-weight:700}@media (width<=1150px){.products-form-grid{grid-template-columns:1fr}.product-form{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=700px){.product-form,.products-filters{grid-template-columns:1fr}}.inventory-page{gap:21px;display:grid}.inventory-tabs{flex-wrap:wrap;gap:8px;display:flex}.inventory-tabs button{color:#475467;background:#fff;border:1px solid #d6dce6;border-radius:10px;padding:10px 15px;font-weight:800}.inventory-tabs button.active{color:#fff;background:#111827;border-color:#111827}.inventory-tabs .inventory-refresh{margin-left:auto}.inventory-summary{grid-template-columns:repeat(4,minmax(170px,1fr));gap:15px;display:grid}.inventory-card{background:#fff;border:1px solid #e4e8ef;border-radius:17px;flex-direction:column;min-height:135px;padding:19px;display:flex}.inventory-card span{color:#667085;font-weight:700}.inventory-card strong{margin:13px 0 8px;font-size:28px}.inventory-card small{color:#8992a3;margin-top:auto}.inventory-card.warning{background:#fffaf2;border-color:#fed7aa}.inventory-panel,.inventory-form-card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;min-width:0;padding:22px;box-shadow:0 8px 26px #0f172a0d}.inventory-panel-header{margin-bottom:19px}.inventory-panel-header h2,.inventory-panel-header p{margin:0}.inventory-panel-header p{color:#687386;margin-top:5px}.inventory-form-grid{grid-template-columns:repeat(3,minmax(170px,1fr));gap:15px;display:grid}.inventory-form-grid label{color:#475467;gap:7px;font-size:13px;font-weight:800;display:grid}.inventory-form-grid input,.inventory-form-grid select,.inventory-form-grid textarea{background:#fff;border:1px solid #d6dce6;border-radius:10px;width:100%;padding:12px}.inventory-form-grid textarea{resize:vertical;min-height:95px}.inventory-full-field{grid-column:1/-1}.inventory-primary-button{color:#fff;background:#111827;border:0;border-radius:11px;width:100%;margin-top:19px;padding:14px;font-weight:800}.inventory-table-wrapper{width:100%;overflow-x:auto}.inventory-ok-badge,.inventory-low-badge,.movement-badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.inventory-ok-badge{color:#166534;background:#dcfce7}.inventory-low-badge{color:#9a3412;background:#ffedd5}.movement-badge{color:#3730a3;background:#e0e7ff}.inventory-empty{color:#687386;text-align:center;padding:45px 20px}.inventory-message{color:#374151;min-height:24px;margin:0;font-weight:700}@media (width<=1100px){.inventory-summary,.inventory-form-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=700px){.inventory-summary,.inventory-form-grid{grid-template-columns:1fr}.inventory-full-field{grid-column:auto}.inventory-tabs .inventory-refresh{margin-left:0}}.stock-take-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stock-take-header-actions{gap:8px;display:flex}.stock-take-header-actions button{background:#fff;border:1px solid #d6dce6;border-radius:9px;padding:9px 12px;font-weight:700}.stock-take-details{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.stock-take-details label{color:#475467;gap:7px;font-size:13px;font-weight:800;display:grid}.stock-take-details input,.physical-count-input{background:#fff;border:1px solid #d6dce6;border-radius:9px;width:100%;padding:10px}.physical-count-input{min-width:130px}.variance-neutral,.variance-positive,.variance-negative{text-align:center;border-radius:8px;min-width:54px;padding:5px 8px;font-weight:800;display:inline-block}.variance-neutral{color:#475569;background:#f1f5f9}.variance-positive{color:#166534;background:#dcfce7}.variance-negative{color:#b91c1c;background:#fee2e2}@media (width<=700px){.stock-take-header,.stock-take-header-actions{flex-direction:column}.stock-take-details{grid-template-columns:1fr}}.inventory-branch-toolbar{background:#f8fafc;border:1px solid #dce2ea;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.inventory-branch-toolbar>div{gap:4px;display:grid}.inventory-branch-toolbar span{color:#667085;text-transform:uppercase;font-size:12px;font-weight:800}.inventory-branch-toolbar strong{font-size:18px}.inventory-branch-toolbar label,.branch-input-label{color:#475467;gap:7px;font-size:13px;font-weight:800;display:grid}.inventory-branch-toolbar select,.branch-input-label input{background:#fff;border:1px solid #d6dce6;border-radius:10px;min-width:280px;padding:11px}.branch-transfer-layout{grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr);gap:20px;display:grid}.branch-transfer-message{grid-column:1/-1}.branch-list{gap:9px;margin-top:18px;display:grid}.branch-list article{background:#f8fafc;border:1px solid #e4e8ef;border-radius:10px;justify-content:space-between;gap:12px;padding:12px;display:flex}.branch-list article span,.inventory-form-grid small{color:#667085}@media (width<=1000px){.branch-transfer-layout{grid-template-columns:1fr}.branch-transfer-message{grid-column:auto}}@media (width<=700px){.inventory-branch-toolbar{flex-direction:column;align-items:stretch}.inventory-branch-toolbar select,.branch-input-label input{width:100%;min-width:0}}.shops-devices-page{gap:21px;display:grid}.shops-devices-summary{grid-template-columns:repeat(4,minmax(170px,1fr));gap:15px;display:grid}.shops-devices-summary article{background:#fff;border:1px solid #e4e8ef;border-radius:17px;flex-direction:column;min-height:130px;padding:19px;display:flex}.shops-devices-summary span{color:#667085;font-weight:700}.shops-devices-summary strong{margin:12px 0 8px;font-size:28px}.shops-devices-summary small{color:#8992a3;margin-top:auto}.shops-devices-panel,.shops-list-panel{background:#fff;border:1px solid #e4e8ef;border-radius:18px;min-width:0;padding:22px;box-shadow:0 8px 26px #0f172a0d}.shops-devices-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.shops-devices-header h2,.shops-devices-header p{margin:0}.shops-devices-header p{color:#687386;margin-top:5px}.shops-devices-header button,.device-save-button{background:#fff;border:1px solid #d6dce6;border-radius:10px;padding:10px 14px;font-weight:800}.device-save-button{color:#fff;background:#111827;border-color:#111827}.shops-devices-table-wrapper{width:100%;overflow-x:auto}.shops-devices-table-wrapper td strong,.shops-devices-table-wrapper td small{display:block}.shops-devices-table-wrapper td small{color:#667085;margin-top:4px}.shops-devices-table-wrapper select{background:#fff;border:1px solid #d6dce6;border-radius:9px;min-width:190px;padding:9px}.shops-devices-table-wrapper code{white-space:nowrap;color:#475467;font-size:12px}.device-active,.device-inactive{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.device-active{color:#166534;background:#dcfce7}.device-inactive{color:#64748b;background:#f1f5f9}.shop-location-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px;display:grid}.shop-location-grid article{background:#f8fafc;border:1px solid #e4e8ef;border-radius:14px;padding:16px}.shop-location-grid h3{margin:0 0 13px}.shop-location-grid article div{border-top:1px solid #e4e8ef;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.shop-location-grid small{color:#667085}.shops-devices-empty{color:#687386;text-align:center;padding:45px 20px}.shops-devices-message{color:#374151;min-height:24px;margin:0;font-weight:700}@media (width<=1100px){.shops-devices-summary,.shop-location-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (width<=700px){.shops-devices-summary,.shop-location-grid{grid-template-columns:1fr}.shops-devices-header{flex-direction:column}}.employees-page{gap:22px;display:grid}.employee-summary-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:15px;display:grid}.employee-summary-grid article{background:#fff;border:1px solid #e3e8f0;border-radius:17px;flex-direction:column;min-height:128px;padding:20px;display:flex}.employee-summary-grid span{color:#667085;font-weight:700}.employee-summary-grid strong{margin:12px 0 8px;font-size:29px}.employee-summary-grid small{color:#8a94a6;margin-top:auto}.employee-editor,.employee-list-panel{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:24px;box-shadow:0 8px 25px #0f172a0d}.employee-section-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:21px;display:flex}.employee-section-header h2,.employee-section-header p{margin:0}.employee-section-header p{color:#687386;margin-top:5px}.employee-form-grid{grid-template-columns:repeat(3,minmax(200px,1fr));gap:16px;display:grid}.employee-form-grid label{color:#344054;gap:7px;font-weight:750;display:grid}.employee-form-grid input,.employee-form-grid select{color:#101828;width:100%;font:inherit;background:#fff;border:1px solid #d5dce7;border-radius:10px;padding:12px 13px}.employee-permissions{background:#f8fafc;border:1px solid #e3e8f0;border-radius:14px;margin-top:22px;padding:18px}.employee-permissions h3{margin:0 0 14px}.permission-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.permission-grid label{background:#fff;border:1px solid #e3e8f0;border-radius:10px;align-items:center;gap:9px;padding:11px;font-weight:650;display:flex}.permission-grid input{width:18px;height:18px}.employee-primary-button,.employee-secondary-button,.employee-actions button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d4dae4;border-radius:10px;font-weight:800}.employee-primary-button{color:#fff;background:#111827;border-color:#111827;width:100%;margin-top:20px;padding:14px}.employee-secondary-button{padding:10px 15px}.employee-table-wrapper{width:100%;overflow-x:auto}.employee-table-wrapper td strong,.employee-table-wrapper td small{display:block}.employee-table-wrapper td small{color:#667085;margin-top:4px}.employee-role{color:#263955;text-transform:capitalize;background:#e8eef8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;display:inline-block}.employee-active,.employee-inactive{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;display:inline-block}.employee-active{color:#166534;background:#dcfce7}.employee-inactive{color:#64748b;background:#f1f5f9}.employee-actions{flex-wrap:wrap;gap:7px;display:flex}.employee-actions button{padding:8px 10px}.employee-actions button:disabled{cursor:not-allowed;opacity:.45}.employee-delete-button{color:#b42318!important}.employee-empty{color:#667085;text-align:center;padding:40px!important}.employee-message{color:#344054;min-height:24px;margin:0;font-weight:750}@media (width<=1100px){.employee-summary-grid,.permission-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.employee-form-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (width<=700px){.employee-summary-grid,.permission-grid,.employee-form-grid{grid-template-columns:1fr}.employee-section-header{flex-direction:column}}.reports-page{gap:24px;display:grid}.reports-toolbar,.reports-panel{background:#fff;border:1px solid #dfe5ee;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0f172a0a}.reports-toolbar h2,.reports-panel h2{color:#0f172a;margin:0;font-size:26px}.reports-toolbar p,.reports-panel p{color:#64748b;margin:6px 0 0}.reports-date-fields{grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:14px;margin-top:22px;display:grid}.reports-date-fields label{color:#475569;gap:7px;font-size:14px;font-weight:700;display:grid}.reports-date-fields input{min-height:48px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px}.reports-date-fields input:focus{outline-offset:1px;outline:2px solid #94a3b8}.reports-primary-button,.reports-presets button{min-height:48px;font:inherit;cursor:pointer;border:1px solid #cbd5e1;border-radius:12px;padding:0 18px;font-weight:800}.reports-primary-button{color:#fff;background:#0f172a;border-color:#0f172a}.reports-primary-button:disabled{cursor:wait;opacity:.65}.reports-presets{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.reports-presets button{color:#0f172a;background:#f8fafc;min-height:40px}.reports-summary-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;display:grid}.reports-summary-grid article{background:#fff;border:1px solid #dfe5ee;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:145px;padding:22px;display:flex}.reports-summary-grid span{color:#64748b;font-weight:700}.reports-summary-grid strong{color:#0f172a;font-size:30px}.reports-summary-grid small{color:#94a3b8}.reports-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.reports-table-wrapper{width:100%;overflow-x:auto}.reports-table-wrapper table{border-collapse:collapse;width:100%;min-width:720px}.reports-table-wrapper th,.reports-table-wrapper td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8edf3;padding:15px 14px}.reports-table-wrapper th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.reports-table-wrapper td{color:#1e293b}.reports-empty{text-align:center!important;color:#64748b!important;padding:32px!important}.reports-message{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:12px 16px;font-weight:700}@media (width<=1250px){.reports-summary-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=850px){.reports-date-fields{grid-template-columns:1fr}.reports-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=560px){.reports-toolbar,.reports-panel{padding:18px}.reports-summary-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.reports-date-fields,.reports-presets,.status-message{display:none!important}.app-shell,.content{margin:0!important;padding:0!important;display:block!important}.reports-toolbar,.reports-panel,.reports-summary-grid article{box-shadow:none;break-inside:avoid}}.settings-page{gap:22px;padding-bottom:40px;display:grid}.settings-loading{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:36px;font-size:17px}.settings-intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-intro h2,.settings-card-heading h3{color:#0f172a;margin:0}.settings-intro p,.settings-card-heading p{color:#64748b;margin:7px 0 0}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;box-shadow:0 8px 24px #0f172a0a}.settings-card-heading{border-bottom:1px solid #e2e8f0;margin-bottom:22px;padding-bottom:18px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settings-grid label{color:#334155;gap:8px;font-size:14px;font-weight:700;display:grid}.settings-grid input,.settings-grid select,.settings-grid textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 14px;font-weight:500}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{border-color:#334155;box-shadow:0 0 0 3px #3341551f}.settings-grid input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.settings-grid textarea{resize:vertical;min-height:95px}.settings-wide-field{grid-column:1/-1}.settings-checkbox-row{align-self:end;align-items:center;min-height:46px;gap:10px!important;display:flex!important}.settings-checkbox-row input{width:18px;height:18px}.payment-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.payment-method-option{color:#0f172a;cursor:pointer;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:11px;padding:16px;font-weight:700;display:flex}.payment-method-option:has(input:checked){background:#f1f5f9;border-color:#1e293b}.payment-method-option input{width:18px;height:18px}.settings-save-button,.settings-secondary-button{cursor:pointer;border:0;border-radius:11px;padding:13px 22px;font-size:15px;font-weight:800}.settings-save-button{color:#fff;background:#0f172a}.settings-secondary-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.settings-save-button:disabled,.settings-secondary-button:disabled{opacity:.55;cursor:not-allowed}.settings-footer-actions{justify-content:flex-end;gap:12px;display:flex}.settings-alert{border-radius:10px;padding:14px 17px;font-weight:700}.settings-alert.success{color:#166534;background:#dcfce7;border:1px solid #86efac}.settings-alert.error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}@media (width<=900px){.settings-intro{flex-direction:column;align-items:stretch}.settings-grid,.payment-method-grid{grid-template-columns:1fr}.settings-wide-field{grid-column:auto}}@media (width<=600px){.settings-card{padding:18px}.settings-footer-actions{flex-direction:column-reverse}.settings-footer-actions button,.settings-intro button{width:100%}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--apx-navy-950:#07101f;--apx-navy-900:#0f172a;--apx-navy-800:#172033;--apx-navy-700:#26344d;--apx-blue-700:#1d4ed8;--apx-blue-600:#2563eb;--apx-blue-500:#3b82f6;--apx-blue-100:#dbeafe;--apx-blue-50:#eff6ff;--apx-green-700:#15803d;--apx-green-600:#16a34a;--apx-green-100:#dcfce7;--apx-green-50:#f0fdf4;--apx-red-700:#b91c1c;--apx-red-600:#dc2626;--apx-red-100:#fee2e2;--apx-red-50:#fef2f2;--apx-amber-700:#b45309;--apx-amber-100:#fef3c7;--apx-amber-50:#fffbeb;--apx-bg:#edf2f7;--apx-bg-soft:#f6f8fb;--apx-surface:#fff;--apx-surface-soft:#f8fafc;--apx-text:#172033;--apx-text-soft:#64748b;--apx-text-muted:#94a3b8;--apx-border:#dce4ee;--apx-border-strong:#cbd5e1;--apx-radius-sm:8px;--apx-radius-md:12px;--apx-radius-lg:16px;--apx-radius-xl:22px;--apx-shadow-sm:0 1px 2px #0f172a0d;--apx-shadow-md:0 8px 24px #0f172a14;--apx-shadow-lg:0 18px 50px #0f172a21;--apx-transition:.16s ease;background:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:var(--apx-bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at top left, #2563eb0e, transparent 30%), var(--apx-bg);min-width:320px;min-height:100vh;color:var(--apx-text);margin:0;overflow-x:hidden}#root{min-height:100vh}button{-webkit-tap-highlight-color:transparent;transition:transform var(--apx-transition), box-shadow var(--apx-transition), background-color var(--apx-transition), border-color var(--apx-transition), color var(--apx-transition), opacity var(--apx-transition)}button:not(:disabled){cursor:pointer}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:var(--apx-text);background:var(--apx-surface);border-color:var(--apx-border);transition:border-color var(--apx-transition), box-shadow var(--apx-transition), background-color var(--apx-transition);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--apx-border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--apx-blue-500);box-shadow:0 0 0 3px #2563eb24}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}a{color:var(--apx-blue-600);text-decoration:none}a:hover{color:var(--apx-blue-700)}table{border-spacing:0}::selection{color:#fff;background:var(--apx-blue-600)}*{scrollbar-width:thin;scrollbar-color:#aeb9c8 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#aeb9c8 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8794a7 padding-box content-box;border:3px solid #0000}.apx-card{background:var(--apx-surface);border:1px solid var(--apx-border);border-radius:var(--apx-radius-lg);box-shadow:var(--apx-shadow-sm)}.apx-page-title{color:var(--apx-navy-900);letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,2.5vw,2.25rem);font-weight:800}.apx-page-subtitle{color:var(--apx-text-soft);margin:6px 0 0;font-size:.96rem;line-height:1.55}.apx-primary-button{color:#fff;border:1px solid var(--apx-navy-900);border-radius:var(--apx-radius-md);background:var(--apx-navy-900);min-height:44px;box-shadow:var(--apx-shadow-sm);padding:10px 18px;font-weight:750}.apx-primary-button:hover:not(:disabled){background:var(--apx-navy-800);box-shadow:var(--apx-shadow-md)}.apx-secondary-button{min-height:44px;color:var(--apx-navy-900);border:1px solid var(--apx-border-strong);border-radius:var(--apx-radius-md);background:var(--apx-surface);padding:10px 18px;font-weight:700}.apx-secondary-button:hover:not(:disabled){border-color:var(--apx-blue-500);background:var(--apx-blue-50)}.apx-danger-button{min-height:44px;color:var(--apx-red-700);border-radius:var(--apx-radius-md);background:var(--apx-red-50);border:1px solid #fecaca;padding:10px 18px;font-weight:700}.apx-danger-button:hover:not(:disabled){color:#fff;border-color:var(--apx-red-600);background:var(--apx-red-600)}.apx-field{border:1px solid var(--apx-border);border-radius:var(--apx-radius-md);background:var(--apx-surface);width:100%;min-height:44px;padding:10px 13px}.apx-label{color:var(--apx-navy-700);margin-bottom:7px;font-size:.84rem;font-weight:750;display:block}.apx-success-message,.apx-error-message,.apx-warning-message{border-radius:var(--apx-radius-md);padding:11px 14px;font-size:.92rem;font-weight:650}.apx-success-message{color:var(--apx-green-700);background:var(--apx-green-50);border:1px solid #bbf7d0}.apx-error-message{color:var(--apx-red-700);background:var(--apx-red-50);border:1px solid #fecaca}.apx-warning-message{color:var(--apx-amber-700);background:var(--apx-amber-50);border:1px solid #fde68a}@media (width<=720px){:root{--apx-radius-lg:14px;--apx-radius-xl:18px}button,input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bo-bg:#f3f6fb;--bo-surface:#fff;--bo-surface-soft:#f8fafc;--bo-sidebar:#0f172a;--bo-sidebar-soft:#17233a;--bo-sidebar-active:#2563eb;--bo-primary:#2563eb;--bo-primary-dark:#1d4ed8;--bo-primary-soft:#eff6ff;--bo-text:#111827;--bo-text-soft:#64748b;--bo-border:#dbe3ee;--bo-success:#15803d;--bo-warning:#b45309;--bo-danger:#b91c1c;--bo-radius-sm:10px;--bo-radius:16px;--bo-radius-lg:22px;--bo-shadow-sm:0 4px 14px #0f172a0d;--bo-shadow:0 14px 34px #0f172a14;--bo-transition:.16s ease}*{box-sizing:border-box}html{background:var(--bo-bg)}body{background:radial-gradient(circle at top right, #2563eb0e, transparent 33%), var(--bo-bg);color:var(--bo-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color var(--bo-transition), background var(--bo-transition), box-shadow var(--bo-transition), color var(--bo-transition), transform var(--bo-transition)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.backoffice-shell{background:0 0;min-height:100vh;grid-template-columns:276px minmax(0,1fr)!important;display:grid!important}.sidebar{z-index:100;color:#fff;border-right:1px solid #ffffff0f;flex-direction:column;width:100%;top:0;overflow-y:auto;box-shadow:8px 0 30px #0f172a14;background:linear-gradient(#0f172a 0%,#111c31 55%,#0b1324 100%)!important;height:100vh!important;padding:26px 20px 20px!important;display:flex!important;position:sticky!important}.sidebar-brand{align-items:center;gap:13px;min-height:64px;margin-bottom:26px;padding:4px 8px;display:flex}.sidebar-brand>div:last-child{min-width:0}.sidebar-brand strong,.sidebar-brand h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:19px;line-height:1.15}.sidebar-brand p,.sidebar-brand span{color:#aebbd0}.logo-mark,.logo-mark.small{flex:none;place-items:center;font-size:21px;font-weight:900;display:grid;box-shadow:0 10px 24px #2563eb52,inset 0 1px #ffffff47;color:#fff!important;background:linear-gradient(145deg,#3b82f6,#1d4ed8)!important;border-radius:14px!important;width:46px!important;height:46px!important}.sidebar nav{grid-template-columns:1fr!important;gap:7px!important;display:grid!important}.sidebar nav button{text-align:left;cursor:pointer;align-items:center;width:100%;min-height:48px;font-size:14px;font-weight:700;display:flex;position:relative;color:#d7e0ee!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;padding:11px 14px!important}.sidebar nav button:before{color:#9fb0c8;flex:none;place-items:center;width:27px;margin-right:9px;font-size:16px;font-weight:800;display:inline-grid}.sidebar nav button:first-child:before{content:"⌂"}.sidebar nav button:nth-child(2):before{content:"▤"}.sidebar nav button:nth-child(3):before{content:"□"}.sidebar nav button:nth-child(4):before{content:"▦"}.sidebar nav button:nth-child(5):before{content:"♙"}.sidebar nav button:nth-child(6):before{content:"▥"}.sidebar nav button:nth-child(7):before{content:"◇"}.sidebar nav button:nth-child(8):before{content:"⚙"}.sidebar nav button:hover{transform:translate(2px);color:#fff!important;background:#ffffff12!important}.sidebar nav button.active{box-shadow:0 9px 22px #2563eb40;color:#fff!important;background:linear-gradient(135deg,#2563ebfa,#1d4ed8eb)!important;border-color:#60a5fa61!important}.sidebar nav button.active:before{color:#fff}.logout-button{cursor:pointer;width:100%;min-height:48px;font-weight:800;color:#fecaca!important;background:#7f1d1d21!important;border:1px solid #f8717152!important;border-radius:12px!important;margin-top:auto!important;padding:12px 15px!important}.logout-button:hover{color:#fff!important;background:#b91c1c42!important;border-color:#f871719e!important}.content{width:100%;min-width:0;padding:clamp(22px,3vw,42px) clamp(20px,3.2vw,48px)!important}.content>*{max-width:1560px;margin-left:auto;margin-right:auto}.topbar{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex;align-items:center!important}.topbar h1{color:var(--bo-text);letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(28px,3vw,40px);line-height:1.08}.topbar p{color:var(--bo-text-soft);margin:0;font-size:16px}.topbar button,.content button{border:1px solid var(--bo-border);border-radius:var(--bo-radius-sm);background:var(--bo-surface);min-height:44px;color:var(--bo-text);cursor:pointer;padding:10px 18px;font-weight:750}.topbar button:hover,.content button:hover{box-shadow:var(--bo-shadow-sm);background:#f8fafc;border-color:#b8c5d6;transform:translateY(-1px)}.content .primary-button,.content button[type=submit]{box-shadow:0 7px 18px #2563eb33;border-color:var(--bo-primary)!important;background:linear-gradient(135deg, var(--bo-primary), var(--bo-primary-dark))!important;color:#fff!important}.content .primary-button:hover,.content button[type=submit]:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important}.summary-grid{margin-bottom:28px;grid-template-columns:repeat(5,minmax(170px,1fr))!important;gap:18px!important;display:grid!important}.summary-grid>*{min-width:0;box-shadow:var(--bo-shadow-sm);border:1px solid var(--bo-border)!important;border-radius:var(--bo-radius)!important;background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;padding:24px!important}.summary-grid>:hover{box-shadow:var(--bo-shadow);transform:translateY(-2px);border-color:#bfcee1!important}.summary-grid h2,.summary-grid h3{letter-spacing:-.025em}.content section,.content [class$=-card],.content [class*=-card\ ]{border-color:var(--bo-border)}.content>section,.content .dashboard-panel,.content .table-card,.content .settings-card,.content .inventory-card,.content .products-card,.content .reports-card,.content .employees-card,.content .shops-card{box-shadow:var(--bo-shadow-sm);border:1px solid var(--bo-border)!important;border-radius:var(--bo-radius-lg)!important;background:var(--bo-surface)!important}.content label{color:#475569;font-size:13px;font-weight:750}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{width:100%;min-height:44px;color:var(--bo-text);background:#fff!important;border:1px solid #cfd9e6!important;border-radius:10px!important}.content input:not([type=checkbox]):not([type=radio]){padding:10px 12px}.content select{padding:10px 36px 10px 12px}.content textarea{resize:vertical;min-height:105px;padding:12px}.content input:hover,.content select:hover,.content textarea:hover{border-color:#aebed1!important}.content input:focus,.content select:focus,.content textarea:focus{box-shadow:0 0 0 4px #2563eb1c;border-color:var(--bo-primary)!important}.content input:disabled,.content select:disabled,.content textarea:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9!important}.content table{border-collapse:separate;border-spacing:0;width:100%}.content thead th{border-bottom:1px solid var(--bo-border);color:#475569;letter-spacing:.045em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:14px;font-size:12px;font-weight:850}.content tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #e8edf4;padding:15px 14px}.content tbody tr:last-child td{border-bottom:0}.content tbody tr:hover td{background:#f8fbff}.content [class*=table-wrap],.content [class*=table-container]{border:1px solid var(--bo-border);scrollbar-width:thin;border-radius:14px;overflow-x:auto}.content h1,.content h2,.content h3{color:var(--bo-text)}.content h2{letter-spacing:-.025em}.content p{line-height:1.55}.login-page{background:radial-gradient(circle at 18% 20%,#2563eb33,#0000 32%),linear-gradient(145deg,#0f172a,#172554);place-items:center;min-height:100vh;padding:24px;display:grid!important}.login-card{width:min(100%,440px);background:#fffffff7!important;border:1px solid #ffffff47!important;border-radius:24px!important;padding:36px!important;box-shadow:0 25px 65px #02061757!important}.sidebar::-webkit-scrollbar{width:8px;height:8px}.content ::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-thumb{background:#94a3b854;border-radius:999px}.content ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (width<=1280px){.summary-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}}@media (width<=980px){.backoffice-shell{display:block!important}.sidebar{width:100%;max-height:none;top:0;overflow:visible;height:auto!important;padding:14px 16px!important;position:sticky!important}.sidebar-brand{min-height:50px;margin-bottom:12px}.logo-mark.small{border-radius:12px!important;width:40px!important;height:40px!important}.sidebar nav{scrollbar-width:thin;padding-bottom:5px;overflow-x:auto;gap:8px!important;display:flex!important}.sidebar nav button{white-space:nowrap;flex:none;width:auto;min-height:42px;padding:9px 13px!important}.sidebar nav button:before{width:auto;margin-right:7px}.logout-button{display:none}.content{padding:24px 20px 38px!important}.summary-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}}@media (width<=640px){.sidebar-brand{margin-bottom:9px}.sidebar-brand p,.sidebar-brand span{display:none}.content{padding:20px 14px 32px!important}.topbar{flex-direction:column;gap:15px;align-items:stretch!important}.topbar button{width:100%}.summary-grid{grid-template-columns:1fr!important;gap:13px!important}.summary-grid>*{padding:19px!important}.content table{min-width:720px}.content>section,.content .settings-card,.content .inventory-card,.content .products-card,.content .reports-card,.content .employees-card,.content .shops-card{border-radius:16px!important}.login-card{padding:27px 21px!important}}