:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--app-bg: #f6f4ef;--app-surface: #ffffff;--app-surface-soft: #f8fbf9;--app-surface-accent: #eef8f3;--app-border: #dbeae5;--app-text: #20433b;--app-text-muted: #44645d;--app-text-soft: #5d776f;--app-primary: #2f8f6f;--app-primary-strong: #1f6b52;--app-secondary: #d06a3b;--app-danger: #c92a2a;--app-danger-soft: #fff4f1;--app-shadow: 0 20px 45px rgba(36, 56, 52, .14);--app-page-gradient: radial-gradient(circle at top right, #fce9d8 0%, #f6f4ef 45%, #e8f2ef 100%)}:root[data-theme=dark]{color-scheme:dark;--app-bg: #11181f;--app-surface: #18222b;--app-surface-soft: #1d2a34;--app-surface-accent: #173127;--app-border: #2c3c48;--app-text: #dbe7ee;--app-text-muted: #b2c1cb;--app-text-soft: #8fa3af;--app-primary: #58a789;--app-primary-strong: #77c7a6;--app-secondary: #e39a68;--app-danger: #ff8c8c;--app-danger-soft: #3a2325;--app-shadow: 0 14px 36px rgba(0, 0, 0, .35);--app-page-gradient: radial-gradient(circle at top right, #2d2521 0%, #161d24 45%, #10211d 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--app-text);transition:background-color .14s ease,color .14s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.theme-toggle-wrap{position:fixed;top:12px;right:12px;z-index:1200;display:flex;align-items:center;gap:8px;border:1px solid var(--app-border);border-radius:999px;min-height:34px;padding:4px 8px;background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow)}.theme-toggle-label{font-size:.8rem;font-weight:700;color:var(--app-text-muted)}.theme-toggle-select{border:1px solid var(--app-border);border-radius:999px;min-height:26px;padding:2px 8px;background:var(--app-surface-soft);color:var(--app-text);font-size:.82rem;font-weight:600;cursor:pointer}.theme-toggle-select:hover{border-color:var(--app-primary)}.theme-toggle-select:focus-visible{outline:2px solid color-mix(in srgb,var(--app-primary) 45%,transparent);outline-offset:2px}:root[data-theme=dark] .home-shell,:root[data-theme=dark] .customer-login-shell,:root[data-theme=dark] .owner-signup-shell,:root[data-theme=dark] .customer-account-shell,:root[data-theme=dark] .page-shell,:root[data-theme=dark] .form-page-shell,:root[data-theme=dark] .skeleton-page{background:var(--app-page-gradient)!important;color:var(--app-text)!important}:root[data-theme=dark] .home-hero-card,:root[data-theme=dark] .home-content-card,:root[data-theme=dark] .home-bottom-cta,:root[data-theme=dark] .home-support-card,:root[data-theme=dark] .home-footer,:root[data-theme=dark] .home-stat-card,:root[data-theme=dark] .home-faq-item,:root[data-theme=dark] .home-panel-card,:root[data-theme=dark] .customer-login-card,:root[data-theme=dark] .owner-signup-card,:root[data-theme=dark] .customer-account-card,:root[data-theme=dark] .pet-profile-card,:root[data-theme=dark] .form-card,:root[data-theme=dark] .owner-box,:root[data-theme=dark] .owner-signup-info-panel,:root[data-theme=dark] .skeleton-card{background:var(--app-surface)!important;border-color:var(--app-border)!important;box-shadow:var(--app-shadow)!important}:root[data-theme=dark] .home-panel-card.featured{background:linear-gradient(160deg,#163128,#24523f)!important}:root[data-theme=dark] .home-faq-item{background:linear-gradient(145deg,#1d2a34fa,#18222bfa)!important}:root[data-theme=dark] .home-brand-badge{background:linear-gradient(135deg,#58a7892e,#e39a6829)!important;border-color:var(--app-border)!important}:root[data-theme=dark] .home-eyebrow,:root[data-theme=dark] .home-section-tag,:root[data-theme=dark] .home-panel-label,:root[data-theme=dark] .customer-login-eyebrow,:root[data-theme=dark] .owner-signup-eyebrow,:root[data-theme=dark] .customer-account-eyebrow,:root[data-theme=dark] .customer-account-profile-tag,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .form-eyebrow{color:var(--app-secondary)!important}:root[data-theme=dark] .home-brand-name,:root[data-theme=dark] .home-subtitle,:root[data-theme=dark] .home-content-card p,:root[data-theme=dark] .home-support-card p,:root[data-theme=dark] .home-footer-copy,:root[data-theme=dark] .home-faq-item p,:root[data-theme=dark] .home-bottom-copy p,:root[data-theme=dark] .home-panel-card p,:root[data-theme=dark] .home-stat-card span,:root[data-theme=dark] .home-feature-list,:root[data-theme=dark] .home-steps-list,:root[data-theme=dark] .customer-login-subtitle,:root[data-theme=dark] .owner-signup-subtitle,:root[data-theme=dark] .owner-signup-helper,:root[data-theme=dark] .owner-signup-footer,:root[data-theme=dark] .customer-login-footer,:root[data-theme=dark] .customer-account-subtitle,:root[data-theme=dark] .data-table-summary,:root[data-theme=dark] .data-table-record-field dt,:root[data-theme=dark] .data-table-page-status,:root[data-theme=dark] .data-table-empty-state p,:root[data-theme=dark] .customer-login-content,:root[data-theme=dark] .owner-box p,:root[data-theme=dark] .form-subtitle{color:var(--app-text-muted)!important}:root[data-theme=dark] .home-hero-copy h1,:root[data-theme=dark] .home-content-card h2,:root[data-theme=dark] .home-support-card h2,:root[data-theme=dark] .home-faq-item strong,:root[data-theme=dark] .home-support-link,:root[data-theme=dark] .home-bottom-copy h2,:root[data-theme=dark] .home-panel-card h2,:root[data-theme=dark] .customer-login-header h1,:root[data-theme=dark] .owner-signup-header h1,:root[data-theme=dark] .customer-account-heading h1,:root[data-theme=dark] .customer-account-profile-copy h2,:root[data-theme=dark] .pet-info-wrap,:root[data-theme=dark] .pet-info-wrap h1,:root[data-theme=dark] .owner-box h2,:root[data-theme=dark] .form-header h1,:root[data-theme=dark] .section-title,:root[data-theme=dark] .field-group label,:root[data-theme=dark] .customer-login-field label,:root[data-theme=dark] .owner-signup-field label{color:var(--app-text)!important}:root[data-theme=dark] .data-table-record-card,:root[data-theme=dark] .data-table-search input,:root[data-theme=dark] .data-table-select-field select,:root[data-theme=dark] .data-table-page-button,:root[data-theme=dark] .data-table-empty-state,:root[data-theme=dark] .customer-account-link.secondary{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-theme=dark] .customer-account-status-pill{background:color-mix(in srgb,var(--app-primary) 22%,var(--app-surface))!important;color:var(--app-primary-strong)!important}:root[data-theme=dark] .home-link.secondary,:root[data-theme=dark] .home-support-link,:root[data-theme=dark] .home-footer-tab,:root[data-theme=dark] .customer-login-link.secondary,:root[data-theme=dark] .owner-signup-secondary,:root[data-theme=dark] .action-btn.social{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-theme=dark] .home-link.primary,:root[data-theme=dark] .customer-login-submit,:root[data-theme=dark] .customer-login-link,:root[data-theme=dark] .owner-signup-submit,:root[data-theme=dark] .submit-btn,:root[data-theme=dark] .action-btn.call,:root[data-theme=dark] .action-btn.email{background:linear-gradient(90deg,var(--app-primary),var(--app-secondary))!important;color:#fff!important}:root[data-theme=dark] .home-user-pill,:root[data-theme=dark] .customer-login-banner.success,:root[data-theme=dark] .owner-signup-banner.success{background:color-mix(in srgb,var(--app-primary) 18%,var(--app-surface))!important;border-color:color-mix(in srgb,var(--app-primary) 34%,var(--app-border))!important;color:var(--app-primary-strong)!important}:root[data-theme=dark] .customer-login-banner.error,:root[data-theme=dark] .owner-signup-banner.error{background:var(--app-danger-soft)!important;border-color:color-mix(in srgb,var(--app-danger) 35%,var(--app-border))!important;color:var(--app-danger)!important}:root[data-theme=dark] .customer-login-field input,:root[data-theme=dark] .owner-signup-field input,:root[data-theme=dark] .field-group input,:root[data-theme=dark] .theme-toggle-select{background:var(--app-surface-soft)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}:root[data-theme=dark] .customer-login-inline-link,:root[data-theme=dark] .owner-signup-footer a,:root[data-theme=dark] .owner-signup-link-btn{color:var(--app-primary-strong)!important}:root[data-theme=dark] .customer-password-rules,:root[data-theme=dark] .owner-password-rules{color:var(--app-text-soft)!important}@media(max-width:720px){.theme-toggle-wrap{top:10px;right:10px;left:10px;justify-content:space-between}}.skeleton-page{min-height:100vh;display:grid;place-items:center;padding:24px}.skeleton-card{width:min(960px,100%);display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;padding:24px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #00000014}.skeleton-content{display:grid;gap:12px}.skeleton-content.full-width{grid-column:1 / -1}.skeleton-image{border-radius:12px;min-height:260px}.skeleton-line{height:16px;border-radius:8px}.skeleton-block{height:120px;border-radius:12px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skeleton-btn{height:44px;border-radius:10px}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.skeleton-shimmer{background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:768px){.skeleton-card{grid-template-columns:1fr}}
