@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-vietnamese-wght-normal-TdzRfv0l.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-ext-wght-normal-DffTHwTe.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-wght-normal-CvMo8Nw_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pattern-bg: url(/hearts-and-paws.svg);--color-primary: #4bc0d9;--color-primary-dark: #28a2bd;--color-primary-500: #4bc0d9;--color-primary-600: #3db1cc;--color-primary-700: #28a2bd;--color-secondary: #5061be;--color-accent-1: #9dacff;--color-accent-2: #5c2751;--color-accent-3: #6457a6;--color-marigold: rgb(251 182 28);--color-success: #32ae6e;--color-warning: #f0ad4e;--color-error: #dc3545;--color-text-primary: #2a2438;--color-text-secondary: #3d3650;--color-white: #ffffff;--color-light-gray: #f8f6fa;--color-medium-gray: #dedbe8;--color-dark-gray: #484158;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 5rem;--font-family-serif: "Petrona Variable", "Petrona", serif;--font-family-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-xxl: 1.625rem;--font-size-xxxl: 2.5rem;--line-height-headings: 1.2;--line-height-body: 1.5;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-pill: 30px;--border-width: 1px;--container-width: 1200px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-quick: .2s ease;--transition-medium: .3s ease;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal: 400;--z-index-popover: 500;--z-index-toast: 600;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 992px;--breakpoint-lg: 1200px;--color-bg: rgba(100, 87, 166, .04);--color-surface: var(--color-light-gray);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-secondary);--color-border: var(--color-medium-gray);--color-card-bg: var(--color-white);--color-input-bg: var(--color-white);--color-overlay: rgba(0, 0, 0, .5);--color-badge-success-bg: #e8f8ef;--color-badge-success-text: var(--color-success);--color-badge-warning-bg: #fef3e0;--color-badge-warning-text: #b8860b;--color-success-light: #e8f5e9;--color-progress-fill: var(--color-primary);--color-progress-bg: var(--color-medium-gray);--bottom-nav-height: 64px;--top-bar-height: 56px;--spacing-page: var(--spacing-md)}[data-theme=dark]{--color-bg: #1a1625;--color-surface: #2a2438;--color-text: #e8e4ef;--color-text-primary: #e8e4ef;--color-text-secondary: #b0a8c0;--color-text-muted: #b0a8c0;--color-white: #222030;--color-light-gray: #2a2438;--color-medium-gray: #3d3650;--color-dark-gray: #b0a8c0;--color-border: #3d3650;--color-card-bg: #2a2438;--color-input-bg: #2a2438;--color-overlay: rgba(0, 0, 0, .7);--color-badge-success-bg: #1a3a2a;--color-badge-success-text: #5cd690;--color-badge-warning-bg: #3a2e1a;--color-badge-warning-text: #f0c060;--color-success-light: #1a2a3a;--pattern-bg: url(/hearts-and-paws-light.svg);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-light-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:var(--font-weight-semibold);line-height:var(--line-height-headings)}a{color:var(--color-primary-dark);text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.breadcrumb__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary-dark);text-decoration:none}.breadcrumb__link:hover{opacity:.8}.breadcrumb__sep{display:inline-flex;align-items:center;color:var(--color-dark-gray)}.breadcrumb__current{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:768px;margin:0 auto;background:var(--color-bg, var(--color-white));box-shadow:var(--shadow-md)}.app-shell__content{flex:1;padding:var(--spacing-page);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md))}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-page);border-bottom:1px solid var(--color-primary-dark);background-image:linear-gradient(23deg,var(--color-primary) 0%,var(--color-secondary) 43%,var(--color-accent-2) 100%)}.top-bar__title{text-decoration:none;display:flex;align-items:center}.top-bar__logo{height:40px;width:auto;filter:brightness(0) invert(1)}.top-bar__actions{display:flex;gap:var(--spacing-sm);align-items:center}.top-bar__action{position:relative;display:flex;align-items:center;padding:var(--spacing-xs);color:#ffffffd9;stroke-width:1.5;text-decoration:none;font-size:1.25rem;border:none;background:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-quick)}.top-bar__action:hover{background:#ffffff26}.top-bar__action--active{color:#fff}.top-bar__badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-marigold);border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}[data-theme=dark] .top-bar__badge,[data-theme=dark] .bottom-nav__badge{color:#000}.top-bar__popover-container{position:relative}.notification-popover{position:absolute;top:100%;right:0;margin-top:var(--spacing-md);right:calc(-1 * var(--spacing-xl));width:340px;max-height:420px;background:var(--color-white);border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0,0,0,.15));z-index:var(--z-index-modal, 1000);display:flex;flex-direction:column;overflow:hidden;animation:popover-fade-in .2s ease-out}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-popover__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-medium-gray)}.notification-popover__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.notification-popover__list{overflow-y:auto;flex:1}.notification-popover__item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-quick);border-bottom:1px solid var(--color-light-gray)}.notification-popover__item:last-child{border-bottom:none}.notification-popover__item:hover{background:var(--color-light-gray)}.notification-popover__item--unread{background:rgba(var(--color-primary-rgb, 46, 125, 50),.05);border-left:3px solid var(--color-primary)}.notification-popover__icon{font-size:var(--font-size-md);flex-shrink:0;line-height:1;margin-top:2px}.notification-popover__content{flex:1;min-width:0}.notification-popover__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.notification-popover__item--unread .notification-popover__item-title{font-weight:var(--font-weight-bold)}.notification-popover__item-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-popover__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.notification-popover__empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:768px;height:var(--bottom-nav-height);background:var(--color-white);border-top:1px solid var(--color-medium-gray);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-index-fixed)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--transition-quick)}.bottom-nav__item--active{color:var(--color-primary-dark)}.bottom-nav__icon{font-size:1.25rem}.page-header{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md)}.page-header__left{display:flex;flex-direction:column;align-items:center;min-width:0}.page-header__back{position:absolute;left:0;top:var(--spacing-md);background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-primary);padding:var(--spacing-xs)}.page-header__action{position:absolute;right:0;top:var(--spacing-md)}.page-header__title{font-size:var(--font-size-xxl);margin:0;text-align:center}.page-header__subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);animation:fade-in .3s ease-in both;animation-delay:.3s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-spinner--full-page{min-height:100vh;min-height:100dvh}.loading-spinner__logo{height:48px;width:auto;margin-bottom:var(--spacing-lg)}.loading-paws{display:flex;gap:var(--spacing-sm);align-items:center}.loading-paws__paw{color:var(--color-primary);opacity:.2;animation:paw-step 1.6s ease-in-out infinite;transform:rotate(-20deg)}.loading-paws__paw--1{animation-delay:0s}.loading-paws__paw--2{animation-delay:.2s}.loading-paws__paw--3{animation-delay:.4s}.loading-paws__paw--4{animation-delay:.6s}@keyframes paw-step{0%,to{opacity:.15;transform:rotate(-20deg) scale(.85)}25%,50%{opacity:1;transform:rotate(-20deg) scale(1.05)}}.loading-spinner__message{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl);text-align:center}.error-boundary h2{margin-bottom:var(--spacing-md)}.error-boundary p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition-quick),color var(--transition-quick)}.button--primary{background-image:linear-gradient(23deg,var(--color-primary) 0%,var(--color-secondary) 43%,var(--color-accent-2) 100%);color:var(--color-white)}.button--primary:hover{opacity:.9;text-decoration:none}.button--secondary{background-image:linear-gradient(23deg,var(--color-primary) 0%,var(--color-secondary) 43%,var(--color-accent-2) 100%);color:var(--color-white)}.button--secondary:hover{opacity:.9;text-decoration:none}.button--outline{background-color:transparent;border:var(--border-width) solid var(--color-primary);color:var(--color-primary-dark)}.button--full-width{width:100%}.button--text{background:none;border:none;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer}.button--text:hover{color:var(--color-text)}.button--danger{background-color:var(--color-error, #d32f2f);color:var(--color-white);border:none}.button--danger:hover{background-color:#b71c1c}.button--danger-outline{background-color:transparent;color:var(--color-error, #d32f2f);border:1px solid var(--color-error, #d32f2f)}.button--danger-outline:hover{background-color:var(--color-error, #d32f2f);color:var(--color-white)}.confirm-modal{border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg, 0 4px 24px rgba(0, 0, 0, .2));padding:0;max-width:360px;background-color:var(--color-card-bg, var(--color-white));color:var(--color-text);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--spacing-lg) * 2)}.confirm-modal::backdrop{background:#0006}.confirm-modal__content{padding:var(--spacing-lg)}.confirm-modal__title{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs)}.confirm-modal__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.confirm-modal__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.confirm-modal__actions .button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.card{background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}[data-theme=dark] .card{background:var(--color-card-bg)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-xs);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge--success{background-color:#6457a61f;color:var(--color-accent-3)}[data-theme=dark] .badge--success{background-color:#4bc0d91f;color:var(--color-primary)}.badge--warning{background-color:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.badge--default{background-color:var(--color-medium-gray);color:var(--color-text-secondary)}.progress-bar{width:100%;height:8px;background:var(--color-progress-bg);border-radius:var(--border-radius-pill);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-bar__fill{height:100%;background-image:linear-gradient(23deg,var(--color-accent-2) 0%,var(--color-secondary) 57%,var(--color-primary) 100%);border-radius:var(--border-radius-pill);transition:width var(--transition-medium)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--color-medium-gray);border-radius:var(--border-radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-quick)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4bc0d926}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-input--error,.form-textarea--error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-textarea{min-height:100px;resize:vertical}.onboarding-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-lg);background:var(--color-light-gray);position:relative;overflow:hidden}.onboarding-page:before{content:"";position:absolute;bottom:-20px;right:-20px;width:250px;height:330px;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;opacity:.08;pointer-events:none}.onboarding-page:after{content:"";position:absolute;top:-20px;left:-20px;width:250px;height:330px;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;opacity:.06;pointer-events:none;transform:rotate(180deg)}.onboarding-card{width:100%;max-width:440px;background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.onboarding-card__logo{display:block;height:48px;width:auto;margin:0 auto var(--spacing-lg)}.onboarding-card__title{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm);text-align:center}.onboarding-card__greeting{font-size:var(--font-size-lg);color:var(--color-primary-dark);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-sm)}.onboarding-card__text{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-lg);line-height:var(--line-height-body)}.invite-page{max-width:500px;margin:0 auto}.invite-success__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.invite-success__name{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.invite-success__instructions{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.invite-url{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.invite-url .form-input{flex:1;font-size:var(--font-size-sm)}.form-label--optional{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.dev-role-switcher{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--spacing-sm));right:var(--spacing-sm);background:#1a1a2e;color:#00d4ff;border:1px solid #00d4ff;border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:monospace;z-index:var(--z-index-toast);cursor:pointer;opacity:.85;transition:opacity var(--transition-quick)}.dev-role-switcher:hover{opacity:1}.dashboard-section{margin-bottom:var(--spacing-xl)}.dashboard-section__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.dashboard-pets,.dashboard-programs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-pets--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.dashboard-pets--grid .dashboard-pet-card{flex-direction:column;align-items:center;text-align:center}.dashboard-pets--grid .dashboard-pet-card__info{flex-direction:column;align-items:center}.dashboard-pets--grid .dashboard-pet-card__icon{font-size:2rem}.dashboard-pet-card{display:block;text-decoration:none;color:inherit}.dashboard-pet-card:hover{text-decoration:none;box-shadow:var(--shadow-md)}.dashboard-pet-card__info{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-pet-card__icon{font-size:1.5rem}.dashboard-pet-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.dashboard-pet-card__breed{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.pet-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(157,172,255,.4);overflow:hidden}.pet-avatar__img{border-radius:50%;object-fit:cover;opacity:0;transition:opacity .3s ease-in}.pet-avatar__img--loaded{opacity:1}.pet-avatar__skeleton{position:absolute;top:0;left:0;border-radius:50%;background:linear-gradient(110deg,var(--color-medium-gray) 30%,var(--color-light-gray) 50%,var(--color-medium-gray) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pet-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-surface, #f5f5f5);color:var(--color-text-secondary);border:2px solid var(--color-border, #e0e0e0)}.pet-photo-edit{position:relative;display:inline-block;padding:0;border:none;background:none;cursor:pointer;border-radius:50%}.pet-photo-edit__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0006;color:#fff;opacity:0;transition:opacity var(--transition-quick)}.pet-photo-edit:hover .pet-photo-edit__overlay,.pet-photo-edit:focus-visible .pet-photo-edit__overlay{opacity:1}.pet-photo-edit:disabled{cursor:wait}.pet-photo-edit:disabled .pet-photo-edit__overlay{opacity:1;background:#00000080}.pet-photo-upload{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pet-photo-upload__preview{width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:3px solid var(--color-border, #e0e0e0);transition:border-color .2s}.pet-photo-upload__preview:hover{border-color:var(--color-primary)}.pet-photo-upload__preview--empty{border-style:dashed}.pet-photo-upload__image{width:100%;height:100%;object-fit:cover}.pet-photo-upload__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background-color:var(--color-surface, #f5f5f5);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pet-photo-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:var(--font-size-sm)}.pet-photo-upload__input{display:none}.pet-photo-upload__actions{display:flex;gap:var(--spacing-xs)}.crop-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000c;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.crop-modal{background-color:var(--color-white);border-radius:var(--border-radius-md);width:100%;max-width:400px;overflow:hidden}.crop-modal__container{position:relative;width:100%;height:300px}.crop-modal__controls{padding:var(--spacing-sm) var(--spacing-md)}.crop-modal__zoom-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.crop-modal__zoom{flex:1}.crop-modal__actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border, #e0e0e0)}.dashboard-program-card{display:block;text-decoration:none;color:inherit}.dashboard-program-card:hover{text-decoration:none;box-shadow:var(--shadow-md)}.dashboard-program-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs)}.dashboard-program-card__pet{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.dashboard-program-card__footer{display:flex;justify-content:space-between;align-items:center}.dashboard-program-card__arrow{color:var(--color-primary);font-size:var(--font-size-lg)}.dashboard-program-card--locked{opacity:.6;cursor:default}.dashboard-program-card--locked:hover{box-shadow:var(--shadow-sm)}.dashboard-program-card__prereq{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.dashboard-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-profile__details{margin:0}.pet-profile__field{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray)}.pet-profile__field:last-child{border-bottom:none}.pet-profile__field dt{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-profile__field dd{margin:0;text-align:right}.pet-profile__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.program-progress{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.program-progress__header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.program-progress__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.program-progress__value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.program-skills{display:flex;flex-direction:column;gap:var(--spacing-sm)}.program-skill-card{display:block;text-decoration:none;color:inherit}.program-skill-card:hover{text-decoration:none;box-shadow:var(--shadow-md)}.program-skill-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.program-skill-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.program-skill-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.program-skill-card__milestones{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.skill-section{margin-bottom:var(--spacing-lg)}.skill-section__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.skill-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.skill-instructions{padding-left:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.skill-instructions__step{font-size:var(--font-size-sm);line-height:var(--line-height-body);padding-left:24px;position:relative}.skill-instructions__step:before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;background-image:url(/paw.svg);background-repeat:no-repeat;background-size:contain}.skill-tip{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#6457a61a;border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.skill-milestones{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-milestone-group{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skill-milestone{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.skill-milestone__text{flex:0 1 auto}.skill-milestone--done{color:var(--color-primary)}.skill-milestone--clickable{cursor:pointer}.skill-milestone--clickable:hover{opacity:.6}.skill-milestone--current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.skill-milestone--custom{position:relative;padding-left:var(--spacing-md);font-size:var(--font-size-xs)}.skill-milestone__add-btn{background:none;border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity var(--transition-quick)}.skill-milestone:hover .skill-milestone__add-btn,.skill-milestone__add-btn:focus,.skill-milestone--show-actions .skill-milestone__add-btn{opacity:1}.skill-milestone__add-btn:hover{background:var(--color-light-gray);opacity:1}.skill-milestone__drag-handle{position:absolute;left:0;cursor:grab;color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--transition-quick)}.skill-milestone:hover .skill-milestone__drag-handle{opacity:1}@media(hover:none){.skill-milestone__drag-handle,.skill-milestone__add-btn,.skill-milestone__remove-btn{opacity:1}}.skill-milestone--dragging{opacity:.4}.skill-milestone--drag-over{border-top:2px solid var(--color-primary)}.skill-milestone__remove-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1;padding:0 var(--spacing-xs);flex-shrink:0;opacity:0;transition:opacity var(--transition-quick)}.skill-milestone:hover .skill-milestone__remove-btn,.skill-milestone__remove-btn:focus{opacity:1}.skill-milestone__remove-btn:hover{color:var(--color-error, #d32f2f);opacity:1}.skill-milestone--add-form{display:flex;gap:var(--spacing-xs);padding-left:var(--spacing-md);align-items:center}.skill-milestone--add-form .form-input--sm{flex:1;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.button--sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.skill-complete-banner{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#4bc0d91a;border-radius:var(--border-radius-md);text-align:center}.skill-complete-banner__icon{color:var(--color-text);margin-bottom:var(--spacing-xs)}.skill-complete-banner__title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs)}.skill-complete-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.skill-milestone__icon{font-size:var(--font-size-md);width:20px;text-align:center}.skill-practice-form__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.skill-practice-log{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-practice-log__entry{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray)}.skill-practice-log__entry:last-child{border-bottom:none}.skill-practice-log__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.skill-practice-log__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.skill-practice-log__notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.skill-practice-log__actions{display:flex;gap:4px;margin-left:auto}.skill-practice-log__icon-btn{background:none;border:none;padding:2px 4px;font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-secondary);opacity:.6}.skill-practice-log__icon-btn:hover{opacity:1}.checkin-history{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkin-history__item{padding:var(--spacing-lg)}.checkin-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.checkin-history__date{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checkin-history__section{margin-bottom:var(--spacing-md)}.checkin-history__section p{font-size:var(--font-size-sm)}.checkin-history__section:last-child{margin-bottom:0}.checkin-history__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px;display:flex;align-items:center;gap:var(--spacing-xs)}.checkin-history__section--trainer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-medium-gray)}.checkin-history__section--trainer .checkin-history__label{color:var(--color-primary-dark)}.client-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.client-list__item{display:block;text-decoration:none;color:inherit}.client-list__item:hover{text-decoration:none;box-shadow:var(--shadow-md)}.client-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.client-list__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.client-list__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.client-list__pets{font-size:var(--font-size-sm);margin:0}.client-detail__date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.checkin-reply{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.settings-section__row{display:flex;justify-content:space-between;align-items:center}.settings-section__row+.settings-section__row{margin-top:var(--spacing-md)}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--color-warning);color:var(--color-text-primary);text-align:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:calc(var(--z-index-toast) + 1)}.stale-data-banner{background:var(--color-bg-secondary);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--spacing-md));right:var(--spacing-md);width:auto;max-width:360px;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);z-index:var(--z-index-toast);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);font-size:var(--font-size-sm);pointer-events:auto;animation:toast-slide-in var(--transition-medium) ease-out}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-primary)}.toast__message{flex:1;color:var(--color-text-primary)}.toast__actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.toast__action-btn{background:none;border:none;color:var(--color-primary-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.toast__action-btn:hover{background:var(--color-light-gray)}.toast__dismiss{background:none;border:none;color:var(--color-dark-gray);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--spacing-xs);line-height:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-md);text-align:center;position:relative}.page-state--empty:before{content:"";position:absolute;width:120px;height:120px;background-image:url(/paw.svg);background-repeat:no-repeat;background-size:contain;opacity:.06;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg)}.page-state__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-light-gray);color:var(--color-dark-gray);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.page-state__message{color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:280px}.trainer-dashboard__metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.trainer-dashboard__metric{text-align:center;padding:var(--spacing-md)}.trainer-dashboard__metric-value{font-size:var(--font-size-xxl, 2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.trainer-dashboard__metric-value--highlight{color:var(--color-warning)}.trainer-dashboard__metric--link{text-decoration:none;cursor:pointer;transition:box-shadow .15s ease}.trainer-dashboard__metric--link:hover{box-shadow:0 2px 8px #0000001f}.trainer-dashboard__metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.trainer-dashboard__section{margin-bottom:var(--spacing-xl)}.trainer-dashboard__section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.trainer-dashboard__empty{color:var(--color-text-secondary);text-align:center}.trainer-dashboard__activity-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.trainer-dashboard__activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white, #fff);border-radius:var(--border-radius-md);text-decoration:none;color:inherit}.trainer-dashboard__activity-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block}.trainer-dashboard__activity-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block}.trainer-dashboard__activity-days{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block;text-align:right;margin-bottom:var(--spacing-xxs, 2px)}.trainer-dashboard__program-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}a.trainer-dashboard__program-item{text-decoration:none;color:inherit;transition:box-shadow .15s ease}a.trainer-dashboard__program-item:hover{box-shadow:0 2px 8px #0000001f}.trainer-dashboard__program-name{font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-sm);margin:0}.trainer-dashboard__program-client{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.trainer-dashboard__program-stats{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.trainer-skill-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.trainer-skill-card--focus{border-left:3px solid var(--color-warning)}.trainer-skill-card--skipped{opacity:.5}.trainer-skill-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.trainer-skill-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.trainer-skill-card__name--skipped{text-decoration:line-through}.trainer-skill-card__link{color:var(--color-primary);text-decoration:none}.trainer-skill-card__link:hover{text-decoration:underline}.trainer-skill-card__badges{display:flex;gap:var(--spacing-xs);align-items:center;flex-shrink:0}.badge--focus{background-color:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.trainer-skill-card__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0}.trainer-skill-card__actions{display:flex;gap:var(--spacing-xs);align-items:center;margin-top:var(--spacing-sm)}.trainer-skill-card__action{background:none;border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family-sans);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-quick),color var(--transition-quick)}.trainer-skill-card__action:hover{background:var(--color-light-gray)}.trainer-skill-card__action--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.trainer-skill-card__action:disabled{opacity:.4;cursor:not-allowed}.trainer-skill-card__reorder{display:flex;gap:2px;margin-left:auto}.trainer-skill-card__reorder-btn{background:none;border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1;cursor:pointer}.trainer-skill-card__reorder-btn:disabled{opacity:.3;cursor:not-allowed}.program-skill-card--focus{border-left:3px solid var(--color-warning)}.notification-feed{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;transition:box-shadow var(--transition-quick)}.notification-card:hover{box-shadow:var(--shadow-md)}.notification-card--unread{border-left:3px solid var(--color-primary)}.notification-card__icon{font-size:var(--font-size-lg);flex-shrink:0;line-height:1;margin-top:2px}.notification-card__content{flex:1;min-width:0}.notification-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.notification-card--unread .notification-card__title{font-weight:var(--font-weight-bold)}.notification-card__message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0}.notification-card__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.bottom-nav__item{position:relative}.bottom-nav__badge{position:absolute;top:2px;right:50%;transform:translate(14px);min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-marigold);color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1}.pet-dashboard__info{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.pet-dashboard__info-item{display:inline}.pet-dashboard__trainer-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pet-dashboard__trainer-notes-header .dashboard-section__title{margin-bottom:0}.pet-dashboard__trainer-notes-text{white-space:pre-wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.pet-dashboard__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}@media(max-width:700px){.pet-dashboard__metrics{grid-template-columns:repeat(2,1fr)}}.pet-dashboard__metric{text-align:center;padding:var(--spacing-md)}.pet-dashboard__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0}.pet-dashboard__metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.pet-dashboard__focus-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pet-dashboard__focus-card{display:block;text-decoration:none;color:inherit;border-left:3px solid var(--color-warning)}.pet-dashboard__focus-card:hover{box-shadow:var(--shadow-md)}.pet-dashboard__focus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pet-dashboard__focus-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.pet-dashboard__focus-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.progress-bar--sm{height:4px}.pet-dashboard__program-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pet-dashboard__program-card{display:block;text-decoration:none;color:inherit}.pet-dashboard__program-card:hover{box-shadow:var(--shadow-md)}.pet-dashboard__program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pet-dashboard__program-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.pet-dashboard__program-card .progress-bar,.pet-dashboard__focus-card .progress-bar{margin-bottom:var(--spacing-xs)}.pet-dashboard__program-stats{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:0}.pet-dashboard__program-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.pet-dashboard__practice-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pet-dashboard__practice-entry{padding:var(--spacing-md)}.pet-dashboard__practice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.pet-dashboard__practice-skill{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.pet-dashboard__practice-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pet-dashboard__practice-details{display:flex;align-items:center;gap:var(--spacing-sm)}.pet-dashboard__practice-duration{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pet-dashboard__practice-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.messages{display:flex;flex-direction:column;height:100%;padding-bottom:72px}.messages .page-header{flex-shrink:0}.messages__list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.messages__list:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:768px;background-image:var(--pattern-bg);background-repeat:repeat;background-size:200px;opacity:.04;pointer-events:none;z-index:0}.messages__empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xxl) var(--spacing-md)}.messages__bubble{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg, 16px);word-wrap:break-word}.messages__bubble--sent{align-self:flex-end;background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:var(--border-radius-sm)}.messages__bubble--received{align-self:flex-start;background:var(--color-light-gray);color:var(--color-text-primary);border-bottom-left-radius:var(--border-radius-sm)}.messages__text{margin:0;font-size:var(--font-size-sm);line-height:1.4}.messages__time{display:block;font-size:var(--font-size-xs);margin-top:2px;opacity:.7}.messages__bubble--sent .messages__time{text-align:right}.messages__input-area{position:fixed;bottom:var(--bottom-nav-height);left:50%;transform:translate(-50%);width:100%;max-width:768px;display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom));border-top:1px solid var(--color-border, var(--color-light-gray));background:var(--color-white);z-index:10}.messages__textarea{flex:1;resize:none;min-height:40px;max-height:120px}.messages__send-btn{align-self:flex-end;flex-shrink:0}.conversation-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conversation-list__item{display:block;text-decoration:none;color:inherit}.conversation-list__item:hover{box-shadow:var(--shadow-md)}.conversation-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.conversation-list__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.conversation-list__time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.conversation-list__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.conversation-list__preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-list__unread{flex-shrink:0}.lesson-content{line-height:1.6}.lesson-content__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold, 600);margin:var(--spacing-md) 0 var(--spacing-xs)}.lesson-content__heading:first-child{margin-top:0}.lesson-content__paragraph{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lesson-progress{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.lesson-progress__label{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.lesson-actions{margin-top:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.lesson-actions__locked{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.lesson-actions__confirm{text-align:center}.lesson-actions__confirm-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.lesson-actions__confirm-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.lesson-nav{display:flex;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-bottom:var(--spacing-xl)}.lesson-nav__btn{flex:0 1 auto;max-width:48%;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.module-quiz__header{margin-bottom:var(--spacing-md)}.module-quiz__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--spacing-xs)}.module-quiz__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.module-quiz__question{margin-bottom:var(--spacing-md)}.module-quiz__question-text{font-weight:var(--font-weight-medium, 500);margin:0 0 var(--spacing-sm)}.module-quiz__options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.module-quiz__option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);cursor:pointer;transition:border-color .15s,background-color .15s}.module-quiz__option:hover{border-color:var(--color-primary)}.module-quiz__option--selected{border-color:var(--color-primary);background-color:var(--color-primary-light, rgba(99, 102, 241, .08))}.module-quiz__radio{margin-top:2px;flex-shrink:0}.module-quiz__option-text{font-size:var(--font-size-sm)}.module-quiz__result{padding:var(--spacing-md);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-md);text-align:center}.module-quiz__result--passed{background-color:var(--color-success-light, rgba(34, 197, 94, .1));border:1px solid var(--color-success, #22c55e)}.module-quiz__result--failed{background-color:var(--color-error-light, rgba(239, 68, 68, .1));border:1px solid var(--color-error, #ef4444)}.module-quiz__score{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-md);margin:0 0 var(--spacing-xs)}.module-quiz__score:last-child{margin-bottom:0}.module-quiz__verdict{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.module-quiz__locked{text-align:center;padding:var(--spacing-md)}.module-quiz__locked-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dashboard-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.dashboard-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px)}.dashboard-badge__icon{flex-shrink:0;color:var(--color-primary, #4f46e5)}.dashboard-badge__info{display:flex;flex-direction:column}.dashboard-badge__name{font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-sm)}.dashboard-badge__description{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary)}.dashboard-badge__date{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #999)}.dashboard-badges--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboard-badges--three-col{display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-badges--two-col{display:grid;grid-template-columns:repeat(2,1fr)}.dashboard-badge--locked{opacity:.4}.dashboard-badge--hidden{border-color:#d4a017;background:#d4a0170f}.dashboard-badge__date--locked{font-style:italic}.badges-hint{text-align:center;margin-top:var(--spacing-lg)}.badges-hint p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.button--icon{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-lg, 1.25rem);cursor:pointer;line-height:1;color:var(--color-text-secondary);transition:color .15s,border-color .15s}.button--icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.button--icon--active,.button--icon--active:hover{color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}@keyframes celebration-fade{0%{opacity:0;transform:translate(-50%,-10px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.9)}}.celebration-banner{position:fixed;top:calc(var(--top-bar-height) + var(--spacing-md));left:50%;transform:translate(-50%);z-index:calc(var(--z-index-toast) + 10);pointer-events:none;animation:celebration-fade 3s ease forwards}@media(prefers-reduced-motion:reduce){.celebration-banner{animation:none;opacity:1;transform:translate(-50%)}}.celebration-banner__text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-3));color:#fff;font-family:var(--font-family-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-lg);white-space:nowrap;margin:0}.pet-level-indicator{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:var(--spacing-sm)}.pet-level-indicator__header{display:flex;align-items:center;gap:6px;color:var(--color-primary-700)}.pet-level-indicator__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.pet-level-indicator__progress{width:160px;margin-bottom:4px}.pet-level-indicator__next{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pet-level-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-accent-3);background:#6457a61f;padding:2px 8px;border-radius:var(--border-radius-pill);margin-top:var(--spacing-sm)}[data-theme=dark] .pet-level-badge{color:var(--color-primary);background:#4bc0d91f}[data-theme=dark] .onboarding-card__logo,[data-theme=dark] .loading-spinner__logo{filter:brightness(0) invert(1) opacity(.9)}[data-theme=dark] .top-bar{background-image:linear-gradient(23deg,var(--color-primary) 0%,var(--color-secondary) 43%,var(--color-accent-2) 100%);border-bottom-color:var(--color-accent-2)}[data-theme=dark] .button--primary,[data-theme=dark] .button--secondary{color:#fff}