:root{--bg-cream: #F8F9FB;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--primary: #5B9BD5;--primary-dark: #4A8BC9;--primary-light: #E8F4FD;--primary-rgb: 91, 155, 213;--primary-gradient: linear-gradient(135deg, #6BA8E0 0%, #5B9BD5 100%);--accent: #7FB3E0;--accent-dark: #26A69A;--accent-light: #F0F8FF;--secondary: #FFE0D0;--secondary-light: #FFF5F0;--text-dark: #1A1A2E;--text-medium: #6B7280;--text-light: #9CA3AF;--text-on-primary: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .12);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--status-done: #10B981;--status-done-bg: #D1FAE5;--status-pending: #F59E0B;--status-pending-bg: #FEF3C7;--status-info: #3B82F6;--status-info-bg: #DBEAFE;--status-urgent: #EF4444;--status-urgent-bg: #FEE2E2;--accent-red: #EF4444;--accent-red-bg: #FEE2E2;--gradient-hero: linear-gradient(135deg, #5B9BD5 0%, #4A8BC9 100%);--gradient-soft: linear-gradient(180deg, #E8F4FD 0%, #FFFFFF 100%);--gradient-header: linear-gradient(180deg, #5B9BD5 0%, #6BA8E0 100%);--gradient-profile: linear-gradient(180deg, #5B9BD5 0%, #E8F4FD 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F8F9FB 100%);--gradient-teal: linear-gradient(135deg, #4DB6AC 0%, #26A69A 100%);--gradient-peach: linear-gradient(135deg, #FFB088 0%, #FF8A65 100%);--nav-height: 70px;--header-height: 0px;--content-max-width: 540px;--cat-vaccine: #5B9BD5;--cat-vaccine-bg: #E8F4FD;--cat-deworming: #F59E0B;--cat-deworming-bg: #FEF3C7;--cat-vet: #10B981;--cat-vet-bg: #D1FAE5;--cat-grooming: #EC4899;--cat-grooming-bg: #FCE7F3}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-cream);color:var(--text-dark);margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}html{scroll-behavior:smooth;width:100%;height:100%}body,#root{width:100%;height:100%;overflow-x:hidden}body{scrollbar-width:none}body::-webkit-scrollbar{display:none}.screen-animate{animation:fadeIn .45s ease both}.app-scroll{overflow-x:hidden}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box}body,#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input,textarea,select,button{font-family:inherit}img{max-width:100%}.toast-bar{position:fixed;top:0;left:0;right:0;background:var(--text-dark);color:#fff;padding:12px 16px;text-align:center;font-size:14px;z-index:9999;transform:translateY(-100%);transition:transform .3s ease}.toast-bar.visible{transform:translateY(0)}