:root{--color-primary: rgb(93, 179, 71);--color-primary-hover: hsl(142, 70%, 28%);--color-primary-pressed: hsl(142, 70%, 22%);--color-primary-container: hsl(142, 30%, 85%);--color-primary-container-light: hsl(142, 30%, 92%);--color-primary-surface-tint: hsl(142, 30%, 95%);--color-on-primary: #FFFFFF;--color-secondary: hsl(220, 10%, 45%);--color-secondary-container: hsl(220, 14%, 96%);--color-accent: #C8A050;--color-accent-text: #7A5C1F;--color-accent-container: #FFF3E0;--color-success: hsl(142, 70%, 35%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(0, 84%, 60%);--color-error-container: #FDECEA;--color-background: hsl(0, 0%, 98%);--color-surface: hsl(0, 0%, 100%);--color-surface-border: hsl(220, 13%, 91%);--color-text-primary: hsl(220, 20%, 10%);--color-text-secondary: hsl(220, 10%, 45%);--color-text-disabled: #ABABAB;--color-type-animal: #22c55e;--color-type-calf: #c400cb;--color-type-embryo: #848484;--color-type-pregnancy: #3b82f6;--color-type-aspiration: #f59e0b;--color-type-semen: #d60000;--color-type-animal-border: rgba(34, 197, 94, .2);--color-type-calf-border: rgba(196, 0, 203, .2);--color-type-embryo-border: rgba(132, 132, 132, .2);--color-type-pregnancy-border: rgba(59, 130, 246, .2);--color-type-aspiration-border: rgba(245, 158, 11, .2);--color-type-semen-border: rgba(214, 0, 0, .2);--chart-color-1: #22c55e;--chart-color-2: #3b82f6;--chart-color-3: #a855f7;--chart-color-4: #f43f5e;--chart-color-5: #f59e0b;--chart-color-6: #ec4899;--chart-color-7: hsl(38, 92%, 50%);--chart-color-8: hsl(220, 10%, 45%);--font-family-display: "DM Sans", sans-serif;--font-family-body: "DM Sans", system-ui, sans-serif;--font-family-heading: "DM Sans", system-ui, sans-serif;--font-size-display: 28px;--font-size-h1: 22px;--font-size-h2: 24px;--font-size-h3: 16px;--font-size-body: 14px;--font-size-caption: 12px;--font-size-overline: 11px;--line-height-display: 34px;--line-height-h1: 28px;--line-height-h2: 24px;--line-height-h3: 22px;--line-height-body: 20px;--line-height-caption: 16px;--line-height-overline: 16px;--spacing-unit: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 24px;--radius-input: 10px;--touch-target-min: 48px;--motion-duration-fast: .1s;--motion-duration-normal: .2s;--motion-duration-slow: .3s;--motion-duration-enter: .25s;--motion-duration-exit: .15s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--motion-easing-accelerate: cubic-bezier(.3, 0, 1, 1);--elevation-0: none;--elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .05);--elevation-2: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--elevation-3: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--skeleton-base: hsl(220, 14%, 96%);--skeleton-highlight: hsl(220, 14%, 98%);--bottom-nav-height: 64px;--sidebar-width: 256px;--sidebar-collapsed-width: 64px;--content-max-width: 1200px}body{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-family-heading);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:600;margin:0}h2{font-family:var(--font-family-heading);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:600;margin:0}h3{font-family:var(--font-family-heading);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:600;margin:0}.type-display{font-family:var(--font-family-display);font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:400}.type-overline{font-family:var(--font-family-body);font-size:var(--font-size-overline);line-height:var(--line-height-overline);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.type-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.tabular-nums{font-variant-numeric:tabular-nums}html{height:100%;--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #323200);--mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);--mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#626200, #cdcd00);--mat-sys-tertiary-container: light-dark(#eaea00, #494900);--mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--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 DM Sans;--mat-sys-body-large-font: DM Sans;--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 DM Sans;--mat-sys-body-medium-font: DM Sans;--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 DM Sans;--mat-sys-body-small-font: DM Sans;--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 DM Sans;--mat-sys-display-large-font: DM Sans;--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 DM Sans;--mat-sys-display-medium-font: DM Sans;--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 DM Sans;--mat-sys-display-small-font: DM Sans;--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 DM Sans;--mat-sys-headline-large-font: DM Sans;--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 DM Sans;--mat-sys-headline-medium-font: DM Sans;--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 DM Sans;--mat-sys-headline-small-font: DM Sans;--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 DM Sans;--mat-sys-label-large-font: DM Sans;--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 DM Sans;--mat-sys-label-medium-font: DM Sans;--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 DM Sans;--mat-sys-label-small-font: DM Sans;--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 DM Sans;--mat-sys-title-large-font: DM Sans;--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 DM Sans;--mat-sys-title-medium-font: DM Sans;--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 DM Sans;--mat-sys-title-small-font: DM Sans;--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;--mat-sys-primary: var(--color-primary);--mat-sys-on-primary: var(--color-on-primary);--mat-sys-primary-container: var(--color-primary-container);--mat-sys-surface: var(--color-surface);--mat-sys-on-surface: var(--color-text-primary);--mat-sys-background: var(--color-background);--mat-sys-error: var(--color-error);--mat-sys-outline: var(--color-surface-border);--mat-sys-outline-variant: var(--color-secondary-container)}body{color-scheme:light;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{border-color:var(--color-surface-border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media(max-width:599px){.mat-mdc-snack-bar-container{margin-bottom:calc(var(--bottom-nav-height) + 16px)!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-secondary-container);border-radius:3px}.card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1);overflow:hidden}.card-padded{padding:0 16px 16px}.card-header-row{display:flex;align-items:center;gap:8px;padding:16px 16px 12px}.card-header-icon{font-size:20px;color:var(--color-text-primary)}.card-header-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.section-count{font-size:var(--font-size-body);font-weight:400;color:var(--color-text-secondary)}.input-row{display:flex;gap:8px;margin-bottom:12px}.text-input{flex:1;height:44px;padding:0 14px;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-family-body);font-size:var(--font-size-body);color:var(--color-text-primary);outline:none}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1b984926}.text-input::placeholder{color:var(--color-text-disabled)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;flex-shrink:0}.send-btn .material-symbols-outlined{font-size:20px}.send-btn:hover{opacity:.9}.send-btn:disabled{opacity:.4;cursor:not-allowed}.list-item{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-surface-border);margin-bottom:8px;background:var(--color-surface)}.list-item-text{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary);margin:0 0 4px;line-height:1.5;white-space:pre-wrap}.list-item-date{font-size:var(--font-size-caption);color:var(--color-primary)}.empty-text{font-size:var(--font-size-body);color:var(--color-text-disabled);text-align:center;padding:16px 0;margin:0}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:1px dashed var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:500;color:var(--color-primary);cursor:pointer;transition:all var(--motion-duration-fast) ease}.load-more-btn .material-symbols-outlined{font-size:20px}.load-more-btn:hover:not(:disabled){background:var(--color-secondary-container);border-color:var(--color-primary)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.clamped{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamped-3{-webkit-line-clamp:3}.clamped-4{-webkit-line-clamp:4}.read-more-btn{background:none;border:none;padding:0;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-body)}.read-more-btn:hover{text-decoration:underline}