html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--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 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{color-scheme:light;--color-bg: #ffffff;--color-bg-muted: #fafafa;--color-bg-subtle: #f7f7f7;--color-surface: #ffffff;--color-text: #0a0a0a;--color-text-muted: #525252;--color-border-subtle: rgba(0, 0, 0, .06);--color-border-hairline: #e8e8e8;--color-error-text: #b91c1c;--color-success-text: #047857;--admin-chip-success-bg: #dcfce7;--admin-chip-success-text: #166534;--admin-chip-danger-bg: #fee2e2;--admin-chip-danger-text: #b91c1c;--admin-chip-warning-bg: #fef3c7;--admin-chip-warning-text: #92400e;--admin-chip-info-bg: #eff6ff;--admin-chip-info-text: #0369a1;--admin-chip-accent-bg: #f3e8ff;--admin-chip-accent-text: #7c3aed;--admin-chip-neutral-bg: var(--color-bg-muted);--admin-chip-neutral-text: var(--color-text);--button-primary-bg: var(--color-text);--button-primary-text: var(--color-surface);--button-secondary-bg: transparent;--button-secondary-text: var(--color-text);--button-secondary-border: var(--color-border-hairline);--button-secondary-hover-bg: rgba(10, 10, 10, .06);--app-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page-shell-width: 1200px;--app-layout-gutter: clamp(1.25rem, 5vw, 3rem);--transition-opacity: opacity .16s ease;--transition-ui: opacity .16s ease, color .16s ease, border-color .16s ease, background-color .16s ease}:root[data-theme=dark]{color-scheme:dark;--color-bg: #101214;--color-bg-muted: #181c20;--color-bg-subtle: #20262c;--color-surface: #12161a;--color-text: #f8fafc;--color-text-muted: #d2d9e0;--color-border-subtle: rgba(255, 255, 255, .22);--color-border-hairline: rgba(255, 255, 255, .32);--color-error-text: #fecaca;--color-success-text: #a7f3d0;--admin-chip-success-bg: rgba(22, 101, 52, .35);--admin-chip-success-text: #86efac;--admin-chip-danger-bg: rgba(153, 27, 27, .35);--admin-chip-danger-text: #fecaca;--admin-chip-warning-bg: rgba(146, 64, 14, .35);--admin-chip-warning-text: #fcd34d;--admin-chip-info-bg: rgba(3, 105, 161, .35);--admin-chip-info-text: #93c5fd;--admin-chip-accent-bg: rgba(124, 58, 237, .35);--admin-chip-accent-text: #d8b4fe;--admin-chip-neutral-bg: var(--color-bg-subtle);--admin-chip-neutral-text: var(--color-text);--button-primary-bg: var(--color-text);--button-primary-text: var(--color-surface);--button-secondary-bg: transparent;--button-secondary-text: var(--color-text);--button-secondary-border: var(--color-border-hairline);--button-secondary-hover-bg: rgba(248, 250, 252, .12)}html{scroll-behavior:smooth;font-family:var(--app-font);line-height:1.6;letter-spacing:.01em;font-feature-settings:"cv02" on,"cv03" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100dvh;font-family:var(--app-font);line-height:1.6;letter-spacing:.01em;color:var(--color-text);background-color:var(--color-bg-muted)}*,*:before,*:after{box-sizing:border-box}a{color:inherit;font-family:var(--app-font);transition:var(--transition-ui)}img{max-width:100%}button,input,textarea,select{transition:var(--transition-ui);font-family:var(--app-font)}input,textarea,select{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-hairline)}input:disabled,textarea:disabled,select:disabled{color:var(--color-text-muted);background-color:var(--color-bg-muted)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);transition:background-color 9999s ease-in-out 0s;box-shadow:0 0 0 1000px var(--color-surface) inset}.page-container,.content-shell{width:min(var(--page-shell-width),calc(100% - 2 * var(--app-layout-gutter)));margin:0 auto}.admin-shell{color:var(--color-text)}.admin-shell :is(h1,h2,h3,h4,h5,h6){color:var(--color-text)}.admin-shell :is(.eyebrow,.helper-text,.status-message,.filter-field span,.stat-card span,.panel-card p,.item-card p,.card-copy p,.form-card p,.upload-card p){color:var(--color-text-muted)}.admin-shell :is(.stat-card,.panel-card,.form-card,.item-card,.upload-card){background:var(--color-surface);border:1px solid var(--color-border-hairline);box-shadow:none;padding:1rem;border-radius:1rem}.admin-shell :is(.stock-row,.inventory-row,.movement-row,.item-row,.metadata-block,.empty-state,.summary-pill){background:var(--color-bg-muted)}.admin-shell :is(.stock-row,.inventory-row,.movement-row,.item-row,.metadata-block,.empty-state){color:var(--color-text)}.admin-shell :is(.stock-row p,.inventory-row p,.movement-row p,.item-row p){color:var(--color-text-muted)}.admin-shell .helper-text,.admin-shell .status-message,.admin-shell .empty-state p{color:var(--color-text-muted)}.admin-shell .filter-field,.admin-shell .toggle-row{color:var(--color-text)}.admin-shell .filter-field span,.admin-shell .stat-card span,.admin-shell .payment-chip,.admin-shell .status-pill,.admin-shell .status-badge{color:inherit}.admin-shell :is(mat-form-field,.mat-mdc-form-field){width:100%}.admin-shell .mat-mdc-form-field{color:var(--color-text)}.admin-shell .mat-mdc-text-field-wrapper,.admin-shell .mat-mdc-form-field-flex{background:var(--color-surface)}.admin-shell .mdc-text-field--outlined{border-radius:.85rem}.admin-shell .mdc-text-field--outlined .mdc-notched-outline__leading,.admin-shell .mdc-text-field--outlined .mdc-notched-outline__notch,.admin-shell .mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:var(--color-border-hairline)}.admin-shell .mat-mdc-form-field .mdc-floating-label,.admin-shell .mat-mdc-select-placeholder,.admin-shell .mat-mdc-select-value,.admin-shell .mat-mdc-input-element,.admin-shell textarea.mat-mdc-input-element{color:var(--color-text);caret-color:var(--color-text)}.admin-shell .mat-mdc-input-element::placeholder,.admin-shell textarea.mat-mdc-input-element::placeholder{color:var(--color-text-muted);opacity:1}.admin-shell .mat-mdc-form-field .mat-mdc-form-field-icon-prefix,.admin-shell .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.admin-shell .mat-mdc-form-field-subscript-wrapper{color:var(--color-text-muted)}.admin-shell .mdc-text-field--focused .mdc-notched-outline__leading,.admin-shell .mdc-text-field--focused .mdc-notched-outline__notch,.admin-shell .mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--color-text)}.admin-shell .mat-mdc-form-field-input-control:disabled,.admin-shell .mat-mdc-input-element:disabled,.admin-shell textarea.mat-mdc-input-element:disabled{color:var(--color-text-muted)}.admin-shell :is(.stat-card,.panel-card,.form-card,.item-card,.upload-card){padding:1rem;border-radius:1rem}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:.65rem 1.25rem;font-family:var(--app-font);font-size:.9375rem;font-weight:500;letter-spacing:.02em;line-height:1.25;color:var(--button-primary-text);background-color:var(--button-primary-bg);border:1px solid transparent;border-radius:.375rem;cursor:pointer;text-decoration:none;transition:var(--transition-opacity)}.app-btn:hover{opacity:.88}:root[data-theme=dark] .app-btn{color:var(--button-primary-text);background-color:var(--button-primary-bg)}:root[data-theme=dark] .app-btn--ghost{color:var(--button-secondary-text);background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border)}:root[data-theme=dark] .app-btn--ghost:hover{background-color:var(--button-secondary-hover-bg);opacity:1}.app-btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.app-btn:disabled{opacity:.45;cursor:not-allowed}.app-btn--ghost{color:var(--button-secondary-text);background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border)}.app-btn--ghost:hover{opacity:.88}button.mat-mdc-unelevated-button,a.mat-mdc-unelevated-button,button.mat-mdc-flat-button,a.mat-mdc-flat-button,button.mat-mdc-raised-button,a.mat-mdc-raised-button{color:var(--button-primary-text)!important;background-color:var(--button-primary-bg)!important;box-shadow:none!important}button.mat-mdc-unelevated-button:hover,a.mat-mdc-unelevated-button:hover,button.mat-mdc-flat-button:hover,a.mat-mdc-flat-button:hover,button.mat-mdc-raised-button:hover,a.mat-mdc-raised-button:hover{opacity:.9}button.mat-mdc-outlined-button,a.mat-mdc-outlined-button,button.mat-mdc-stroked-button,a.mat-mdc-stroked-button{color:var(--button-secondary-text)!important;background-color:var(--button-secondary-bg)!important;border-color:var(--button-secondary-border)!important}button.mat-mdc-outlined-button:hover,a.mat-mdc-outlined-button:hover,button.mat-mdc-stroked-button:hover,a.mat-mdc-stroked-button:hover{background-color:var(--button-secondary-hover-bg)!important}button.mat-mdc-button:not(.mat-warn):not(.mat-accent):not(.mat-primary),a.mat-mdc-button:not(.mat-warn):not(.mat-accent):not(.mat-primary){color:var(--button-secondary-text)!important;background-color:transparent!important}button.mat-mdc-button:not(.mat-warn):not(.mat-accent):not(.mat-primary):hover,a.mat-mdc-button:not(.mat-warn):not(.mat-accent):not(.mat-primary):hover{background-color:var(--button-secondary-hover-bg)!important}.app-link{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border-hairline);text-underline-offset:.2em;transition:var(--transition-opacity)}.app-link:hover{opacity:.75}.app-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.app-media{overflow:hidden;border-radius:.375rem;background:var(--color-bg-subtle)}.app-media :is(img,picture,source){display:block}.app-media img{width:100%;height:100%;object-fit:cover}.card-minimal{background:var(--color-surface)!important;border:1px solid var(--color-border-hairline)!important;border-radius:.5rem!important;box-shadow:none!important}.title-page{margin:0 0 1.25rem!important;color:var(--color-text)!important;font-size:clamp(2rem,4.6vw,3rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;font-weight:600!important}.btn-primary-minimal{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.8rem;padding:.62rem 1.15rem;border-radius:.35rem!important;border:1px solid var(--color-text)!important;background:var(--color-text)!important;color:var(--color-surface)!important;text-decoration:none;font-family:var(--app-font);font-size:.86rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:var(--transition-ui)}.btn-primary-minimal:hover,.btn-primary-minimal:focus-visible{opacity:.86}.btn-primary-minimal:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.btn-primary-minimal:disabled,.btn-primary-minimal[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary-minimal--outline{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-text)!important}.btn-secondary-minimal{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.45rem;padding:.52rem 1rem;border-radius:.35rem!important;border:1px solid var(--button-secondary-border)!important;background:var(--button-secondary-bg)!important;color:var(--button-secondary-text)!important;text-decoration:none;font-family:var(--app-font);font-size:.8rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:var(--transition-ui)}.btn-secondary-minimal:hover,.btn-secondary-minimal:focus-visible{border-color:var(--button-secondary-text)!important;background:var(--button-secondary-hover-bg)!important;opacity:1}.btn-danger-minimal{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:.52rem .9rem;border-radius:.35rem!important;border:1px solid rgba(185,28,28,.4)!important;background:var(--button-secondary-bg)!important;color:#991b1b!important;text-decoration:none;font-family:var(--app-font);font-size:.8rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:var(--transition-ui)}.btn-danger-minimal:hover,.btn-danger-minimal:focus-visible{border-color:#991b1b!important;color:#7f1d1d!important;background:var(--button-secondary-hover-bg)!important;opacity:1}app-navbar .site-header{position:relative}app-navbar .site-header__bar{position:relative;z-index:5;border-bottom:1px solid transparent;background:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,backdrop-filter .24s ease}app-navbar .site-header__bar--scrolled{border-bottom-color:var(--color-border-subtle);background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #0a0a0a0a}app-navbar .site-header__inner{display:flex;align-items:center;gap:1.25rem;max-width:var(--page-shell-width);margin:0 auto;padding:.9rem var(--app-layout-gutter);transition:padding .24s ease,gap .24s ease}app-navbar .site-header__bar--scrolled .site-header__inner{padding:.6rem var(--app-layout-gutter)}@media(min-width:769px){app-navbar .site-header__inner{gap:2rem}app-navbar .site-header__bar--scrolled .site-header__inner{gap:1.75rem}}@media(max-width:768px){app-navbar .site-header__inner{flex-wrap:nowrap}}app-navbar .mobile-nav-backdrop{position:fixed;inset:0;z-index:1;margin:0;border:0;padding:0;background:#0a0a0a1f;cursor:pointer}app-navbar .site-nav--mobile{position:relative;z-index:2;display:flex;flex-direction:column;max-width:var(--page-shell-width);margin:0 auto;padding:.35rem var(--app-layout-gutter) 1rem;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface)}app-navbar .site-nav--mobile a{padding:.85rem 0;border-bottom:1px solid var(--color-border-subtle);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}app-navbar .site-nav--mobile a:last-child{border-bottom:0}app-navbar .profile-backdrop{position:fixed;inset:0;z-index:4;border:0;background:transparent;cursor:default}app-navbar .profile-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:grid;gap:1rem;width:min(300px,calc(100vw - 2 * var(--app-layout-gutter)));padding:1rem;border:1px solid var(--color-border-hairline);border-radius:.5rem;background:var(--color-surface);box-shadow:0 16px 40px #0a0a0a14}app-navbar .profile-panel__header{display:flex;align-items:center;gap:.75rem}app-navbar .profile-panel__header strong{display:block;color:var(--color-text);font-size:.95rem}app-navbar .profile-panel__header span{color:var(--color-text-muted);font-size:.8125rem}app-navbar .profile-panel__actions{display:grid;gap:.35rem}app-navbar .profile-panel__actions button{width:100%;border:0;border-radius:.35rem;padding:.65rem .75rem;background:var(--color-bg-muted);color:var(--color-text);cursor:pointer;font:500 .875rem/1.3 var(--app-font);text-align:left;transition:var(--transition-opacity)}app-navbar .profile-panel__actions button:hover,app-navbar .profile-panel__actions button:focus-visible{opacity:.75}app-navbar .profile-panel__actions button.danger{color:#991b1b;background:#fef2f2}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-flat-button,.mat-mdc-form-field,.mat-mdc-form-field *,.mat-mdc-input-element,.mdc-text-field__input,.mdc-floating-label{font-family:var(--app-font)!important}.mat-mdc-input-element,.mdc-text-field__input,.mat-mdc-form-field .mdc-floating-label,.mat-mdc-form-field-hint{color:var(--color-text)!important}.mat-mdc-form-field .mdc-floating-label,.mat-mdc-form-field-hint{color:var(--color-text-muted)!important}.mat-mdc-form-field-error,.status-message.error{color:var(--color-error-text)!important}.status-message.success{color:var(--color-success-text)!important}input::placeholder,textarea::placeholder,.mat-mdc-input-element::placeholder,.mdc-text-field__input::placeholder{font-family:var(--app-font)!important;color:var(--color-text-muted);opacity:.92}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-flat-button{font-size:16px!important;letter-spacing:.5px}