@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url("./media/material-icons-round-WEHMTW23.woff2") format("woff2"),url("./media/material-icons-round-SLOHZIXU.woff") format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 Inter Variable;--mat-sys-body-large-font: Inter Variable;--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 Inter Variable;--mat-sys-body-medium-font: Inter Variable;--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 Inter Variable;--mat-sys-body-small-font: Inter Variable;--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 Inter Variable;--mat-sys-display-large-font: Inter Variable;--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 Inter Variable;--mat-sys-display-medium-font: Inter Variable;--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 Inter Variable;--mat-sys-display-small-font: Inter Variable;--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 Inter Variable;--mat-sys-headline-large-font: Inter Variable;--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 Inter Variable;--mat-sys-headline-medium-font: Inter Variable;--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 Inter Variable;--mat-sys-headline-small-font: Inter Variable;--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 Inter Variable;--mat-sys-label-large-font: Inter Variable;--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 Inter Variable;--mat-sys-label-medium-font: Inter Variable;--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 Inter Variable;--mat-sys-label-small-font: Inter Variable;--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 Inter Variable;--mat-sys-title-large-font: Inter Variable;--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 Inter Variable;--mat-sys-title-medium-font: Inter Variable;--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 Inter Variable;--mat-sys-title-small-font: Inter Variable;--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-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--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{color-scheme:light;--page: #F4FAFD;--card: #FFFFFF;--muted-surface: #E8F6FB;--text: #102A36;--secondary: #58707A;--border: #BFDDEA;--accent: #007BAD;--accent-soft: #DDF6FF;--error: #B3261E;--error-bg: #FFF0EB;--warning: #805018;--warning-bg: #FFF2DF;--mat-sys-primary: #007BAD;--mat-sys-on-primary: #FFFFFF;--mat-sys-primary-container: #DDF6FF;--mat-sys-on-primary-container: #00445F;--mat-sys-secondary: #31AFE4;--mat-sys-on-secondary: #102A36;--mat-sys-secondary-container: #B9E5F7;--mat-sys-on-secondary-container: #00445F;--mat-sys-tertiary: #00899B;--mat-sys-surface: #FFFFFF;--mat-sys-on-surface: #102A36;--mat-sys-surface-container: #E8F6FB;--mat-sys-surface-container-high: #E8F6FB;--mat-sys-surface-container-highest: #E0F3FA;--mat-sys-on-surface-variant: #58707A;--mat-sys-outline: #5F7B86;--mat-sys-outline-variant: #BFDDEA;--mat-sys-error: #B3261E}html.dark{color-scheme:dark;--page: #031D28;--card: #082A37;--muted-surface: #103744;--text: #E5F5FA;--secondary: #B4CDD6;--border: #345967;--accent: #6ACAF2;--accent-soft: #005573;--error: #FFB4A5;--error-bg: #4A2B29;--warning: #F2A541;--warning-bg: #423420;--mat-sys-primary: #6ACAF2;--mat-sys-on-primary: #00445F;--mat-sys-primary-container: #005573;--mat-sys-on-primary-container: #DDF6FF;--mat-sys-secondary: #31AFE4;--mat-sys-on-secondary: #003044;--mat-sys-secondary-container: #13536D;--mat-sys-on-secondary-container: #DDF6FF;--mat-sys-tertiary: #7BD3D8;--mat-sys-surface: #082A37;--mat-sys-on-surface: #E5F5FA;--mat-sys-surface-container: #103744;--mat-sys-surface-container-high: #103744;--mat-sys-surface-container-highest: #173D4A;--mat-sys-on-surface-variant: #B4CDD6;--mat-sys-outline: #829BA5;--mat-sys-outline-variant: #345967;--mat-sys-error: #FFB4A5}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:14px/1.5 Inter Variable,sans-serif}a{color:var(--accent)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;line-height:1.2;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:8px}h3{font-size:18px}small{font-size:12px}label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}input:not([type=checkbox]),select{width:100%;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);padding:0 12px}input::placeholder{color:var(--secondary);opacity:.85}input:disabled,select:disabled{opacity:.6}.muted{color:var(--secondary)}.eyebrow{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.5px;margin-bottom:14px}.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 20px #102a3604}.topbar{position:fixed;inset:0 0 auto;z-index:30;min-height:78px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 12px 28px #0f172a05}.brand-chip{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-chip img{width:44px;height:44px;border-radius:22.5%}.brand-chip small{display:block;font-weight:450;color:var(--secondary);letter-spacing:0;font-size:10px}.topbar-actions{display:flex;gap:14px;align-items:center}.user-chip{padding:8px 14px;background:var(--muted-surface);border:1px solid var(--border);border-radius:20px;font-weight:550}.sidebar{position:fixed;top:78px;bottom:0;left:0;width:242px;border-right:1px solid var(--border);padding:32px 22px 20px;background:var(--card);display:flex;flex-direction:column}.sidebar .eyebrow{color:var(--secondary);margin-bottom:22px}.sidebar select{background:var(--muted-surface)}.sidebar nav{display:grid;gap:8px;margin-top:30px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;text-decoration:none;color:var(--secondary);font-weight:600}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar nav span{font-size:22px;line-height:1}.sidebar-note{margin-top:auto;padding:20px 14px;border:1px solid var(--border);border-radius:14px;background:var(--muted-surface)}.sidebar-note>span{display:block;font-size:25px;margin-bottom:12px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:12px;color:var(--secondary);margin:8px 0 0}.version{color:var(--secondary);margin-top:24px;font-size:10px}.workspace{margin-left:242px;padding:122px 40px 44px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading p:last-child{margin:0}.page-heading button{flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:42px}.stat{padding:24px;display:grid;text-decoration:none;color:var(--text);transition:transform .15s}.stat:hover{transform:translateY(-3px)}.stat>span{font-weight:550}.stat strong{font-size:46px;letter-spacing:-2px;margin:10px 0;font-weight:600}.stat small{color:var(--secondary);display:flex;justify-content:space-between}.stat.warning{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.stat.warning strong{color:var(--warning)}.stat.danger{background:var(--error-bg);border-color:color-mix(in srgb,var(--error) 15%,transparent)}.stat.danger strong{color:var(--error)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-heading p{margin:0;font-size:13px}.table-title{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.table-title h2{margin:0;font-size:16px}.table-title button{margin-left:auto}.count{font-size:11px;background:var(--muted-surface);color:var(--secondary);padding:4px 9px;border-radius:20px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:var(--muted-surface);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--secondary);padding:13px 20px;font-weight:650}td{padding:19px 20px;border-top:1px solid var(--border)}td small{display:block;margin-top:5px;font-size:11px;color:var(--secondary)}td strong{font-weight:650}.product-name{display:flex;align-items:center;gap:12px;min-width:165px}.product-name strong{font-size:13px}.product-symbol{font-size:23px;border-radius:12px;background:var(--muted-surface);padding:10px}.badge{white-space:nowrap;display:inline-block;padding:4px 9px;border-radius:6px;background:var(--muted-surface);font-size:10px;font-weight:650}.badge.expired{color:var(--error);background:var(--error-bg)}.badge.soon{color:var(--warning);background:var(--warning-bg)}.row-actions{display:flex;flex-wrap:wrap;gap:0}.row-actions button{font-size:11px;min-width:0;padding:0 8px}.delete-button{--mat-button-text-label-text-color: var(--error)}.filters{display:flex;align-items:end;gap:20px;padding:22px;margin-bottom:24px}.filters>div{flex:1}.filters .search{flex:2}.empty{padding:50px 25px;text-align:center;color:var(--secondary)}.empty h2,.empty h3{color:var(--text);margin-bottom:10px}.empty p{max-width:420px;margin:auto}.empty-icon{display:block;font-size:36px;margin-bottom:16px}.error,.notice{padding:14px 16px;border-radius:10px}.error{color:var(--error);background:var(--error-bg)}.notice{background:var(--warning-bg);color:var(--warning)}.error-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:8px 0}.form-grid .full{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:10px;margin:4px 0}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.skip-link{position:fixed;z-index:100;left:16px;top:-80px;padding:12px;background:var(--card)}.skip-link:focus{top:12px}@media(max-width:1150px){.workspace{padding:110px 24px 30px}.sidebar{width:210px;padding:26px 16px}.workspace{margin-left:210px}.stats{gap:12px}.stat{padding:20px}}@media(max-width:760px){.topbar{padding:10px 16px;min-height:70px;gap:10px}.brand-chip small,.user-chip{display:none}.topbar-actions{gap:0}.brand-chip{font-size:18px}.brand-chip img{width:36px;height:36px}.sidebar{position:relative;top:auto;width:auto;padding:88px 18px 16px;border-right:none;border-bottom:1px solid var(--border)}.sidebar>.eyebrow,.sidebar-note,.version{display:none}.sidebar nav{display:flex;margin-top:14px;gap:8px}.sidebar nav a{flex:1;justify-content:center;padding:10px;font-size:12px}.workspace{margin:0;padding:28px 18px}.page-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}.stats{gap:8px;margin-bottom:28px}.stat{padding:14px 10px;border-radius:12px}.stat>span{font-size:11px}.stat strong{font-size:34px}.stat small{font-size:10px}.stat small span{display:none}.section-heading{align-items:start}.section-heading h2{font-size:18px}.section-heading p{font-size:12px}.section-heading>a{min-width:95px;font-size:11px}.filters{flex-wrap:wrap;gap:14px;padding:16px}.filters .search{flex:1 0 100%}.table-title{padding:14px;gap:8px}.table-title h2{font-size:14px}.table-title button{font-size:11px}.table-title .count{font-size:10px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.kitchen-select{display:flex;align-items:center;width:100%;min-width:0;height:44px;padding:0;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--border);background:var(--card);color:var(--text);--mat-select-enabled-trigger-text-color: var(--text);--mat-select-enabled-arrow-color: var(--accent);--mat-select-focused-arrow-color: var(--accent);--mat-select-trigger-text-size: 14px}.kitchen-select .mat-mdc-select-trigger{height:100%;padding:0 12px;box-sizing:border-box}.kitchen-select:focus-within{outline:2px solid var(--accent);outline-offset:2px}.kitchen-select.mat-select-disabled{opacity:.6}.sidebar .kitchen-select{background:var(--muted-surface)}.cdk-overlay-pane .kitchen-select-panel{margin:6px 0;padding:6px;border:1px solid var(--border);border-radius:12px!important;background:var(--card);box-shadow:0 8px 24px #031d281a;--mat-option-label-text-color: var(--text);--mat-option-selected-state-label-text-color: var(--accent);--mat-option-selected-state-layer-color: var(--accent-soft);--mat-option-hover-state-layer-color: var(--muted-surface);--mat-option-focus-state-layer-color: var(--muted-surface);--mat-option-label-text-size: 14px}.kitchen-select-panel .mat-mdc-option{min-height:44px;border-radius:8px}.sidebar nav a.active{box-shadow:inset 0 0 0 1px var(--border)}.sidebar nav a:hover{background:var(--muted-surface);color:var(--accent)}.mat-mdc-button:not(:disabled){background:var(--accent-soft);color:var(--accent)}.mat-mdc-button:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 18%,var(--card))}.mat-mdc-unelevated-button:not(:disabled){box-shadow:0 3px 10px #007bad20}.row-actions{gap:6px}.row-actions .mat-mdc-button:first-child:not(:disabled){background:var(--accent);color:var(--mat-sys-on-primary)}.delete-button.mat-mdc-button:not(:disabled){background:var(--error-bg);color:var(--error)}.delete-button.mat-mdc-unelevated-button:not(:disabled){background:var(--error);color:var(--card)}.mat-mdc-dialog-actions{padding:12px 24px 22px;gap:8px}.cdk-overlay-pane .kitchen-select-panel.mat-select-panel-exit{opacity:0;animation-fill-mode:forwards;pointer-events:none}.mat-icon{flex-shrink:0}.sidebar nav .mat-icon{width:22px;height:22px;font-size:22px}.sidebar-note>.mat-icon{display:block;color:var(--accent);margin-bottom:12px}.stat small .mat-icon{font-size:16px;width:16px;height:16px}.empty-icon .mat-icon{width:36px;height:36px;font-size:36px;color:var(--accent)}.product-symbol{display:inline-flex;color:var(--accent)}@media(max-width:760px){.stat small .mat-icon{display:none}}.stats .stat{position:relative;overflow:hidden;border-radius:26px;color:#fff;border:1px solid rgba(255,255,255,.1490196078);background:linear-gradient(130deg,#007bad,#00445f);box-shadow:0 8px 24px #007bad20}.stats .stat.warning{background:linear-gradient(130deg,#00899b,#005b70);border-color:#ffffff26}.stats .stat.danger{background:linear-gradient(130deg,#c64b30,#a73524);border-color:#ffffff26;box-shadow:0 8px 24px #e86a4a20}.stats .stat:after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-85px;border-radius:50%;background:#ffffff08;pointer-events:none}.stats .stat .stat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:650}.stats .stat .stat-icon{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:50%;background:#ffffff24;font-size:22px}.stats .stat strong{color:#fff;font-weight:700}.stats .stat small{color:#fff;opacity:.9;align-items:center}.stats .stat small .mat-icon{border-radius:50%;box-sizing:content-box;padding:6px;background:#ffffff20}.stats .stat:focus-visible{outline-color:var(--accent)}html.dark .stats .stat{box-shadow:none}@media(max-width:760px){.stats .stat{border-radius:18px}.stats .stat .stat-heading{align-items:flex-start;flex-direction:column-reverse;gap:10px}.stats .stat .stat-icon{width:30px;height:30px;padding:6px;font-size:18px}}.brand-chip img{border-radius:22.5%;aspect-ratio:1;object-fit:contain}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-heading,.settings-panel{animation:arrive .28s ease-out both}.stats .stat{animation:arrive .34s ease-out backwards}.stats .stat:nth-child(2){animation-delay:60ms}.stats .stat:nth-child(3){animation-delay:.12s}.sidebar nav a,button{transition:background-color .18s ease,box-shadow .18s ease}.sidebar nav a:hover{background:var(--accent-soft)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-panel{padding:24px;min-width:0}.settings-panel form{display:grid;gap:12px}.settings-panel .full,.members-panel{grid-column:1/-1}.member-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border);flex-wrap:wrap}.member-info{flex:1;min-width:160px}.member-info small{display:block;color:var(--secondary);overflow-wrap:anywhere}.member-row select{width:auto}.invite-result{margin-top:18px;padding:18px;border-radius:12px;background:var(--muted-surface)}.invite-result code{display:block;font-size:24px;letter-spacing:2px;margin:8px 0}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.sidebar nav{flex-wrap:wrap}.topbar-actions{gap:0;flex-wrap:wrap;justify-content:flex-end}.topbar-actions button{font-size:11px;padding:0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.settings-grid{align-items:start}.theme-switch{--theme-index:1;position:relative;flex-shrink:0;width:42px;height:42px;padding:4px;border:1px solid var(--border);border-radius:24px;background:var(--muted-surface);transition:width .26s cubic-bezier(.22,1,.36,1)}.theme-switch.expanded{width:134px}.topbar-actions .theme-switch button{display:flex;align-items:center;justify-content:center;border:0;border-radius:20px;background:transparent;color:var(--secondary);padding:0;cursor:pointer;font-size:11px;font-weight:650;height:32px;width:40px;min-width:0}.theme-switch button .mat-icon{width:18px;height:18px;font-size:18px}.topbar-actions .theme-switch .theme-trigger{position:absolute;inset:4px;width:32px;color:var(--accent);transition:opacity .1s ease}.theme-switch.expanded .theme-trigger{opacity:0;pointer-events:none}.theme-options{position:relative;display:flex;width:124px;gap:2px;opacity:0;visibility:hidden;transition:opacity .12s ease}.theme-switch.expanded .theme-options{visibility:visible;opacity:1;transition-delay:80ms}.theme-options button{position:relative;z-index:1}.theme-options button[aria-pressed=true]{color:var(--text)}.theme-options button:hover{color:var(--accent)}.theme-slider{position:absolute;top:0;left:0;width:40px;height:32px;border-radius:20px;background:var(--card);box-shadow:0 2px 7px #00000020;transform:translate(calc(var(--theme-index) * 42px));transition:transform .26s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.theme-switch,.theme-slider,.theme-options{transition:none}}@media(max-width:760px){.sidebar{padding-top:108px}}.camera-preview{position:relative;overflow:hidden;border-radius:16px;background:#07161c;aspect-ratio:4/3}.camera-preview video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;inset:30% 10%;border:2px solid #6ACAF2;border-radius:12px;box-shadow:0 0 0 150px #00000030}.barcode-scanner form{display:grid;gap:12px;margin:20px 0 8px}.mobile-products-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:20px;background:#007bad;color:#fff;margin-bottom:8px}.mobile-products-heading h2{margin:0;font-size:21px}.mobile-products-heading small{opacity:.85}.mobile-product-list{display:grid;gap:6px}.category-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-top:8px;background:var(--accent-soft);border-radius:12px;color:var(--accent)}.category-heading h3{margin:0;font-size:14px}.category-heading>span{font-size:12px;font-weight:650}.mobile-product-card{display:flex;align-items:center;gap:0;border-radius:18px;padding:8px;background:var(--card);min-width:0}.product-open{display:flex;flex:1;align-items:center;gap:10px;padding:0;min-width:0;text-align:left;border:0;background:none;color:var(--text);cursor:pointer}.mobile-product-copy{display:grid;gap:2px;min-width:0}.mobile-product-copy strong{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.mobile-product-copy small{font-size:11px;color:var(--secondary)}.expiry-text{font-size:12px;color:var(--secondary)}.expiry-text.soon{color:var(--warning)}.expiry-text.expired{color:var(--error)}.mobile-product-card .consume-mobile{min-width:44px;padding:0 8px}.mobile-delete{--mdc-icon-button-state-layer-size:32px;--mdc-icon-button-icon-size:18px;color:var(--secondary)}@media(max-width:760px){.topbar{position:sticky;min-height:64px;padding:8px 16px}.topbar .brand-chip{font-size:19px}.topbar-actions{flex-wrap:nowrap;gap:4px}.topbar-actions>button{min-width:40px}.sidebar{position:static;padding:4px 16px 8px;border:0;background:var(--page)}.sidebar .kitchen-label{display:none}.sidebar .kitchen-select{border-radius:14px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:35;margin:0;padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:flex;flex-wrap:nowrap;gap:6px;background:var(--card);border-top:1px solid var(--border)}.sidebar nav a{flex-direction:column;gap:3px;padding:7px 4px;font-size:10px;border-radius:16px}.sidebar nav a .mat-icon{font-size:22px}.workspace{padding:14px 16px calc(155px + env(safe-area-inset-bottom))}.workspace .page-heading{margin-bottom:18px;gap:8px}.workspace .page-heading .eyebrow{display:none}.workspace .page-heading h1{font-size:26px}.workspace .page-heading p.muted{font-size:12px}.page-heading .add-product{position:fixed;z-index:34;bottom:calc(82px + env(safe-area-inset-bottom));right:16px;min-height:48px;border-radius:18px;box-shadow:0 4px 16px #0003}.stats{gap:8px;margin-bottom:24px}.stats .stat{padding:12px 10px}.stats .stat strong{font-size:30px;margin:8px 0}.stats .stat small{font-size:9px}.stats .stat small .mat-icon{display:none}.stats .stat .stat-heading{gap:6px}.stats .stat .stat-icon{width:22px;height:22px;padding:4px}.section-heading{gap:8px}.section-heading h2{font-size:18px}.section-heading p{font-size:11px}.catalog-panel{background:none;border:0;box-shadow:none}.catalog-panel .table-title{padding:8px 0;border:0}.catalog-panel .table-title h2{font-size:14px}.filters{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:8px;background:none;border:0;box-shadow:none;margin-bottom:12px}.filters .search{grid-column:1/-1}.filters .mobile-search-hidden{display:none}.filters label{font-size:10px;margin-bottom:4px}.filters .kitchen-select{min-width:0;border-radius:12px;font-size:12px}.mobile-product-dialog{height:100dvh}.mobile-product-dialog .mat-mdc-dialog-surface{border-radius:0}.mobile-product-dialog .mat-mdc-dialog-content{max-height:calc(100dvh - 150px)}.mobile-product-dialog .mat-mdc-dialog-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.settings-panel{padding:18px}}@media(max-width:760px){.workspace .page-heading{animation:none}.workspace .page-heading.inventory-mobile{margin:0}.inventory-mobile>div{display:none}.mobile-products-heading h1{font-size:21px;letter-spacing:-.5px;margin:0}.section-heading{margin-bottom:8px}}.legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:12px}.account-panel{max-width:680px;padding:24px}.account-panel form{display:grid;gap:12px}.account-panel nav{margin-bottom:28px}.user-avatar{display:none}.inventory-delete-action.mat-mdc-menu-item,.inventory-delete-action .mat-icon{color:var(--error)}.ended-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:18px 22px;margin:24px 0 12px;border:1px solid var(--border);border-radius:16px;background:var(--muted-surface);color:var(--text);cursor:pointer;text-align:left}.ended-toggle strong{flex:1}.ended-toggle .mat-icon,.ended-panel .product-name strong,.ended-panel .mobile-product-copy strong{color:var(--secondary)}textarea{display:block;width:100%;min-height:90px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--card);color:var(--text);font:inherit}.feature-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;margin-bottom:28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(120deg,var(--accent-soft),var(--card));overflow:hidden}.feature-hero h2{font-size:clamp(24px,2.7vw,34px);line-height:1.2;letter-spacing:-1px}.feature-hero p:not(.eyebrow){color:var(--secondary);max-width:540px}.hero-emoji{font-size:90px;transform:rotate(-12deg);filter:drop-shadow(0 12px 14px rgba(0,0,0,.1333333333));padding:0 20px}.shopping-hero{background:linear-gradient(120deg,color-mix(in srgb,#22a06b 14%,var(--card)),var(--card))}.recipe-hero{background:linear-gradient(120deg,var(--warning-bg),var(--card))}.shopping-mode-toggle{margin-bottom:22px}.shopping-mode-toggle span{color:var(--secondary);font-size:12px}.shopping-stepper{display:flex;align-items:center;gap:6px;margin-top:6px}.shopping-stepper button{--mdc-icon-button-state-layer-size:32px;width:32px;height:32px;padding:4px;background:var(--muted-surface)}.shopping-stepper span{font-size:12px}.feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.feature-editor{padding:24px;margin-bottom:24px}.feature-editor h3{margin-top:24px}.feature-editor>form>.feature-actions{padding-top:12px;border-top:1px solid var(--border);margin-top:24px}.image-picker{padding:18px 0;border-top:1px solid var(--border);margin-top:18px}.image-picker-current{display:flex;gap:14px;align-items:center}.image-picker-current p{font-size:12px;margin:4px 0 0}.upload-label{margin:0;padding:10px 14px;border-radius:20px;color:var(--accent);background:var(--accent-soft);cursor:pointer}.upload-label input[type=file]{display:block;width:190px;padding:4px 0;height:auto;font-size:10px;border:0;background:none}.image-suggestions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.image-suggestions button{display:grid;gap:6px;width:100px;padding:10px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--card);cursor:pointer;text-align:left}.image-suggestions small{font-size:10px;overflow-wrap:anywhere}.shopping-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.shopping-row:last-child{border:0}.shopping-row>input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.shopping-copy{flex:1;min-width:0;display:grid;gap:4px}.shopping-copy strong{overflow-wrap:anywhere}.shopping-copy small{color:var(--secondary)}.shopping-copy .badge{justify-self:start}.shopping-row.is-checked .shopping-copy>strong{text-decoration:line-through;color:var(--secondary)}.shopping-row .feature-actions{flex-wrap:nowrap;margin:0;gap:0}.checkout-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--border);align-items:center}.checkout-row strong small{display:block;color:var(--secondary)}.recipe-sections{margin:0 0 20px}.recipe-sections button[aria-pressed=true]{background:var(--accent);color:var(--mat-sys-on-primary)}.course-strip{display:flex;overflow-x:auto;gap:12px;padding:3px 3px 18px;margin-bottom:12px;scrollbar-width:thin}.course-tile{flex:0 0 124px;display:grid;justify-items:start;gap:6px;padding:16px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:18px;cursor:pointer;text-align:left}.course-tile>span{font-size:28px}.course-tile strong{font-size:12px}.course-tile small{color:var(--secondary)}.course-tile:nth-child(3n+1){background:color-mix(in srgb,var(--warning-bg) 55%,var(--card))}.course-tile:nth-child(3n+2){background:color-mix(in srgb,var(--accent-soft) 45%,var(--card))}.course-tile.selected{outline:2px solid var(--accent);outline-offset:-2px}.course-tile:hover{border-color:var(--accent)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-chips:empty{margin:0}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:22px}.recipe-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0001}.recipe-card-top{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;background:var(--muted-surface)}.recipe-card:nth-child(3n+2) .recipe-card-top{background:var(--warning-bg)}.recipe-card:nth-child(3n+3) .recipe-card-top{background:color-mix(in srgb,#22a06b 12%,var(--card))}.recipe-art{font-size:60px;line-height:1.3}.recipe-card-body{padding:22px}.recipe-card-body .eyebrow{font-size:9px;letter-spacing:1px}.recipe-title{display:block;text-align:left;color:var(--text);background:none;border:0;padding:0;cursor:pointer}.recipe-title h3{margin-bottom:12px;font-size:21px;letter-spacing:-.6px}.recipe-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;font-size:13px}.recipe-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--secondary);font-size:12px;margin:18px 0}.recipe-match{padding:10px 12px;font-size:12px;color:var(--warning);background:var(--warning-bg);border-radius:10px}.recipe-detail{padding:28px;margin-bottom:28px;scroll-margin-top:100px}.detail-columns{display:grid;grid-template-columns:1fr 2fr;gap:32px}.detail-columns li{margin-bottom:12px}.detail-columns ul,.detail-columns ol{padding-left:22px}.source-credit{margin-top:16px;font-size:12px}.ingredient-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:12px}.step-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.step-row>div{flex:1}.step-row textarea{min-height:80px}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.insight-panel{padding:28px}.categories-insight{grid-column:1/-1}.distribution{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 8px}.distribution span{display:flex;gap:10px;align-items:center}.distribution i{width:10px;height:10px;border-radius:50%}.distribution-bar{height:9px;background:var(--muted-surface);border-radius:20px;overflow:hidden}.distribution-bar span{display:block;height:100%;background:var(--accent);border-radius:20px}.expiry-segments{display:flex;height:15px;border-radius:10px;overflow:hidden;margin-top:24px}.expiry-segments span{min-width:0}.movement{padding:16px 0;border-bottom:1px solid var(--border)}.movement small,.device-summary small{display:block;color:var(--secondary);margin-top:5px}.movement p{margin:10px 0 0}.device-summary{padding:12px 0;border-bottom:1px solid var(--border)}.settings-panel textarea{margin-bottom:12px}@media(max-width:1000px){.detail-columns{grid-template-columns:1fr;gap:20px}.feature-hero{padding:24px}.hero-emoji{font-size:70px;padding:0}}@media(max-width:760px){.topbar .user-chip{display:grid;place-items:center;width:32px;height:32px;padding:0;text-decoration:none}.user-avatar{display:inline}.user-name{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}.sidebar nav a{min-width:0;padding:6px 4px;font-size:10px;gap:2px}.sidebar nav a .mat-icon{height:20px;width:20px;font-size:20px}.workspace{padding-bottom:calc(200px + env(safe-area-inset-bottom))}.page-heading .add-product{bottom:calc(130px + env(safe-area-inset-bottom))}.feature-hero{padding:22px;border-radius:20px;margin-bottom:20px;gap:12px}.feature-hero .eyebrow{font-size:9px}.feature-hero h2{font-size:25px}.feature-hero p{font-size:12px}.hero-emoji{font-size:48px}.dashboard-hero .hero-emoji{display:none}.shopping-hero{align-items:start;flex-direction:column}.feature-editor,.recipe-detail,.insight-panel{padding:20px}.shopping-row{gap:10px;padding:14px 12px}.shopping-row app-product-image{width:40px;height:40px}.shopping-row .feature-actions button{--mdc-icon-button-state-layer-size:36px;width:36px;height:36px;padding:6px}.shopping-copy small{font-size:11px}.shopping-copy .badge{font-size:9px}.checkout-row{grid-template-columns:1fr 1fr;gap:12px}.checkout-row>strong{grid-column:1/-1}.recipe-grid{grid-template-columns:1fr;gap:16px}.recipe-card-top{padding:16px 20px}.recipe-art{font-size:48px}.course-tile{flex-basis:110px;padding:14px}.recipe-sections{gap:6px}.recipe-sections button{font-size:12px;padding:0 12px}.ingredient-row{grid-template-columns:1fr 1fr auto;gap:10px}.ingredient-row>div:first-child{grid-column:1/-1}.insights-grid{grid-template-columns:1fr;gap:18px}.categories-insight{grid-column:auto}.feature-actions{gap:8px}.mobile-product-card>button.mat-mdc-icon-button{--mdc-icon-button-state-layer-size:32px;width:32px;height:32px;padding:4px}.mobile-product-card app-product-image{width:42px;height:42px}}:root{--gradient-ocean: linear-gradient(115deg, #0874b8, #5546c7);--gradient-mint: linear-gradient(115deg, #087b76, #148448)}.product-action-panel .mat-mdc-dialog-surface{border-radius:28px;overflow:hidden;box-shadow:0 28px 90px #0005}.product-editor-panel .mat-mdc-dialog-surface,.product-history-panel .mat-mdc-dialog-surface{max-height:inherit;overflow:hidden;border-radius:28px}@media(max-width:760px){.product-editor-panel.mobile-product-dialog .mat-mdc-dialog-surface{border-radius:0}}.product-save-button.mat-mdc-unelevated-button{height:44px;border-radius:14px}.product-save-button.mat-mdc-unelevated-button:not(:disabled){background:var(--gradient-ocean);color:#fff;box-shadow:0 5px 16px #3e65c830}.topbar{display:grid;grid-template-columns:194px minmax(170px,290px) minmax(0,1fr);gap:24px}.appbar-kitchen{min-width:0;position:relative}.appbar-kitchen .kitchen-label{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 3px 13px;color:var(--secondary)}.appbar-kitchen .kitchen-select{height:36px;border-radius:12px;background:var(--muted-surface);box-shadow:none}.topbar-actions{min-width:0;justify-content:flex-end;gap:20px}.bar-utilities{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar .user-chip{display:flex;align-items:center;gap:11px;min-width:0;padding:0;background:transparent;border:0;border-radius:12px;text-decoration:none;color:var(--text)}.topbar .user-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--gradient-ocean);color:#fff;font-size:13px;font-weight:750;box-shadow:0 4px 12px #315db626}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-copy{display:grid;gap:2px;min-width:0;max-width:230px}.user-copy strong,.user-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy strong{font-size:13px;font-weight:650}.user-copy small{font-size:11px;color:var(--secondary);font-weight:450}.sidebar{padding:26px 18px 18px;overflow:hidden}.sidebar>.eyebrow{margin:0 14px 18px}.sidebar nav{margin-top:0;min-height:0;overflow-y:auto;flex-shrink:1;padding:3px}.sidebar nav a{padding:13px 14px;border-radius:14px}.sidebar nav a.active{background:var(--gradient-ocean);color:#fff;box-shadow:0 5px 16px #325eb626}.sidebar-bottom{margin-top:auto;padding-top:22px;flex-shrink:0}.sidebar-note{margin-top:0;border:0;border-radius:20px;background:linear-gradient(140deg,var(--muted-surface),var(--accent-soft));padding:18px}.sidebar-bottom .version{display:block;margin:16px 12px 0;font-size:10px}html,body,*{scrollbar-width:none!important;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}@media(max-width:1150px)and (min-width:761px){.topbar{padding:12px 20px;grid-template-columns:158px minmax(150px,230px) minmax(0,1fr);gap:18px}.topbar-actions{gap:12px}.user-copy{max-width:180px}}@media(max-width:760px){.topbar{position:sticky;padding:10px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand controls" "kitchen profile";gap:10px 12px}.brand-chip{grid-area:brand}.topbar-actions{display:contents}.bar-utilities{grid-area:controls;justify-self:end;justify-content:flex-end;gap:8px}.topbar-actions>.theme-switch{grid-area:controls;justify-self:start}.appbar-kitchen{grid-area:kitchen}.appbar-kitchen .kitchen-label{display:none}.appbar-kitchen .kitchen-select{height:42px;font-size:12px}.topbar .user-chip{grid-area:profile;gap:8px;justify-self:end;width:100%}.topbar .user-avatar{width:34px;height:34px;border-radius:50%;font-size:11px}.user-copy strong{font-size:11px}.user-copy small{font-size:10px}.sidebar{padding:0;overflow:visible}.sidebar>.eyebrow,.sidebar-bottom{display:none}.sidebar nav{overflow-y:auto;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}.sidebar nav a{padding:6px 4px}}.theme-switch{overflow:hidden}.bar-utilities .logout-button.mat-mdc-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:0;border-radius:50%;color:var(--error);background:var(--error-bg);--mdc-icon-button-state-layer-size: 42px;--mat-icon-button-container-shape: 50%}.bar-utilities .logout-button .mat-icon{display:block;width:18px;height:18px;font-size:18px;line-height:1;margin:0}:root{--inventory-row: #edf1f3;--inventory-fresh: #58707a}html.dark{--inventory-row: #0e303c;--inventory-fresh: #b4cdd6}html:not(.dark){--page: #f3f4f6;--card: #ffffff;--muted-surface: #f2f4f6;--text: #24313c;--secondary: #586570;--border: #dce1e6;--accent: #0877b5;--accent-soft: #f0f3f6;--warning: #80521b;--warning-bg: #f5e8d0;--error: #ae3935;--error-bg: #f6e2dc;--inventory-row: #ffffff;--inventory-table-row: #ffffff;--inventory-fresh: #586570;--gradient-ocean: linear-gradient(115deg, #0089d5, #6543e3);--gradient-mint: linear-gradient(115deg, #00ab93, #009e48);--mat-sys-primary: #0877b5;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #ffffff;--mat-sys-on-primary-container: #164a70;--mat-sys-secondary: #426b8b;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #ffffff;--mat-sys-on-secondary-container: #143b5b;--mat-sys-tertiary: #ffffff;--mat-sys-surface: #ffffff;--mat-sys-on-surface: #143b5b;--mat-sys-surface-container: #f3f4f6;--mat-sys-surface-container-high: #f3f4f6;--mat-sys-surface-container-highest: #eef0f3;--mat-sys-on-surface-variant: #42647f;--mat-sys-outline: #ffffff;--mat-sys-outline-variant: #dce1e6;--mat-sys-error: #ae3935;--summary-blue: linear-gradient(125deg, #0089d5, #6543e3);--summary-teal: linear-gradient(125deg, #00a19a, #007ca5);--summary-amber: linear-gradient(125deg, #d58b08, #ce5914);--summary-coral: linear-gradient(125deg, #ed4b2f, #d72b55)}html:not(.dark) .page-heading .mat-mdc-unelevated-button:not(:disabled){background:var(--gradient-ocean);color:#fff}html:not(.dark) .page-heading .mat-mdc-unelevated-button:not(:disabled):hover,html:not(.dark) .product-save-button.mat-mdc-unelevated-button:not(:disabled):hover{background:linear-gradient(105deg,#007ac8,#7436df)}html:not(.dark) body{background:#f3f4f6;background-attachment:fixed}html:not(.dark) .topbar{background:#fff;border-bottom-color:#e2e5e9;box-shadow:0 2px 12px #25303c0d}html:not(.dark) .topbar .appbar-kitchen .kitchen-select{background:var(--muted-surface);box-shadow:inset 0 0 0 1px var(--border);border-color:#dce1e6}html:not(.dark) .theme-switch{background:#fff;border-color:#dce1e6}html:not(.dark) .theme-slider{background:#fff;box-shadow:none}html:not(.dark) .topbar .user-avatar{box-shadow:none}html:not(.dark) .sidebar{background:#fff;border-right-color:#e2e5e9}html:not(.dark) .sidebar nav a{color:#153e60}html:not(.dark) .sidebar nav a:hover{background:#f2f4f6;color:#125985}html:not(.dark) .sidebar nav a.active,html:not(.dark) .sidebar nav a.active:hover{background:#fff;color:var(--accent);box-shadow:0 3px 12px #25303c20}html:not(.dark) .sidebar-note{background:#fff}html:not(.dark) .sidebar-note .mat-icon{color:#0877b5}html:not(.dark) .panel{border-color:#e4e7eb;box-shadow:0 4px 18px #25303c0d}html:not(.dark) .inventory-shell,html:not(.dark) .shopping-list{background:#fff}html:not(.dark) .inventory-toolbar .search-control input,html:not(.dark) .inventory-toolbar .kitchen-select,html:not(.dark) .sort-control .kitchen-select{background:#fff}html:not(.dark) .inventory-tabs button.selected{box-shadow:none}html:not(.dark) .overview-icon{background:#fff}html:not(.dark) .topbar .brand-chip small,html:not(.dark) .topbar .user-copy small,html:not(.dark) .sidebar .eyebrow,html:not(.dark) .topbar .kitchen-label,html:not(.dark) .sidebar-bottom .version,html:not(.dark) .sidebar-note p,html:not(.dark) .sidebar-bottom{color:#244d70}html:not(.dark) .inventory-web .inventory-table tbody tr{filter:drop-shadow(0 4px 5px rgba(37,48,60,.1333333333))}html:not(.dark) .inventory-web .inventory-cards .inventory-card,html:not(.dark) .inventory-web.shopping-web .shopping-row{background:#fff;box-shadow:0 4px 14px #25303c1f}html:not(.dark) .inventory-web .inventory-table,html:not(.dark) .inventory-web .inventory-cards,html:not(.dark) .shopping-web .shopping-list{padding-bottom:16px}html:not(.dark) .table-scroll:not(.inventory-table){background:#fff;box-shadow:0 5px 18px #25303c1c}html:not(.dark) .inventory-web .inventory-shell,html:not(.dark) .inventory-web.shopping-web .shopping-list{background:#f6f7f9}html:not(.dark) .table-title{background:#fff;border-bottom-color:#e2e5e9}html:not(.dark) th{color:#376585;background:#fff}html:not(.dark) td{border-top-color:#fff}html:not(.dark) .table-scroll:not(.inventory-table) tbody tr:nth-child(odd){background:#fff}html:not(.dark) .table-scroll:not(.inventory-table) tbody tr:nth-child(2n){background:#fff}html:not(.dark) input:not([type=checkbox]),html:not(.dark) select,html:not(.dark) textarea{background-color:#fff;border-color:#dce1e6}html:not(.dark) label{color:#2a5575}html:not(.dark) .feature-hero{background:#fff;border-color:#dce1e6}html:not(.dark) .shopping-hero{background:#fff}html:not(.dark) .hero-emoji{filter:none}html:not(.dark) .stats .stat{background:#fff;color:#245577;border-color:#dce1e6;box-shadow:none}html:not(.dark) .stats .stat.warning{background:#fff;border-color:#e1cfaf}html:not(.dark) .stats .stat.danger{background:#fff;border-color:#dcc2bf;box-shadow:none}html:not(.dark) .stats .stat strong{color:#0c5688}html:not(.dark) .stats .stat.warning strong{color:#795019}html:not(.dark) .stats .stat.danger strong{color:#963e3d}html:not(.dark) .stats .stat small{color:#42647f;opacity:1}html:not(.dark) .stats .stat .stat-icon,html:not(.dark) .stats .stat small .mat-icon{background:#fff5}html:not(.dark) .stats .stat:hover{transform:none;filter:brightness(1.025)}html:not(.dark) .recipe-card{background:#fff;border-color:#dce1e6;box-shadow:0 5px 16px #25303c1a}html:not(.dark) .recipe-card:hover{transform:none;box-shadow:none}html:not(.dark) .recipe-card-top{background:#fff}html:not(.dark) .recipe-card:nth-child(3n+2) .recipe-card-top{background:#fff}html:not(.dark) .recipe-card:nth-child(3n+3) .recipe-card-top{background:#fff}html:not(.dark) .recipe-detail,html:not(.dark) .feature-editor{background:#fff}html:not(.dark) .settings-panel{background:#fff}html:not(.dark) .account-panel{background:#fff}html:not(.dark) .settings-panel h2,html:not(.dark) .insight-panel h2{color:#205a83}html:not(.dark) .device-summary{padding:14px;margin-bottom:8px;border:0;border-radius:12px;background:#fff}html:not(.dark) .member-row{border-top-color:#fff}html:not(.dark) .insight-panel{background:#fff}html:not(.dark) .distribution-bar{background:#fff}html:not(.dark) .distribution-bar span{background:var(--gradient-ocean)}html:not(.dark) .mat-mdc-dialog-surface{background:#fff}html:not(.dark) .mat-mdc-dialog-title{color:#143b5b}html:not(.dark) .mat-mdc-dialog-content{color:#2a5575}html:not(.dark) .product-dialog-title,html:not(.dark) .history-header{background:#fff}html:not(.dark) .product-dialog-actions,html:not(.dark) .history-actions{background:#fff}html:not(.dark) .kitchen-select-panel{background:#fff}html:not(.dark) .auth-mode{background:#fff}html:not(.dark) .login-form{background:#fff}html:not(.dark) .login-form .panel{background:#fff}html:not(.dark) .feature-hero{background:linear-gradient(115deg,#0089d5,#6543e3);border-color:#9fbed7;box-shadow:0 5px 18px #25303c14;color:#243f56}html:not(.dark) .shopping-hero{background:var(--summary-teal);border-color:#94c4c7}html:not(.dark) .stats .stat{background:var(--summary-blue);color:#23465f;border-color:#99bfdc;box-shadow:0 5px 16px #25303c14}html:not(.dark) .stats .stat.warning{background:var(--summary-teal);border-color:#94c4c7}html:not(.dark) .stats .stat.danger{background:var(--summary-coral);border-color:#dca698;box-shadow:0 5px 16px #25303c14}html:not(.dark) .stats .stat.warning strong{color:#205d68}html:not(.dark) .stats .stat small{color:#344f61}html:not(.dark) .stats .stat.danger small{color:#653c38}html:not(.dark) .stats .stat:hover{filter:brightness(.98)}html:not(.dark) .inventory-web .inventory-overview .inventory-total{background:var(--summary-blue);box-shadow:0 4px 14px #25303c12}html:not(.dark) .inventory-web .inventory-overview .overview-priority.warning{--summary-background: var(--summary-amber);background:var(--summary-background);box-shadow:0 4px 14px #25303c12}html:not(.dark) .inventory-web .inventory-overview .overview-priority.danger{--summary-background: var(--summary-coral);background:var(--summary-background);box-shadow:0 4px 14px #25303c12}html:not(.dark) .inventory-web .inventory-overview .overview-priority:hover,html:not(.dark) .inventory-web .inventory-overview .overview-priority:focus-visible,html:not(.dark) .inventory-web .inventory-overview .overview-priority[aria-pressed=true]{background:var(--summary-background);filter:brightness(.97)}html:not(.dark) .inventory-web .inventory-overview .overview-icon{background:#fff6}html:not(.dark) .recipe-card-top{background:var(--summary-blue)}html:not(.dark) .recipe-card:nth-child(3n+2) .recipe-card-top{background:var(--summary-amber)}html:not(.dark) .recipe-card:nth-child(3n+3) .recipe-card-top{background:var(--summary-teal)}html:not(.dark) .feature-hero{position:relative;isolation:isolate;color:#fff;border:1px solid rgba(255,255,255,.1882352941);box-shadow:0 8px 24px #203c681c}html:not(.dark) .feature-hero h2,html:not(.dark) .feature-hero .eyebrow,html:not(.dark) .feature-hero p:not(.eyebrow){color:#fff}html:not(.dark) .feature-hero p:not(.eyebrow){opacity:.94}html:not(.dark) .feature-hero .mat-mdc-button:not(:disabled){background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff20}html:not(.dark) .feature-hero .mat-mdc-button:not(:disabled):hover{background:#fff3}html:not(.dark) .feature-hero .mat-mdc-unelevated-button:not(:disabled){background:#fff;color:#16547a;box-shadow:0 3px 12px #12334c20}html:not(.dark) .stats .stat,html:not(.dark) .stats .stat.warning,html:not(.dark) .stats .stat.danger{color:#fff;border-color:#ffffff30;box-shadow:0 7px 18px #25303c1c;isolation:isolate}html:not(.dark) .stats .stat strong,html:not(.dark) .stats .stat.warning strong,html:not(.dark) .stats .stat.danger strong,html:not(.dark) .stats .stat small,html:not(.dark) .stats .stat.danger small{color:#fff}html:not(.dark) .stats .stat .stat-icon,html:not(.dark) .stats .stat small .mat-icon{background:#ffffff26}html:not(.dark) .inventory-web .inventory-overview>*{position:relative;isolation:isolate;overflow:hidden;color:#fff}html:not(.dark) .inventory-web .inventory-overview .overview-icon,html:not(.dark) .inventory-web .inventory-overview .overview-priority.warning .overview-icon,html:not(.dark) .inventory-web .inventory-overview .overview-priority.danger .overview-icon{background:#ffffff26;color:#fff}html:not(.dark) .inventory-web .inventory-overview .overview-priority>.mat-icon,html:not(.dark) .inventory-web .inventory-overview .overview-priority>div>span{color:#fff}html:not(.dark) .inventory-web .inventory-overview :is(.inventory-total,.overview-priority) :is(strong,span,.mat-icon){color:#fff!important}html:not(.dark) .inventory-web .inventory-overview .overview-icon{background:#ffffff26!important}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards,.shopping-list) button.quiet-action.mat-mdc-icon-button:not(:disabled){background:linear-gradient(130deg,#0089d5,#6543e3);color:#fff;box-shadow:0 3px 8px #1b5b9424;transition:background .15s ease,box-shadow .15s ease}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards,.shopping-list) button.quiet-action.mat-mdc-icon-button:not(:disabled):hover{background:linear-gradient(110deg,#007ac8,#7436df);box-shadow:0 4px 10px #1b5b9430}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards,.shopping-list) button.quiet-action.mat-mdc-icon-button:not(:disabled) .mat-icon{color:#fff}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards,.shopping-list) button.quiet-action.inventory-delete-action.mat-mdc-icon-button:not(:disabled){background:linear-gradient(130deg,#ed4b2f,#d72b55);color:#fff;box-shadow:0 3px 8px #aa414824}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards,.shopping-list) button.quiet-action.inventory-delete-action.mat-mdc-icon-button:not(:disabled):hover{background:linear-gradient(110deg,#e63c23,#ce1c56);box-shadow:0 4px 10px #aa414830}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards) button.consume-action.mat-mdc-button:not(:disabled){background:linear-gradient(120deg,#00ab93,#009e48);color:#fff;box-shadow:0 3px 8px #116a4c24;transition:background .15s ease,box-shadow .15s ease}html:not(.dark) .inventory-web :is(.inventory-table,.inventory-cards) button.consume-action.mat-mdc-button:not(:disabled):hover{background:linear-gradient(105deg,#009caa,#00a150);box-shadow:0 4px 10px #116a4c30}.eula-page,.eula-gate{width:min(850px,100% - 32px);margin:32px auto;padding:clamp(20px,4vw,40px)}.legal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eula-page select,.eula-gate select{max-width:180px;margin-bottom:16px}.eula-page article p,.eula-gate article p{line-height:1.8;white-space:pre-line}.eula-page article h3,.eula-gate article h3{margin-top:28px}.eula-scroll{max-height:44dvh;overflow-y:auto;padding:16px 20px;border:1px solid var(--border);border-radius:16px;background:var(--muted-surface)}.eula-gate footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:16px}.eula-gate{min-height:min(700px,100dvh - 32px)}@media(max-width:760px){.eula-page,.eula-gate{margin:16px auto}.eula-scroll{max-height:38dvh;padding:14px}}button.backend-button{position:relative}.backend-button-spinner{display:none;pointer-events:none}button.backend-button-pending>.backend-button-spinner{display:block;position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:backend-button-spin .8s linear infinite}button.backend-button-pending>:not(.backend-button-spinner){opacity:0}@keyframes backend-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button.backend-button-pending>.backend-button-spinner{animation:none!important}}input[type=checkbox]:not(.mdc-checkbox__native-control){appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 20px;width:20px;height:20px;min-width:20px;min-height:20px;padding:0;border:2px solid var(--secondary);border-radius:6px;background-color:var(--card);background-position:center;background-repeat:no-repeat;background-size:16px;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}input[type=checkbox]:not(.mdc-checkbox__native-control):checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox]:not(.mdc-checkbox__native-control):hover:not(:disabled){box-shadow:0 0 0 4px var(--accent-soft)}input[type=checkbox]:not(.mdc-checkbox__native-control):focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]:not(.mdc-checkbox__native-control):disabled{opacity:.5;cursor:not-allowed}.cdk-overlay-pane .mat-mdc-menu-panel{border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 12px 30px #031d2826;max-width:min(360px,100vw - 24px)}.mat-mdc-menu-panel .mat-mdc-menu-content{padding:6px}.mat-mdc-menu-panel .mat-mdc-menu-item{border-radius:10px;color:var(--text);min-height:44px}.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon{color:var(--accent)}.mat-mdc-menu-panel .mat-mdc-menu-item:hover:not(:disabled),.mat-mdc-menu-panel .mat-mdc-menu-item:focus-visible{background:var(--muted-surface)}.cdk-overlay-pane .kitchen-autocomplete-panel{padding:6px;border:1px solid var(--border);border-radius:12px!important;background:var(--card);box-shadow:0 8px 24px #031d281a;--mat-option-label-text-color: var(--text);--mat-option-selected-state-label-text-color: var(--accent);--mat-option-selected-state-layer-color: var(--accent-soft);--mat-option-hover-state-layer-color: var(--muted-surface);--mat-option-focus-state-layer-color: var(--muted-surface);--mat-option-label-text-size: 14px}.kitchen-autocomplete-panel .mat-mdc-option{min-height:44px;border-radius:8px}.topbar.professional-active{grid-template-columns:194px minmax(0,1fr)}@media(max-width:760px){.topbar.professional-active{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand controls" "profile profile"}.topbar.professional-active .brand-chip{gap:8px;white-space:nowrap}body:has(.topbar.professional-active) .sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}body:has(.topbar.professional-active) .sidebar nav a{font-size:9px;text-align:center}}.appbar-brand{display:flex;align-items:center;gap:18px;min-width:0}.topbar.professional-active{grid-template-columns:minmax(360px,auto) minmax(0,1fr)}.appbar-back-slot{display:flex;align-items:center;flex:0 0 150px;width:150px;height:40px}.appbar-back.mat-mdc-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--accent);font-size:11px;white-space:nowrap}.appbar-back .mat-icon{width:18px;height:18px;font-size:18px;line-height:18px;margin:0 6px 0 0}.appbar-back .mat-mdc-button-persistent-ripple,.appbar-back .mat-mdc-button-persistent-ripple:before,.appbar-back .mat-mdc-button-ripple,.appbar-back .mat-focus-indicator{border-radius:inherit}.back-label-compact{display:none}@media(min-width:761px)and (max-width:1100px){.appbar-brand{gap:12px}.appbar-back-slot{width:90px;flex-basis:90px}.back-label-wide{display:none}.back-label-compact{display:inline}.appbar-back.mat-mdc-button{padding-inline:8px}}@media(max-width:760px){.appbar-brand{grid-area:brand;gap:8px}.topbar.professional-active{grid-template-columns:minmax(0,1fr) auto}.topbar.professional-active .brand-chip{font-size:17px;gap:6px}.topbar.professional-active .brand-chip img{width:30px;height:30px}.appbar-back-slot{width:86px;flex-basis:86px;height:34px}.appbar-back.mat-mdc-button{min-height:34px;font-size:10px;padding-inline:7px}.appbar-back .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px;margin-right:4px}.back-label-wide{display:none}.back-label-compact{display:inline}}.appbar-patient-slot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(120px,100vw - 1050px,240px);height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.appbar-patient-summary{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;max-width:100%;color:var(--text)}.appbar-patient-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650}.appbar-patient-summary strong{min-width:0;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:761px)and (max-width:1000px){.topbar.professional-active .user-copy{display:none}.appbar-patient-avatar{width:28px;height:28px;font-size:10px}.appbar-patient-summary{gap:6px}.appbar-patient-summary strong{font-size:11px}}@media(max-width:760px){.appbar-patient-slot{position:relative;grid-area:profile;top:auto;left:auto;transform:none;justify-self:center;align-self:center;width:100%;max-width:calc(100vw - 32px);height:34px;z-index:1}.appbar-patient-avatar{width:30px;height:30px;font-size:11px}.appbar-patient-summary strong{font-size:13px}.topbar.professional-active.patient-summary-visible .user-chip{visibility:hidden}}@media(max-width:360px){.topbar.professional-active .brand-chip{font-size:14px;gap:5px}.topbar.professional-active .brand-chip img{width:24px;height:24px}}.data-skeleton{display:inline-block;vertical-align:middle;border-radius:6px;background:color-mix(in srgb,var(--border) 55%,var(--muted-surface));animation:data-placeholder-pulse 1.6s ease-in-out infinite}.data-skeleton.number{width:2.5ch;height:1em}.data-skeleton.counter{width:24px;height:20px}.data-skeleton.input{display:block;width:100%;height:44px;border-radius:10px}.data-skeleton.input.multiline{height:104px}.data-skeleton.text{height:12px;width:120px;max-width:80%}@keyframes data-placeholder-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.data-skeleton{animation:none}}.distribution-bar>.data-skeleton{background:color-mix(in srgb,var(--border) 55%,var(--muted-surface))}