:root{--color-primary: #1A3A5C;--color-primary-light: #63B3ED;--color-primary-dark: #0E1C2E;--color-primary-subtle: #EBF8FF;--color-secondary: #DAEEF9;--color-bg-page: #EBF8FF;--color-bg-card: #F7FBFF;--color-bg-input: #F0F8FF;--color-bg-dark: #0E1C2E;--color-bg-white: #FFFFFF;--color-text-primary: #0E1C2E;--color-text-secondary: #2D4A6A;--color-text-tertiary: #4A6A8A;--color-text-placeholder: #84A6C1;--color-text-inverse: #E8F4FD;--color-text-link: #2B6CB0;--color-text-link-light: #90CDF4;--color-text-accent: #63B3ED;--color-border-default: #BEE3F8;--color-border-focus: #90CDF4;--color-border-strong: #2B6CB0;--color-success: #276749;--color-success-bg: #E6FFFA;--color-success-dot: #68D391;--color-warning: #B7791F;--color-warning-bg: #FFFBEB;--color-warning-text: #7B5A00;--color-error: #E07070;--color-error-bg: #FFF5F5;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-card: 0 1px 4px rgba(14, 28, 46, .06);--shadow-dropdown: 0 4px 16px rgba(14, 28, 46, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fl-display,.fl-auth-card .fl-auth-card__logo .fl-auth-card__logo-text,.fl-display-italic{font-family:var(--font-display);font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}.fl-display-italic{font-style:italic;color:var(--color-primary)}.fl-h1,.fl-auth-card .fl-auth-card__title{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1.3;color:var(--color-text-primary)}.fl-h2,.fl-freezer-card__name{font-family:var(--font-display);font-size:16px;font-weight:400;line-height:1.4;color:var(--color-text-primary)}.fl-body,.fl-auth-card .fl-auth-card__subtitle{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.6;color:var(--color-text-secondary)}.fl-label,.fl-aging-panel__title{font-family:var(--font-body);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-tertiary)}.fl-meta,.fl-aging-panel__empty,.fl-freezer-card__meta{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-text-tertiary)}.mat-toolbar.fl-toolbar{background-color:var(--color-bg-dark);color:var(--color-text-inverse);font-family:var(--font-display);font-size:18px}.mat-toolbar.fl-toolbar .fl-toolbar-accent{color:var(--color-text-accent)}.mat-toolbar.fl-toolbar .mat-icon-button{color:#90cdf4}.mat-toolbar.fl-toolbar .mat-icon-button:hover{background:#ffffff14}.mat-raised-button.fl-btn-primary,.mat-flat-button.fl-btn-primary{background-color:var(--color-primary);color:#fff;font-family:var(--font-body);font-weight:500;font-size:14px;border-radius:var(--radius-md);letter-spacing:0;padding:0 20px;height:40px}.mat-raised-button.fl-btn-primary:hover,.mat-flat-button.fl-btn-primary:hover{background-color:#1a3a5c}.mat-raised-button.fl-btn-primary[disabled],.mat-flat-button.fl-btn-primary[disabled]{background-color:#bee3f8;color:#63b3ed}.mat-stroked-button.fl-btn-secondary{border-color:var(--color-primary);color:var(--color-primary);font-family:var(--font-body);font-weight:500;font-size:14px;border-radius:var(--radius-md);border-width:1.5px;letter-spacing:0;height:40px}.mat-stroked-button.fl-btn-secondary:hover{background-color:var(--color-primary-subtle)}.mat-button.fl-btn-ghost{color:var(--color-text-secondary);font-family:var(--font-body);font-size:14px;border-radius:var(--radius-md);letter-spacing:0;height:40px}.mat-form-field.fl-input{width:100%}.mat-form-field.fl-input .mat-form-field-outline{color:var(--color-border-default);border-radius:var(--radius-md)}.mat-form-field.fl-input .mat-form-field-outline-thick{color:var(--color-border-focus)}.mat-form-field.fl-input input.mat-input-element{font-family:var(--font-body);font-size:14px;color:var(--color-text-primary);background:var(--color-bg-input)}.mat-form-field.fl-input .mat-form-field-label{font-family:var(--font-body);color:var(--color-text-tertiary)}.mat-form-field.fl-input .mat-form-field-hint-wrapper{font-size:11px;color:var(--color-text-tertiary)}.mat-form-field.fl-input.mat-focused .mat-form-field-outline-thick{color:var(--color-primary)}.mat-card.fl-card,.fl-auth-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5)}.mat-card.fl-card .mat-card-title,.fl-auth-card .mat-card-title{font-family:var(--font-display);font-size:16px;font-weight:400;color:var(--color-text-primary)}.mat-card.fl-card .mat-card-subtitle,.fl-auth-card .mat-card-subtitle{font-family:var(--font-body);font-size:12px;color:#4a90c4}.fl-freezer-card,.fl-freezer-card--add{background:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:border-color .15s ease,background .15s ease}.fl-freezer-card:hover,.fl-freezer-card--add:hover{border-color:#63b3ed;background:#f7fbff}.fl-freezer-card.fl-freezer-card--selected,.fl-freezer-card--selected.fl-freezer-card--add{border-color:var(--color-primary);background:#ebf8ff}.fl-freezer-card__icon{width:32px;height:32px;background:#ebf8ff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.fl-freezer-card__icon mat-icon{color:var(--color-primary);font-size:18px;width:18px;height:18px}.fl-freezer-card__name{font-size:15px;margin-bottom:2px}.fl-freezer-card__meta{color:#4a90c4}.fl-freezer-card--add{border-style:dashed;border-color:#90cdf4;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:90px;color:#4a90c4;font-size:12px}.fl-freezer-card--add:hover{background:#ebf8ff;border-color:var(--color-primary);color:var(--color-primary)}.fl-freezer-card--add mat-icon{font-size:20px;width:20px;height:20px}.fl-auth-card{max-width:400px;width:100%;margin:auto}.fl-auth-card .fl-auth-card__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.fl-auth-card .fl-auth-card__logo .fl-auth-card__logo-mark{width:36px;height:36px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.fl-auth-card .fl-auth-card__logo .fl-auth-card__logo-mark mat-icon{color:#fff;font-size:20px;width:20px;height:20px}.fl-auth-card .fl-auth-card__logo .fl-auth-card__logo-text{font-size:20px}.fl-auth-card .fl-auth-card__logo .fl-auth-card__logo-text span{color:var(--color-primary-light)}.fl-auth-card .fl-auth-card__title{margin-bottom:var(--space-1)}.fl-auth-card .fl-auth-card__subtitle{font-size:13px;margin-bottom:var(--space-6)}.fl-auth-card .fl-auth-card__footer{margin-top:var(--space-4);text-align:center;font-size:13px;color:var(--color-text-tertiary)}.fl-auth-card .fl-auth-card__footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.fl-auth-card .fl-auth-card__footer a:hover{text-decoration:underline}.fl-chip-category,.fl-chip-expired,.fl-chip-expiring,.fl-chip-fresh{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:12px;font-weight:500;padding:4px 12px;border-radius:var(--radius-pill);line-height:1}.fl-chip-fresh{background:var(--color-success-bg);color:var(--color-success)}.fl-chip-expiring{background:var(--color-warning-bg);color:var(--color-warning)}.fl-chip-expired{background:var(--color-error-bg);color:var(--color-error)}.fl-chip-category{background:#ebf8ff;color:#2b6cb0}.fl-snackbar{background:var(--color-bg-dark)!important;color:var(--color-text-inverse)!important;font-family:var(--font-body)!important;font-size:13px!important;border-radius:var(--radius-lg)!important}.fl-snackbar .mat-simple-snackbar-action{color:#63b3ed!important}.mat-menu-panel.fl-menu{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);box-shadow:var(--shadow-dropdown);background:var(--color-bg-card);min-width:160px}.mat-menu-panel.fl-menu .mat-menu-item{font-family:var(--font-body);font-size:14px;color:var(--color-text-primary)}.mat-menu-panel.fl-menu .mat-menu-item:hover{background:#ebf8ff;color:var(--color-primary)}.mat-menu-panel.fl-menu .mat-menu-item mat-icon{color:var(--color-text-tertiary)}.fl-page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg-page)}.fl-home-grid{display:grid;grid-template-columns:33% 1fr;grid-template-rows:1fr auto;height:calc(100vh - 56px);overflow:hidden}@media(max-width:768px){.fl-home-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;overflow:visible}}.fl-left-panel{border-right:1px solid var(--color-border-default);overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:768px){.fl-left-panel{border-right:none;border-bottom:1px solid var(--color-border-default)}}.fl-right-panel{overflow-y:auto;padding:var(--space-6);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}@media(max-width:768px){.fl-right-panel{display:none}.fl-right-panel.fl-right-panel--visible{display:flex}}.fl-bottom-bar{position:sticky;bottom:0;background:var(--color-bg-dark);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-around;gap:var(--space-3);border-top:1px solid #1A3A5C;grid-column:1/-1}.fl-aging-panel{border-top:1px solid var(--color-border-default);padding:var(--space-4)}.fl-aging-panel__title{margin-bottom:var(--space-3)}.fl-aging-panel__empty{font-style:italic}.fl-mt-1{margin-top:var(--space-1)}.fl-mt-2{margin-top:var(--space-2)}.fl-mt-3{margin-top:var(--space-3)}.fl-mt-4{margin-top:var(--space-4)}.fl-mt-6{margin-top:var(--space-6)}.fl-mt-8{margin-top:var(--space-8)}.fl-mb-1{margin-bottom:var(--space-1)}.fl-mb-2{margin-bottom:var(--space-2)}.fl-mb-3{margin-bottom:var(--space-3)}.fl-mb-4{margin-bottom:var(--space-4)}.fl-mb-6{margin-bottom:var(--space-6)}.fl-mb-8{margin-bottom:var(--space-8)}.fl-gap-2{gap:var(--space-2)}.fl-gap-3{gap:var(--space-3)}.fl-gap-4{gap:var(--space-4)}*{scrollbar-width:thin;scrollbar-color:#BEE3F8 transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#bee3f8;border-radius:var(--radius-pill)}body{font-family:var(--font-body)}.fl-spinner{width:20px;height:20px;border:2px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:50%;animation:fl-spin .7s linear infinite;flex-shrink:0}@keyframes fl-spin{to{transform:rotate(360deg)}}.fl-auth-card fl-input-field .fl-input__label{color:#ffffffbf}.fl-auth-card fl-input-field .fl-input__field{background:#ffffff1f;border-color:#ffffff40;color:#fff}.fl-auth-card fl-input-field .fl-input__field::placeholder{color:#ffffff59}.fl-auth-card fl-input-field .fl-input__field:focus{border-color:#fff9;box-shadow:0 0 0 3px #ffffff14}