html{--mat-sys-background: #fef8fc;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f5eff4;--mat-sys-inverse-primary: #d5baff;--mat-sys-inverse-surface: #323033;--mat-sys-on-background: #1d1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #5f00c0;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #4b4357;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #1d1b1e;--mat-sys-on-surface-variant: #49454e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #004f4f;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #7b757f;--mat-sys-outline-variant: #cbc4cf;--mat-sys-primary: #7d00fa;--mat-sys-primary-container: #ecdcff;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #645b70;--mat-sys-secondary-container: #eadef7;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #fef8fc;--mat-sys-surface-bright: #fef8fc;--mat-sys-surface-container: #f2ecf1;--mat-sys-surface-container-high: #ede6eb;--mat-sys-surface-container-highest: #e6e1e6;--mat-sys-surface-container-low: #f8f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #ded8dd;--mat-sys-surface-tint: #7d00fa;--mat-sys-surface-variant: #e8e0eb;--mat-sys-tertiary: #006a6a;--mat-sys-tertiary-container: #00fbfb;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #00dddd;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--c-primary: #6C63FF;--c-primary-dark: #5A52D5;--c-accent: #00D4AA;--c-bg: #f4f5fb;--c-surface: #ffffff;--c-border: rgba(0, 0, 0, .07);--c-text: #1a1a2e;--c-text-muted: rgba(26, 26, 46, .45);--sidebar-width: 260px;--topbar-height: 64px;--g-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--g-teal: linear-gradient(135deg, #00D4AA 0%, #00B4DB 100%);--g-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--g-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--g-green: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--g-orange: linear-gradient(135deg, #f6d365 0%, #fda085 100%);--g-sidebar: linear-gradient(180deg, #0f0c29 0%, #302b63 60%, #1a1a4e 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{color-scheme:light;background-color:var(--c-bg);color:var(--c-text);font-family:Roboto,Helvetica Neue,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c63ff38;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c63ff66}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--g-sidebar);transition:width .26s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.app-shell.collapsed .app-sidebar{width:68px}.app-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--c-bg);min-width:0}.main-content{flex:1;padding:28px 32px;overflow-y:auto;height:0}.sidebar{height:100%;display:flex;flex-direction:column}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.sidebar__brand .brand-icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--g-brand);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6c63ff73;flex-shrink:0}.sidebar__brand .brand-icon mat-icon{color:#fff!important;font-size:20px;width:20px;height:20px}.sidebar__brand .brand-text .brand-name{font-size:.95rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.2px}.sidebar__brand .brand-text .brand-sub{font-size:.65rem;color:#ffffff61;letter-spacing:.8px;text-transform:uppercase}.sidebar mat-nav-list{padding:0 10px!important}.app-sidebar .mat-mdc-list-item{border-radius:var(--r-md)!important;margin-bottom:3px!important;height:46px!important;transition:all .18s ease!important;color:#ffffffbf!important}.app-sidebar .mat-mdc-list-item .mdc-list-item__content{padding:0 10px!important}.app-sidebar .mat-mdc-list-item mat-icon{color:#ffffffa6!important;transition:color .18s}.app-sidebar .mat-mdc-list-item .mdc-list-item__primary-text,.app-sidebar .mat-mdc-list-item .mat-mdc-list-item-title,.app-sidebar .mat-mdc-list-item span[matListItemTitle]{color:#ffffffbf!important;font-size:.86rem!important;font-weight:500;transition:color .18s}.app-sidebar .mat-mdc-list-item:hover{background:#ffffff17!important}.app-sidebar .mat-mdc-list-item:hover mat-icon{color:#fff!important}.app-sidebar .mat-mdc-list-item:hover .mdc-list-item__primary-text,.app-sidebar .mat-mdc-list-item:hover .mat-mdc-list-item-title,.app-sidebar .mat-mdc-list-item:hover span[matListItemTitle]{color:#fff!important}.app-sidebar .mat-mdc-list-item.active{background:#6c63ff59!important;box-shadow:inset 0 0 0 1px #6c63ff73!important}.app-sidebar .mat-mdc-list-item.active mat-icon{color:#c4bdff!important}.app-sidebar .mat-mdc-list-item.active .mdc-list-item__primary-text,.app-sidebar .mat-mdc-list-item.active .mat-mdc-list-item-title,.app-sidebar .mat-mdc-list-item.active span[matListItemTitle]{color:#fff!important;font-weight:700!important}.app-shell.collapsed .sidebar__brand{justify-content:center;padding:18px 12px;gap:0}.app-shell.collapsed .sidebar mat-nav-list{padding:0 6px!important}.app-shell.collapsed .sidenav .mat-mdc-list-item .mdc-list-item__content,.app-shell.collapsed .app-sidebar .mat-mdc-list-item .mdc-list-item__content{justify-content:center!important;padding:0!important}.app-shell.collapsed .sidenav .mat-mdc-list-item mat-icon,.app-shell.collapsed .app-sidebar .mat-mdc-list-item mat-icon{margin:0 auto!important}.topbar{background:var(--c-surface)!important;border-bottom:1px solid var(--c-border)!important;box-shadow:0 1px #0000000f!important;color:var(--c-text)!important;height:var(--topbar-height)!important;min-height:var(--topbar-height)!important;display:flex;align-items:center;gap:8px;padding:0 20px 0 24px;position:sticky;top:0;z-index:100}.topbar__title{font-size:1rem;font-weight:800;letter-spacing:.2px;background:var(--g-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar__spacer{flex:1}.topbar__username{font-size:.875rem;font-weight:600;color:var(--c-text)}.topbar button.mat-mdc-icon-button{color:var(--c-text)!important}.topbar button.mat-mdc-icon-button .mat-icon{color:#1a1a2e8c!important;transition:color .15s}.topbar button.mat-mdc-icon-button:hover .mat-icon{color:var(--c-primary)!important}.topbar mat-chip{font-size:.68rem!important;font-weight:700!important;letter-spacing:.4px!important}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-header__title{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.4px;color:var(--c-text);position:relative;padding-bottom:10px}.page-header__title:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--g-brand);border-radius:2px}.page-header__actions{display:flex;gap:8px}mat-card.mat-mdc-card{border-radius:var(--r-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--c-border)!important;transition:box-shadow .2s ease,transform .2s ease!important;background:var(--c-surface)!important}mat-card.mat-mdc-card:hover{box-shadow:var(--shadow-md)!important}mat-card-header{padding:18px 20px 0!important}mat-card-content{padding:14px 20px 18px!important}mat-card-actions{padding:0 16px 14px!important}mat-card-title{font-size:.92rem!important;font-weight:700!important;letter-spacing:.1px!important;color:var(--c-text)!important}.login-container{min-height:100vh;display:flex;align-items:stretch;background:var(--g-sidebar)}.login-side-art{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.login-side-art:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.25) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.login-side-art .art-icon-wrap{width:80px;height:80px;border-radius:20px;background:var(--g-brand);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #6c63ff80;margin-bottom:32px;position:relative;z-index:1}.login-side-art .art-icon-wrap mat-icon{color:#fff!important;font-size:40px;width:40px;height:40px}.login-side-art .art-title{font-size:2.4rem;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-1px;position:relative;z-index:1;text-align:center}.login-side-art .art-subtitle{font-size:.95rem;color:#ffffff80;text-align:center;max-width:280px;line-height:1.6;position:relative;z-index:1}@media(max-width:768px){.login-side-art{display:none}}.login-form-side{width:420px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--c-surface)}@media(max-width:768px){.login-form-side{width:100%;padding:32px 24px}}.login-inner{width:100%;max-width:340px}.login-heading{margin:0 0 6px;font-size:1.75rem;font-weight:800;color:var(--c-text);letter-spacing:-.5px}.login-subheading{font-size:.875rem;color:var(--c-text-muted);margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:10px}.login-error{color:#c62828;font-size:.85rem;margin:0;padding:10px 14px;background:#c6282812;border-radius:var(--r-sm);border-left:3px solid #c62828}.login-card{width:100%;max-width:400px}.full-width{width:100%}.kpi-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.kpi-card{flex:1;min-width:155px;overflow:hidden;position:relative;cursor:default}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--r-lg) var(--r-lg) 0 0}.kpi-card mat-card-content{display:flex;flex-direction:column;padding:18px 18px 16px!important}.kpi-card .kpi-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.kpi-card .kpi-icon mat-icon{font-size:20px;width:20px;height:20px;color:#fff!important}.kpi-card .kpi-label{font-size:.72rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.kpi-card .kpi-value{font-size:2rem;font-weight:800;letter-spacing:-1px;color:var(--c-text);display:flex;align-items:center;gap:8px;line-height:1}.kpi-card:nth-child(1):before{background:var(--g-brand)}.kpi-card:nth-child(1) .kpi-icon{background:var(--g-brand);box-shadow:0 4px 14px #667eea66}.kpi-card:nth-child(2):before{background:var(--g-orange)}.kpi-card:nth-child(2) .kpi-icon{background:var(--g-orange);box-shadow:0 4px 14px #fda08566}.kpi-card:nth-child(3):before{background:var(--g-pink)}.kpi-card:nth-child(3) .kpi-icon{background:var(--g-pink);box-shadow:0 4px 14px #f5576c66}.kpi-card:nth-child(4):before{background:var(--g-teal)}.kpi-card:nth-child(4) .kpi-icon{background:var(--g-teal);box-shadow:0 4px 14px #00b4db66}.kpi-card:nth-child(5):before{background:var(--g-green)}.kpi-card:nth-child(5) .kpi-icon{background:var(--g-green);box-shadow:0 4px 14px #38f9d759}.kpi-card:nth-child(6):before{background:var(--g-blue)}.kpi-card:nth-child(6) .kpi-icon{background:var(--g-blue);box-shadow:0 4px 14px #4facfe66}.kpi-card:nth-child(7):before{background:var(--g-orange)}.kpi-card:nth-child(7) .kpi-icon{background:var(--g-orange);box-shadow:0 4px 14px #fda08566}.tables-row{display:flex;gap:16px;margin-bottom:24px}.tables-row .table-card{flex:1;overflow:auto}.mat-mdc-table{width:100%;background:transparent!important}.mat-mdc-table .mat-mdc-header-row{background:var(--c-bg)!important}.mat-mdc-table .mat-mdc-header-cell{font-size:.68rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.7px;color:var(--c-text-muted)!important;border-bottom:none!important}.mat-mdc-table .mat-mdc-row{transition:background .12s!important}.mat-mdc-table .mat-mdc-row:hover{background:#6c63ff0a!important}.mat-mdc-table .mat-mdc-cell{font-size:.855rem!important;color:var(--c-text)!important;border-bottom-color:#0000000a!important}.top-card{margin-bottom:24px}.top-list{display:flex;flex-direction:column;gap:6px}.top-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--c-bg);transition:background .14s}.top-item:hover{background:#6c63ff0f}.top-rank{font-weight:800;font-size:.85rem;min-width:28px;color:var(--c-primary)}.top-name{flex:1;font-weight:600;font-size:.875rem}.top-sku{font-size:.72rem;color:var(--c-text-muted);font-family:monospace}.top-count{font-size:.78rem;font-weight:700;color:var(--c-primary)}.filter-card{margin-bottom:20px}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.filter-search{min-width:240px;flex:1}.filter-select{min-width:160px}.form-card{max-width:720px}.product-form,.adjustment-form,.sale-form,.category-form{display:flex;flex-wrap:wrap;gap:16px}.product-form mat-form-field,.adjustment-form mat-form-field,.sale-form mat-form-field,.category-form mat-form-field{min-width:280px}.product-form .toggle-row,.adjustment-form .toggle-row,.sale-form .toggle-row,.category-form .toggle-row{width:100%;display:flex;align-items:center}.product-form .form-actions,.adjustment-form .form-actions,.sale-form .form-actions,.category-form .form-actions{width:100%;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:8px 0}.detail-grid .full-width{grid-column:1/-1}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.68rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.7px;font-weight:700}.detail-value{font-size:.93rem;font-weight:500;color:var(--c-text);display:flex;align-items:center;gap:4px}.product-photo{max-width:200px;border-radius:var(--r-md);border:1px solid var(--c-border)}.photo-upload{display:flex;flex-direction:column;gap:8px}.photo-upload .upload-label{font-size:12px;color:var(--c-text-muted)}.photo-upload .upload-actions{display:flex;align-items:center;gap:8px}.photo-upload .photo-filename{font-size:12px;color:var(--c-text-muted)}.photo-upload .photo-preview{max-width:200px;max-height:200px;border-radius:var(--r-md);border:1px solid var(--c-border);object-fit:contain}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--c-text-muted)}.empty-state__icon{font-size:64px;width:64px;height:64px;margin-bottom:16px;opacity:.35}.empty-state__message{font-size:.9rem;margin:0;font-weight:500}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.text-muted{color:var(--c-text-muted)}.text-warn{color:#c62828}.stock-preview-box,.stock-info-box{background:var(--c-bg);border-radius:var(--r-sm);padding:10px 14px;font-size:.9rem;width:100%;border:1px solid var(--c-border)}.stock-info-digital{display:flex;align-items:center;gap:6px;color:var(--c-text-muted);margin:0}.sale-preview{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;border:1px solid}.sale-preview.preview-ok{background:#43e97b14;border-color:#43e97b73;color:#15623a}.sale-preview.preview-warn{background:#c6282812;border-color:#c628284d;color:#c62828}.option-sku{color:var(--c-text-muted)}.snack-success .mdc-snackbar__surface{background-color:#1a7c45!important;color:#fff!important;border-radius:var(--r-sm)!important}.snack-error .mdc-snackbar__surface{background-color:#c62828!important;color:#fff!important;border-radius:var(--r-sm)!important}.notification-unread{background:#6c63ff0d!important;border-left:3px solid var(--c-primary)!important}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.report-card{display:flex;flex-direction:column}.report-card mat-card-content{display:flex;align-items:center;gap:16px;flex:1}.report-card mat-card-actions{padding:8px 16px 16px}.report-card .report-card__icon{flex-shrink:0}.report-card .report-card__title{font-size:.95rem;font-weight:700;margin-bottom:4px}.report-card .report-card__desc{font-size:.83rem;color:var(--c-text-muted)}.mat-mdc-button,.mat-mdc-outlined-button{border-radius:var(--r-sm)!important;font-weight:600!important}.mat-mdc-raised-button,.mat-mdc-flat-button{border-radius:var(--r-sm)!important;font-weight:600!important;letter-spacing:.3px!important}.mat-mdc-chip{border-radius:6px!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:.3px!important}.sidebar-backdrop{position:fixed;inset:0;background:#00000073;z-index:199}@media(max-width:768px){.app-shell.mobile .app-sidebar{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width)!important;z-index:200;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.app-shell.mobile .app-sidebar.sidebar-open{transform:translate(0)}.app-shell.mobile .app-body{width:100%}.main-content{padding:16px}.tables-row{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.kpi-card{min-width:calc(50% - 8px)}.product-form mat-form-field,.adjustment-form mat-form-field,.sale-form mat-form-field,.category-form mat-form-field{min-width:0;width:100%}.filter-search{min-width:0;width:100%}.filter-row{gap:10px}.topbar__username--desktop,.topbar__role--desktop{display:none}}