html{background:var(--gradient-page);background-attachment:fixed}.ds-app,body{background:transparent}.ds-sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-sidebar)}.ds-sidebar-brand{border-bottom-color:var(--border-subtle);min-height:var(--header-height);padding:var(--space16)}.ds-sidebar-brand strong{color:var(--text-primary);font-size:var(--font-size-md);letter-spacing:var(--letter-tight)}.ds-sidebar-brand-icon{background:transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:36px;overflow:hidden;width:36px}.ds-nav-group-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.06em}.ds-nav-link{border-radius:var(--radius-md);margin-inline:var(--space4);padding:10px var(--space12);position:relative}.ds-nav-link.is-active{background:var(--brand-subtle);box-shadow:inset 3px 0 0 var(--brand-primary);color:var(--brand-primary)}.ds-nav-link.is-active .ds-nav-link-icon{color:var(--brand-primary);opacity:1}.ds-sidebar-footer{background:var(--surface-subtle);border-top-color:var(--border-subtle);margin-top:auto}.ds-main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--background-primary) 88%,transparent);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);min-height:var(--header-height);padding:var(--space16) var(--page-padding)}.ds-page-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-tight)}.ds-page-description{color:var(--text-secondary);font-size:var(--font-size-md)}.ds-content{padding-block:var(--space24) var(--space48)}.ds-btn{border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);min-height:40px}.ds-btn--primary{background:var(--gradient-brand);box-shadow:0 2px 8px rgba(37,99,235,.28)}@media (hover:hover){.ds-btn--primary:hover:not(:disabled){box-shadow:0 4px 14px rgba(37,99,235,.35);filter:brightness(1.04)}}.ds-btn--secondary{border-color:var(--border-subtle);color:var(--brand-primary)}.ds-btn--ghost,.ds-btn--secondary{background:var(--surface-primary);box-shadow:var(--shadow-sm)}.ds-btn--ghost{border-color:var(--border-default)}.ds-panel{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space24)}.ds-panel.is-elevated{box-shadow:var(--shadow-lg)}.ds-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.ds-table th{background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.03em;text-transform:uppercase}.ds-metric-grid{gap:var(--space20);margin-bottom:var(--space8)}.ds-metric-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space20);position:relative}.ds-metric-card:before{background:var(--brand-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.ds-metric-card.is-warning:before{background:var(--brand-accent)}.ds-metric-card.is-danger:before{background:var(--status-danger)}.ds-metric-card-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ds-metric-card-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-tight);line-height:1.1}.ds-metric-card.is-warning .ds-metric-card-value{color:var(--brand-accent)}.ds-metric-card.is-danger .ds-metric-card-value{color:var(--status-danger)}@media (hover:hover){.ds-metric-card--link:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg);transform:translateY(-1px)}}.ds-metric-card--link{transition:border-color var(--motion-fast) var(--ease-default),box-shadow var(--motion-fast) var(--ease-default),transform var(--motion-fast) var(--ease-default)}.ds-dashboard-section{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space20);padding:var(--space20) var(--space24)}.ds-dashboard-section-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space16);padding-bottom:var(--space12)}.ds-dashboard-section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-tight)}.ds-list-compact li{border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.ds-list-compact li,.ds-tabs{border-radius:var(--radius-md)}.ds-tabs{background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle);border:1px solid var(--border-subtle);gap:var(--space4);margin-bottom:var(--space20);padding:var(--space4);width:-moz-fit-content;width:fit-content}.ds-tab{border-bottom:none;border-radius:var(--radius-sm);margin-bottom:0;padding:var(--space8) var(--space16)}.ds-tab.is-active{background:var(--surface-primary);box-shadow:var(--shadow-sm);color:var(--brand-primary)}.ds-chip{border-radius:var(--radius-full)}.ds-chip.is-active{background:var(--gradient-brand);box-shadow:0 2px 8px rgba(37,99,235,.25)}.ds-input,.ds-select,.ds-textarea{background:var(--surface-subtle);border-color:var(--border-default);border-radius:var(--radius-md);min-height:40px}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{background:var(--surface-primary);border-color:var(--border-focus)}.ds-badge{font-weight:var(--font-weight-semibold);padding:3px 10px}.ds-badge--brand{background:var(--blue100);color:var(--blue700)}.ds-banner{border:1px solid transparent;font-weight:var(--font-weight-medium)}.ds-banner--warning{border-color:color-mix(in srgb,var(--brand-accent) 25%,transparent)}.ds-banner--danger{border-color:color-mix(in srgb,var(--status-danger) 25%,transparent)}.ds-banner--info{border-color:color-mix(in srgb,var(--brand-primary) 25%,transparent)}.ds-modal{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.ds-modal-header{background:var(--surface-subtle)}.login-shell{background:var(--gradient-login);background-attachment:fixed;min-height:100vh}.login-brand-icon{background:transparent;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:56px;overflow:hidden;width:56px}.login-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-tight)}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-md)}.login-panel .ds-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space32)}.pets-workbench{display:grid;grid-gap:var(--space20);gap:var(--space20)}@media (min-width:1024px){.pets-workbench{align-items:start;grid-template-columns:300px minmax(0,1fr)}}@media (min-width:1280px){.pets-workbench{grid-template-columns:320px minmax(0,1fr)}}.pets-sidebar{display:grid;grid-gap:var(--space16);gap:var(--space16)}@media (min-width:1024px){.pets-sidebar{position:-webkit-sticky;position:sticky;top:var(--space16)}}.pets-sidebar-head{display:grid;grid-gap:var(--space12);gap:var(--space12)}.pets-sidebar-title{align-items:baseline;display:flex;gap:var(--space8)}.pets-sidebar-label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.pets-sidebar-count{color:var(--text-tertiary);font-size:var(--font-size-sm)}.pets-sidebar-skeletons{display:grid;grid-gap:var(--space12);gap:var(--space12)}.pets-list{display:grid;grid-gap:var(--space8);gap:var(--space8);list-style:none;margin:0;padding:0}@media (min-width:1024px){.pets-list{max-height:60vh;overflow-y:auto}}.pets-list-item{align-items:center;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space12);padding:var(--space12);text-align:left;transition:border-color var(--motion-fast) var(--ease-default),background var(--motion-fast) var(--ease-default);width:100%}@media (hover:hover){.pets-list-item:hover{border-color:var(--border-focus)}}.pets-list-item.is-active{background:var(--brand-subtle);border-color:var(--brand-primary);box-shadow:inset 3px 0 0 var(--brand-primary)}.pets-list-avatar{border-radius:var(--radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.pets-list-avatar--placeholder{align-items:center;background:var(--gradient-brand);color:var(--brand-on-primary);display:flex;justify-content:center}.pets-list-text{display:grid;flex:1 1;grid-gap:2px;gap:2px;min-width:0}.pets-list-name{color:var(--text-primary);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-list-meta{color:var(--text-secondary);font-size:var(--font-size-xs)}.pets-detail-area{min-width:0}.pets-detail-panel{display:grid;grid-gap:var(--space24);gap:var(--space24)}.pets-hero{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space20);padding-bottom:var(--space20)}.pets-hero-avatar{border-radius:var(--radius-xl);flex-shrink:0;height:96px;object-fit:cover;width:96px}.pets-hero-avatar--placeholder{align-items:center;background:var(--gradient-brand);color:var(--brand-on-primary);display:flex;height:96px;justify-content:center;width:96px}.pets-hero-body{display:grid;flex:1 1;grid-gap:var(--space8);gap:var(--space8);min-width:200px}.pets-hero-headline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space12)}.pets-hero-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-tight);margin:0}.pets-hero-meta{color:var(--text-secondary);margin:0}.pets-hero-sub{margin:0}.pets-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space8);margin-top:var(--space4)}.pets-section{display:grid;grid-gap:var(--space16);gap:var(--space16)}.pets-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space12);justify-content:space-between}.pets-section-title{color:var(--text-primary);font-size:var(--font-size-lg)}.pets-overview-heading,.pets-section-title{font-weight:var(--font-weight-semibold);margin:0}.pets-overview-heading{color:var(--text-secondary);font-size:var(--font-size-sm)}.pets-overview-empty{margin:0}.pets-overview-grid{display:grid;grid-gap:var(--space16);gap:var(--space16)}@media (min-width:768px){.pets-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pets-overview-card{background:var(--background-grouped);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:grid;grid-gap:var(--space12);gap:var(--space12);padding:var(--space16)}.pets-care-list,.pets-linked-list,.pets-next-list,.pets-recent-list{display:grid;grid-gap:var(--space8);gap:var(--space8);list-style:none;margin:0;padding:0}.pets-care-list li{align-items:center;display:flex;justify-content:space-between}.pets-care-label{color:var(--text-secondary)}.pets-care-date{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.pets-care-date.is-empty{color:var(--text-tertiary);font-weight:var(--font-weight-regular,400)}.pets-next-list li,.pets-recent-item{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space8)}.pets-next-title,.pets-recent-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.pets-next-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.pets-recent-item{background:transparent;border:none;cursor:pointer;padding:var(--space4) 0;text-align:left;width:100%}.pets-recent-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.pets-filter-row{display:flex;flex-wrap:wrap;gap:var(--space8)}.pets-filter-chip{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space4) var(--space12);transition:border-color var(--motion-fast) var(--ease-default),background var(--motion-fast) var(--ease-default),color var(--motion-fast) var(--ease-default)}.pets-filter-chip.is-active{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.pets-doc-list,.pets-timeline{display:grid;grid-gap:var(--space8);gap:var(--space8);list-style:none;margin:0;padding:0}.pets-doc-item,.pets-timeline-button{align-items:flex-start;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space12);padding:var(--space12);text-align:left;width:100%}@media (hover:hover){.pets-doc-item:hover,.pets-timeline-button:hover{border-color:var(--border-focus)}}.pets-timeline-date{color:var(--text-tertiary);flex-shrink:0;font-size:var(--font-size-xs);padding-top:2px;width:84px}.pets-timeline-body{display:grid;grid-gap:var(--space4);gap:var(--space4);min-width:0}.pets-timeline-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space8)}.pets-timeline-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.pets-timeline-attach{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:var(--font-size-xs);gap:2px}.pets-timeline-notes{color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden}.pets-doc-icon,.pets-doc-item{align-items:center}.pets-doc-icon{background:var(--background-grouped);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;height:36px;justify-content:center;width:36px}.pets-doc-body{display:grid;flex:1 1;grid-gap:2px;gap:2px;min-width:0}.pets-doc-title{color:var(--text-primary);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-doc-meta{color:var(--text-secondary);font-size:var(--font-size-xs)}.pets-photo-grid{display:grid;grid-gap:var(--space8);gap:var(--space8);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.pets-photo-cell{aspect-ratio:1/1;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:block;overflow:hidden}.pets-photo-cell img{height:100%;object-fit:cover;width:100%}.pets-file-chip{align-items:center;background:var(--background-grouped);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;gap:var(--space8);overflow:hidden;padding:var(--space8) var(--space12);text-decoration:none}.pets-linked-grid{display:grid;grid-gap:var(--space20);gap:var(--space20)}@media (min-width:768px){.pets-linked-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pets-linked-item{align-items:center;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);display:flex;flex-wrap:wrap;gap:var(--space8);padding:var(--space12);text-decoration:none}@media (hover:hover){.pets-linked-item:hover{border-color:var(--border-focus)}}.pets-linked-title{flex:1 1;font-weight:var(--font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis}.pets-linked-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.pets-form-grid{display:grid;grid-gap:var(--space16);gap:var(--space16)}@media (min-width:560px){.pets-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pets-upload{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space12)}.pets-upload-native{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.pets-upload-avatar{border-radius:var(--radius-lg);flex-shrink:0;height:72px;overflow:hidden;width:72px}.pets-upload-avatar-img{height:100%;object-fit:cover;width:100%}.pets-upload-avatar-placeholder{align-items:center;background:var(--gradient-brand);color:var(--brand-on-primary);display:flex;height:100%;justify-content:center;width:100%}.pets-upload-main{display:grid;grid-gap:var(--space4);gap:var(--space4);min-width:0}.pets-upload-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space8)}.pets-upload-status{font-size:var(--font-size-sm)}.pets-upload-hint{color:var(--text-tertiary)}.pets-upload-error{color:var(--status-danger);flex-wrap:wrap}.pets-upload-error,.pets-upload-file{align-items:center;display:inline-flex;gap:var(--space4)}.pets-upload-file{color:var(--text-secondary);min-width:0}.pets-upload-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-upload-file-size{color:var(--text-tertiary)}.pets-attachment-list{display:grid;grid-gap:var(--space8);gap:var(--space8);list-style:none;margin:0;padding:0}.pets-attachment-item{align-items:center;background:var(--background-grouped);border-radius:var(--radius-sm);display:flex;gap:var(--space8);padding:var(--space8) var(--space12)}.pets-attachment-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-detail-modal{gap:var(--space16)}.pets-meta-grid{display:grid;grid-gap:var(--space12);gap:var(--space12);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0}.pets-meta-grid dt{color:var(--text-tertiary);font-size:var(--font-size-xs)}.pets-meta-grid dd{color:var(--text-primary);margin:0}.pets-detail-notes{color:var(--text-secondary);margin:0;white-space:pre-wrap;word-break:break-word}.pets-image-fallback{align-items:center;background:var(--background-grouped);color:var(--text-tertiary);display:inline-flex;font-size:var(--font-size-xs);justify-content:center;text-align:center}.ds-split>.ds-panel,.ds-split>.ds-stack:first-child .ds-form-section-title{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space20)}.ds-selectable-list-item{border-radius:var(--radius-md)}.ds-selectable-list-item.is-active{background:var(--brand-subtle);box-shadow:inset 3px 0 0 var(--brand-primary)}.month-cell{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.event-chip{border-left-width:4px;border-radius:var(--radius-sm)}.conflict-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ds-empty,.ds-error,.ds-loading{background:var(--surface-primary);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}