*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .2s ease,color .2s ease}:root{--color-primary: #1A6FC4;--color-primary-hover: #155ba3;--color-primary-active: #114a85;--color-primary-light: #EBF4FF;--color-primary-border: #b3d4f0;--color-background: #EBF4FF;--color-surface: #FFFFFF;--color-surface-hover: #F8FBFF;--color-surface-raised: #FFFFFF;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-on-primary: #FFFFFF;--color-text-link: #1A6FC4;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-divider: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--color-input-bg: #FFFFFF;--color-input-border: #d1d5db;--color-input-border-focus:#1A6FC4;--color-input-placeholder: #9ca3af;--color-input-text: #1E293B;--shadow-input-focus: 0 0 0 3px rgba(26, 111, 196, .15);--color-success: #22C55E;--color-success-hover: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #166534;--color-warning: #F97316;--color-warning-hover: #ea580c;--color-warning-bg: #fff7ed;--color-warning-border: #fed7aa;--color-warning-text: #9a3412;--color-danger: #EF4444;--color-danger-hover: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-badge-vaccination: #14B8A6;--color-badge-vaccination-bg: #ccfbf1;--color-badge-vaccination-text: #115e59;--color-badge-medication: #A855F7;--color-badge-medication-bg: #f3e8ff;--color-badge-medication-text: #6b21a8;--color-badge-vet: #F97316;--color-badge-vet-bg: #fff7ed;--color-badge-vet-text: #9a3412;--color-badge-food-bg: #fce7f3;--color-badge-food-text: #9d174d;--color-badge-lab-bg: #ede9fe;--color-badge-lab-text: #5b21b6;--color-badge-other-bg: #f1f5f9;--color-badge-other-text: #475569;--color-status-overdue-bg: #fef2f2;--color-status-overdue-text: #EF4444;--color-status-due-bg: #fff7ed;--color-status-due-text: #F97316;--color-status-upcoming-bg: #f0fdf4;--color-status-upcoming-text: #22C55E;--color-amazon: #ff9900;--color-amazon-hover: #e68a00;--color-chewy: #1c49c2;--color-chewy-hover: #153a9e;--color-petmeds: #e31937;--color-petmeds-hover: #c8152f;--color-overlay: rgba(0, 0, 0, .5);--color-modal-bg: #FFFFFF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75;--tap-target-min: 44px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--welcome-banner-bg: var(--color-primary);--welcome-banner-border: none;--welcome-banner-title: rgba(255, 255, 255, 1);--welcome-banner-subtitle: rgba(255, 255, 255, .82);--pet-avatar-bg: rgba(255, 255, 255, .2);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #4A9AE5;--color-primary-hover: #6DB1EF;--color-primary-active: #3584D6;--color-primary-light: #1a2a3d;--color-primary-border: #2d4a6a;--color-background: #0f1623;--color-surface: #1a2332;--color-surface-hover: #1f2b3d;--color-surface-raised: #243044;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-muted: #475569;--color-text-on-primary: #FFFFFF;--color-text-link: #4A9AE5;--color-border: #2d3a4d;--color-border-light: #1e2a3a;--color-divider: #2d3a4d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--color-input-bg: #1a2332;--color-input-border: #3d4f66;--color-input-border-focus:#4A9AE5;--color-input-placeholder: #64748b;--color-input-text: #e2e8f0;--shadow-input-focus: 0 0 0 3px rgba(74, 154, 229, .2);--color-success: #4ade80;--color-success-hover: #22c55e;--color-success-bg: #0a2618;--color-success-border: #15462b;--color-success-text: #4ade80;--color-warning: #fb923c;--color-warning-hover: #f97316;--color-warning-bg: #2a1a08;--color-warning-border: #4a2d10;--color-warning-text: #fb923c;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-bg: #2a0f0f;--color-danger-border: #4a1a1a;--color-danger-text: #f87171;--color-badge-vaccination: #2dd4bf;--color-badge-vaccination-bg: #0a2a26;--color-badge-vaccination-text: #5eead4;--color-badge-medication: #c084fc;--color-badge-medication-bg: #1e0a38;--color-badge-medication-text: #d8b4fe;--color-badge-vet: #fb923c;--color-badge-vet-bg: #2a1a08;--color-badge-vet-text: #fdba74;--color-badge-food-bg: #2a0f20;--color-badge-food-text: #f9a8d4;--color-badge-lab-bg: #1e0a38;--color-badge-lab-text: #c4b5fd;--color-badge-other-bg: #1e2a3a;--color-badge-other-text: #94a3b8;--color-status-overdue-bg: #2a0f0f;--color-status-overdue-text: #f87171;--color-status-due-bg: #2a1a08;--color-status-due-text: #fb923c;--color-status-upcoming-bg: #0a2618;--color-status-upcoming-text: #4ade80;--color-overlay: rgba(0, 0, 0, .7);--color-modal-bg: #1a2332;--welcome-banner-bg: var(--color-surface);--welcome-banner-border: 4px solid var(--color-primary);--welcome-banner-title: var(--color-primary);--welcome-banner-subtitle: var(--color-text-secondary);--pet-avatar-bg: rgba(74, 154, 229, .18);color-scheme:dark}}[data-theme=dark]{--color-primary: #4A9AE5;--color-primary-hover: #6DB1EF;--color-primary-active: #3584D6;--color-primary-light: #1a2a3d;--color-primary-border: #2d4a6a;--color-background: #0f1623;--color-surface: #1a2332;--color-surface-hover: #1f2b3d;--color-surface-raised: #243044;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-muted: #475569;--color-text-on-primary: #FFFFFF;--color-text-link: #4A9AE5;--color-border: #2d3a4d;--color-border-light: #1e2a3a;--color-divider: #2d3a4d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--color-input-bg: #1a2332;--color-input-border: #3d4f66;--color-input-border-focus:#4A9AE5;--color-input-placeholder: #64748b;--color-input-text: #e2e8f0;--shadow-input-focus: 0 0 0 3px rgba(74, 154, 229, .2);--color-success: #4ade80;--color-success-hover: #22c55e;--color-success-bg: #0a2618;--color-success-border: #15462b;--color-success-text: #4ade80;--color-warning: #fb923c;--color-warning-hover: #f97316;--color-warning-bg: #2a1a08;--color-warning-border: #4a2d10;--color-warning-text: #fb923c;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-bg: #2a0f0f;--color-danger-border: #4a1a1a;--color-danger-text: #f87171;--color-badge-vaccination: #2dd4bf;--color-badge-vaccination-bg: #0a2a26;--color-badge-vaccination-text: #5eead4;--color-badge-medication: #c084fc;--color-badge-medication-bg: #1e0a38;--color-badge-medication-text: #d8b4fe;--color-badge-vet: #fb923c;--color-badge-vet-bg: #2a1a08;--color-badge-vet-text: #fdba74;--color-badge-food-bg: #2a0f20;--color-badge-food-text: #f9a8d4;--color-badge-lab-bg: #1e0a38;--color-badge-lab-text: #c4b5fd;--color-badge-other-bg: #1e2a3a;--color-badge-other-text: #94a3b8;--color-status-overdue-bg: #2a0f0f;--color-status-overdue-text: #f87171;--color-status-due-bg: #2a1a08;--color-status-due-text: #fb923c;--color-status-upcoming-bg: #0a2618;--color-status-upcoming-text: #4ade80;--color-overlay: rgba(0, 0, 0, .7);--color-modal-bg: #1a2332;--welcome-banner-bg: var(--color-surface);--welcome-banner-border: 4px solid var(--color-primary);--welcome-banner-title: var(--color-primary);--welcome-banner-subtitle: var(--color-text-secondary);--pet-avatar-bg: rgba(74, 154, 229, .18);color-scheme:dark}[data-theme=light]{--color-primary: #1A6FC4;--color-primary-hover: #155ba3;--color-primary-active: #114a85;--color-primary-light: #EBF4FF;--color-primary-border: #b3d4f0;--color-background: #EBF4FF;--color-surface: #FFFFFF;--color-surface-hover: #F8FBFF;--color-surface-raised: #FFFFFF;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-on-primary: #FFFFFF;--color-text-link: #1A6FC4;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-divider: #e5e7eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--color-input-bg: #FFFFFF;--color-input-border: #d1d5db;--color-input-border-focus:#1A6FC4;--color-input-placeholder: #9ca3af;--color-input-text: #1E293B;--shadow-input-focus: 0 0 0 3px rgba(26, 111, 196, .15);--color-success: #22C55E;--color-success-hover: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #166534;--color-warning: #F97316;--color-warning-hover: #ea580c;--color-warning-bg: #fff7ed;--color-warning-border: #fed7aa;--color-warning-text: #9a3412;--color-danger: #EF4444;--color-danger-hover: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-badge-vaccination: #14B8A6;--color-badge-vaccination-bg: #ccfbf1;--color-badge-vaccination-text: #115e59;--color-badge-medication: #A855F7;--color-badge-medication-bg: #f3e8ff;--color-badge-medication-text: #6b21a8;--color-badge-vet: #F97316;--color-badge-vet-bg: #fff7ed;--color-badge-vet-text: #9a3412;--color-badge-food-bg: #fce7f3;--color-badge-food-text: #9d174d;--color-badge-lab-bg: #ede9fe;--color-badge-lab-text: #5b21b6;--color-badge-other-bg: #f1f5f9;--color-badge-other-text: #475569;--color-status-overdue-bg: #fef2f2;--color-status-overdue-text: #EF4444;--color-status-due-bg: #fff7ed;--color-status-due-text: #F97316;--color-status-upcoming-bg: #f0fdf4;--color-status-upcoming-text: #22C55E;--color-overlay: rgba(0, 0, 0, .5);--color-modal-bg: #FFFFFF;--welcome-banner-bg: var(--color-primary);--welcome-banner-border: none;--welcome-banner-title: rgba(255, 255, 255, 1);--welcome-banner-subtitle: rgba(255, 255, 255, .82);--pet-avatar-bg: rgba(255, 255, 255, .2);color-scheme:light}