@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-4);min-width:var(--btn-min-width);padding:0 var(--btn-padding-x);border:var(--border-standard) solid transparent;border-radius:var(--btn-radius);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);-webkit-font-smoothing:antialiased}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{height:var(--btn-height-sm);padding:0 var(--btn-padding-x-sm);font-size:var(--font-size-sm)}.btn--md{height:var(--btn-height-md)}.btn--lg{height:var(--btn-height-lg)}.btn--full-width{width:100%}.btn--primary{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-brand-pressed);border-color:var(--color-brand-pressed)}.btn--secondary{background-color:var(--color-bg-card);border-color:var(--color-border-primary);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover-subtle)}.btn--secondary:active:not(:disabled){background-color:var(--color-bg-hover)}.btn--ghost{background-color:transparent;border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-hover-subtle);border-color:var(--color-border-primary)}.btn--ghost:active:not(:disabled){background-color:var(--color-bg-hover)}.btn--text{background-color:transparent;border-color:transparent;color:var(--color-brand);min-width:auto;padding:var(--spacing-4) var(--spacing-5)}.btn--text:hover:not(:disabled){background-color:var(--color-bg-hover-subtle)}.btn--text:active:not(:disabled){background-color:var(--color-bg-hover)}.btn--loading{position:relative;color:transparent!important}.btn--loading .btn__label,.btn--loading .btn__icon{visibility:hidden}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:20px;height:20px;animation:btn-spin .8s linear infinite}.btn--primary .btn__spinner-icon{color:var(--color-text-inverse)}.btn--secondary .btn__spinner-icon,.btn--ghost .btn__spinner-icon,.btn--text .btn__spinner-icon{color:var(--color-text-primary)}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon svg{width:18px;height:18px}.btn--sm .btn__icon svg{width:16px;height:16px}.btn__label{white-space:nowrap}.text-field{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.text-field__label{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-normal)}.text-field__required{color:var(--color-error)}.text-field__label-suffix{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.text-field__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:calc(-1 * var(--spacing-1))}.text-field__hint--bottom{margin-top:var(--spacing-2)}.text-field__input-wrapper{position:relative;display:flex;align-items:center}.text-field__input{width:100%;height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--input-radius);background-color:var(--color-bg-card);font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-field__input::placeholder{color:var(--color-text-muted)}.text-field__input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.text-field__input:hover:not(:focus):not(:disabled){border-color:var(--color-border-primary)}.text-field__input:disabled{background-color:var(--color-bg-hover-subtle);color:var(--color-text-secondary);cursor:not-allowed}.text-field__end-adornment{position:absolute;right:var(--spacing-5);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.text-field__input-wrapper:has(.text-field__end-adornment) .text-field__input{padding-right:calc(var(--input-padding-x) + 32px)}.text-field--error .text-field__input{border-color:var(--color-error)}.text-field--error .text-field__input:focus{border-color:var(--color-error);box-shadow:0 0 0 var(--focus-ring-width) #d8431540}.text-field__error{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-1)}.text-field__error:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D84315' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-size:contain;flex-shrink:0}.password-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.password-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover-subtle)}.password-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}.password-toggle svg{flex-shrink:0}.card-ui{background-color:var(--color-bg-card);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--card-radius);box-shadow:var(--shadow-lg)}.card-ui--padding-none{padding:0}.card-ui--padding-sm{padding:var(--card-padding-sm)}.card-ui--padding-md{padding:var(--card-padding-md)}.card-ui--padding-lg{padding:var(--card-padding-lg)}.card-ui--flat{box-shadow:none}@media (max-width: 1024px){.card-ui--padding-lg{padding:var(--card-padding-md)}}@media (max-width: 480px){.card-ui--padding-lg,.card-ui--padding-md{padding:var(--card-padding-sm)}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);z-index:var(--z-modal-backdrop);animation:modal-backdrop-in .15s ease-out}.modal__panel{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--spacing-12));overflow-y:auto;z-index:var(--z-modal);animation:modal-panel-in .2s ease-out;outline:none}.modal__panel--sm{width:100%;max-width:360px}.modal__panel--md{width:100%;max-width:480px}.modal__panel--lg{width:100%;max-width:640px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);padding:var(--spacing-8) var(--spacing-8) 0}.modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);margin:calc(-1 * var(--spacing-4));padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.modal__content{padding:var(--spacing-8)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.modal__backdrop{align-items:flex-end;padding:0}.modal__panel{width:100%;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;animation:modal-panel-slide-up .2s ease-out}.modal__panel--sm,.modal__panel--md,.modal__panel--lg{max-width:none}}@keyframes modal-panel-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;display:flex;align-items:flex-end;z-index:var(--z-modal-backdrop);animation:sheet-backdrop-in .15s ease-out}.sheet__panel{width:100%;max-height:85vh;background:var(--color-bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-xl);overflow-y:auto;z-index:var(--z-modal);animation:sheet-slide-up .2s ease-out;outline:none}.sheet__handle{width:36px;height:4px;margin:var(--spacing-4) auto var(--spacing-2);background:var(--color-border-subtle);border-radius:var(--radius-full)}.sheet__header{padding:var(--spacing-4) var(--spacing-6);border-bottom:var(--border-thin) solid var(--color-border-muted)}.sheet__title{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.sheet__content{padding:var(--spacing-4) 0 var(--spacing-8)}.sheet__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-5) var(--spacing-6);background:transparent;border:none;font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);min-height:var(--touch-target-min)}.sheet__item:hover{background:var(--color-bg-hover-subtle)}.sheet__item:focus-visible{outline:none;background:var(--color-bg-hover)}.sheet__item--selected{color:var(--color-brand);font-weight:var(--font-weight-semibold)}.sheet__item--destructive{color:var(--color-error)}.sheet__item--disabled{color:var(--color-text-muted);cursor:not-allowed}.sheet__item--disabled:hover{background:transparent}.sheet__item-check{flex-shrink:0;color:var(--color-brand)}@media (min-width: 481px){.sheet__backdrop{align-items:center;justify-content:center;padding:var(--spacing-6)}.sheet__panel{max-width:400px;border-radius:var(--radius-lg);animation:sheet-scale-in .2s ease-out}.sheet__handle{display:none}}@keyframes sheet-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu{position:relative;display:inline-flex}.menu__trigger{display:inline-flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer}.menu__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.menu__dropdown{position:absolute;top:calc(100% + var(--spacing-2));min-width:180px;padding:var(--spacing-2);background:var(--color-bg-card);border:var(--border-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:menu-in .15s ease-out}.menu__dropdown--start{left:0}.menu__dropdown--end{right:0}.menu__item{display:flex;align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-4) var(--spacing-5);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);min-height:var(--touch-target-min)}.menu__item:hover{background:var(--color-bg-hover-subtle)}.menu__item:focus-visible{outline:none;background:var(--color-bg-hover)}.menu__item--destructive{color:var(--color-error)}.menu__item--destructive:hover{background:var(--color-error-soft)}.menu__item--disabled{color:var(--color-text-muted);cursor:not-allowed}.menu__item--disabled:hover{background:transparent}.menu__item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.menu__item-icon svg{width:100%;height:100%}.menu__item-label{flex:1}.menu__divider{height:var(--border-thin);margin:var(--spacing-2) var(--spacing-3);background:var(--color-border-muted)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.menu__dropdown{position:fixed;inset:auto 0 0 0;top:auto;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-4) 0 var(--spacing-8);box-shadow:var(--shadow-xl);animation:menu-slide-up .2s ease-out}.menu__dropdown--start,.menu__dropdown--end{left:0;right:0}.menu__item{padding:var(--spacing-5) var(--spacing-6);border-radius:0}.menu__divider{margin:var(--spacing-3) var(--spacing-6)}}@keyframes menu-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.error-banner{display:flex;gap:var(--spacing-5);padding:var(--spacing-6);background-color:var(--color-error-soft);border-radius:var(--radius-md)}.error-banner__icon{flex-shrink:0;color:var(--color-error)}.error-banner__content{flex:1;min-width:0}.error-banner__title{display:block;font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-2)}.error-banner__message{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-error);line-height:var(--line-height-normal)}.error-banner__action{margin-top:var(--spacing-4)}.spinner{display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-brand)}.spinner__icon{animation:spinner-rotate .8s linear infinite}.spinner--sm .spinner__icon{width:16px;height:16px}.spinner--md .spinner__icon{width:24px;height:24px}.spinner--lg .spinner__icon{width:32px;height:32px}.spinner__label{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--color-border-muted) 25%,var(--color-bg-hover-subtle) 50%,var(--color-border-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton--text{width:100%;height:1em;border-radius:var(--radius-sm)}.skeleton--rectangular{width:100%;height:100px;border-radius:var(--radius-md)}.skeleton--circular{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-lines{display:flex;flex-direction:column;gap:var(--spacing-4)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.snackbar{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-4);min-width:280px;max-width:calc(100vw - var(--spacing-8));padding:var(--spacing-5) var(--spacing-6);background:var(--color-bg-dark);color:var(--color-text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:snackbar-in .2s ease-out}.snackbar--bottom{bottom:var(--spacing-8)}.snackbar--top{top:var(--spacing-8)}.snackbar--success{background:var(--color-success)}.snackbar--error{background:var(--color-error)}.snackbar--warning{background:var(--color-warning);color:var(--color-text-primary)}.snackbar--info{background:var(--color-info)}.snackbar__icon{display:flex;align-items:center;flex-shrink:0}.snackbar__message{flex:1;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.snackbar__action{flex-shrink:0}.snackbar__action button{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:var(--border-thin) solid currentColor;border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast)}.snackbar__action button:hover{background:#ffffff26}.snackbar__action button:focus-visible{outline:var(--focus-ring-width) solid rgba(255,255,255,.5);outline-offset:var(--focus-ring-offset)}.snackbar__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:calc(-1 * var(--spacing-2));padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.snackbar__close:hover{opacity:1;background:#ffffff26}.snackbar__close:focus-visible{outline:var(--focus-ring-width) solid rgba(255,255,255,.5);outline-offset:var(--focus-ring-offset);opacity:1}.snackbar--warning .snackbar__close:hover,.snackbar--warning .snackbar__action button:hover{background:#0000001a}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.snackbar--top{animation-name:snackbar-in-top}@keyframes snackbar-in-top{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.snackbar{left:var(--spacing-4);right:var(--spacing-4);transform:none;min-width:auto;max-width:none}.snackbar--bottom{bottom:var(--spacing-6)}.snackbar--top{top:var(--spacing-6)}@keyframes snackbar-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes snackbar-in-top{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}}.divider{width:100%;height:1px;margin:0;border:none;background-color:var(--color-border-subtle)}.divider-with-text{display:flex;align-items:center;gap:var(--spacing-6);width:100%}.divider-with-text__line{flex:1;height:1px;background-color:var(--color-border-subtle)}.divider-with-text__text{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.text-link{display:inline;font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:color var(--transition-fast);background:none;border:none;padding:0}.text-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.text-link--default{color:var(--color-brand)}.text-link--default:hover{color:var(--color-brand-hover)}.text-link--muted{color:var(--color-text-secondary)}.text-link--muted:hover{color:var(--color-text-primary)}.text-link--centered{display:block;text-align:center;padding:var(--spacing-4) 0}.accept-invite{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8);background-color:var(--color-bg-page)}.accept-invite__card{width:100%;max-width:var(--auth-card-width);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-12)}.accept-invite__header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);text-align:center}.accept-invite__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-text-primary);border-radius:var(--radius-lg)}.accept-invite__icon svg{color:var(--color-brand)}.accept-invite__icon--success{background:var(--color-success-soft)}.accept-invite__icon--success svg{color:var(--color-success)}.accept-invite__icon--error{background:var(--color-warning-soft)}.accept-invite__icon--error svg{color:var(--color-warning)}.accept-invite__icon--info{background:var(--color-info-soft)}.accept-invite__icon--info svg{color:var(--color-info)}.accept-invite__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.accept-invite__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.accept-invite__form{display:flex;flex-direction:column;gap:var(--spacing-6)}.accept-invite__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.accept-invite__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.accept-invite__input{width:100%;height:48px;padding:0 var(--spacing-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-card);text-align:center;letter-spacing:.5px;transition:border-color var(--transition-fast)}.accept-invite__input::placeholder{color:var(--color-text-muted);font-family:var(--font-family-body);letter-spacing:normal}.accept-invite__input:focus{outline:none;border-color:var(--color-brand)}.accept-invite__input:disabled{background:var(--color-bg-hover-subtle);color:var(--color-text-secondary);opacity:.7}.accept-invite__input--error{border-color:var(--color-error)}.accept-invite__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.accept-invite__error-text{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-error)}.accept-invite__validating{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5);padding:var(--spacing-8) 0;text-align:center}.accept-invite__spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:invite-spin .8s linear infinite}@keyframes invite-spin{to{transform:rotate(360deg)}}.accept-invite__validating-text{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary)}.accept-invite__result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);text-align:center}.accept-invite__result-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.accept-invite__result-message{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0}.accept-invite__household-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.accept-invite__redirect-hint{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.accept-invite__actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2)}.accept-invite__link{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.accept-invite__link a{color:var(--color-brand);text-decoration:none}.accept-invite__link a:hover{text-decoration:underline}@media (max-width: 1024px){.accept-invite__card{max-width:var(--auth-card-width-tablet);padding:var(--spacing-10)}}@media (max-width: 480px){.accept-invite{padding:var(--spacing-6);justify-content:flex-start;padding-top:var(--spacing-12)}.accept-invite__card{max-width:100%;background:transparent;border:none;padding:0}.accept-invite__icon{width:48px;height:48px}.accept-invite__title{font-size:var(--font-size-xl)}.accept-invite__input{height:52px;font-size:var(--font-size-md)}.accept-invite__actions .btn{min-height:var(--touch-target-min)}}.analytics{max-width:1200px;margin:0 auto;padding:var(--spacing-10) var(--spacing-8)}.analytics__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.analytics__header h1{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.analytics__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-2) 0 0 0}.analytics__summary,.analytics__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.analytics__footer{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-border-subtle)}.analytics .card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);padding:var(--spacing-8);text-align:center}.analytics .card p{color:var(--color-text-secondary);margin:0}.analytics--access-denied{text-align:center;padding:var(--spacing-12) var(--spacing-8)}.analytics--access-denied h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.analytics--access-denied p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}@media (max-width: 1024px){.analytics{padding:var(--spacing-8) var(--spacing-6)}.analytics__summary,.analytics__details{grid-template-columns:1fr;gap:var(--spacing-6)}}@media (max-width: 480px){.analytics{padding:var(--spacing-6) var(--spacing-5)}.analytics__header{flex-direction:column;gap:var(--spacing-4)}.analytics__header h1{font-size:var(--font-size-lg)}}.voice-error-message{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.voice-error-message__content{display:flex;align-items:flex-start;gap:var(--spacing-2)}.voice-error-message__icon{flex-shrink:0;color:var(--color-error);margin-top:2px}.voice-error-message__text{margin:0;font-size:var(--font-size-sm);color:var(--color-error-text);line-height:1.4}.voice-error-message__actions{display:flex;gap:var(--spacing-2);margin-left:28px}.voice-error-message__retry,.voice-error-message__dismiss{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}@media (max-width: 480px){.voice-error-message__actions{flex-direction:column;margin-left:0}.voice-error-message__retry,.voice-error-message__dismiss{width:100%}}.voice-mic-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);border:none;border-radius:var(--radius-full, 50%);background-color:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.voice-mic-button:hover:not(:disabled){background-color:var(--color-bg-hover)}.voice-mic-button:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-brand));outline-offset:var(--focus-ring-offset, 2px)}.voice-mic-button:active:not(:disabled){transform:scale(.95)}.voice-mic-button:disabled{opacity:.5;cursor:not-allowed}.voice-mic-button--recording{background-color:var(--color-error);color:var(--color-text-inverse);animation:voice-mic-pulse 1.5s ease-in-out infinite}@keyframes voice-mic-pulse{0%,to{box-shadow:0 0 #d8431566}50%{box-shadow:0 0 0 8px #d8431500}}.voice-mic-button--processing{background-color:var(--color-brand);color:var(--color-text-inverse)}.voice-mic-button__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:voice-mic-spin .8s linear infinite}@keyframes voice-mic-spin{to{transform:rotate(360deg)}}.voice-mic-button--disabled{opacity:.5;cursor:not-allowed}.voice-recording-status{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3, 12px);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);background-color:var(--color-bg-card);border-radius:var(--radius-md, 8px)}.voice-recording-status__content{display:flex;align-items:center;gap:var(--spacing-2, 8px)}.voice-recording-status__indicator{width:12px;height:12px;border-radius:50%}.voice-recording-status__indicator--recording{background-color:var(--color-error);animation:voice-status-pulse 1.5s ease-in-out infinite}@keyframes voice-status-pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-recording-status__timer{font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-primary)}.voice-recording-status__label{color:var(--color-text-secondary)}.voice-recording-status__spinner{width:16px;height:16px;border:2px solid var(--color-bg-hover);border-top-color:var(--color-brand);border-radius:50%;animation:voice-status-spin .8s linear infinite}@keyframes voice-status-spin{to{transform:rotate(360deg)}}.voice-recording-status__cancel{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);border:none;border-radius:var(--radius-sm, 4px);background-color:transparent;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.voice-recording-status__cancel:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.voice-recording-status__cancel:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-brand));outline-offset:var(--focus-ring-offset, 2px)}.commands{display:flex;gap:32px;width:100%;max-width:1200px;margin:0 auto}.commands__left-col{display:flex;flex-direction:column;gap:24px;flex:1;min-width:0}.commands__right-col{display:flex;flex-direction:column;gap:16px;width:320px;flex-shrink:0}.commands__section{display:flex;flex-direction:column;gap:12px}.commands__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.commands__composer-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.commands__textarea-wrapper{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.commands__textarea-wrapper:focus-within{border-color:var(--color-brand)}.commands__voice-bar{display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap}.commands__voice-bar .voice-recording-status{flex:1 1 220px;min-width:0}.commands__voice-draft-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.commands__textarea-wrapper .voice-error-message{margin-bottom:0}.commands__textarea{width:100%;min-height:60px;border:none;outline:none;resize:vertical;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:transparent;line-height:1.5}.commands__textarea::placeholder{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.commands__attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commands__field{display:flex;flex-direction:column;gap:6px;min-width:0}.commands__field label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.commands__field input,.commands__field select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.commands__field input:focus,.commands__field select:focus{outline:none;border-color:var(--color-brand)}.commands__field input:disabled,.commands__field select:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.commands__field-error{padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-error-soft);color:var(--color-error);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.commands__composer-actions{display:flex;align-items:center;gap:12px}.commands__help-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.commands__help-btn:hover{color:var(--color-text-primary)}.commands__result-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.commands__result-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.commands__result-empty-icon{color:var(--color-text-secondary)}.commands__result-empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.commands__result-empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.commands__banner{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md)}.commands__banner--success{background:var(--color-success-soft)}.commands__banner--success .commands__banner-icon,.commands__banner--success .commands__banner-title{color:var(--color-success)}.commands__banner--warning{background:var(--color-warning-soft)}.commands__banner--warning .commands__banner-icon,.commands__banner--warning .commands__banner-title{color:var(--color-warning)}.commands__banner--info{background:var(--color-info-soft)}.commands__banner--info .commands__banner-icon,.commands__banner--info .commands__banner-title{color:var(--color-info)}.commands__banner--error{background:var(--color-error-soft)}.commands__banner--error .commands__banner-icon,.commands__banner--error .commands__banner-title{color:var(--color-error)}.commands__banner-icon{flex-shrink:0}.commands__banner-spinner{width:24px;height:24px;border:2px solid var(--color-info);border-top-color:transparent;border-radius:50%;animation:commands-spin 1s linear infinite;flex-shrink:0}@keyframes commands-spin{to{transform:rotate(360deg)}}.commands__banner-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.commands__banner-title{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.commands__banner-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0}.commands__skeleton-section{display:flex;flex-direction:column;gap:12px}.commands__skeleton{height:16px;background:var(--color-border-subtle);border-radius:var(--radius-sm);animation:commands-pulse 1.5s ease-in-out infinite}@keyframes commands-pulse{0%,to{opacity:1}50%{opacity:.5}}.commands__changes-section{display:flex;flex-direction:column;gap:12px}.commands__changes-title{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.commands__changes-list{display:flex;flex-direction:column;gap:8px}.commands__change-item{display:flex;align-items:flex-start;gap:10px}.commands__change-icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.commands__change-text{display:flex;flex-direction:column;gap:2px}.commands__change-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.commands__change-detail{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.commands__details-collapse{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast)}.commands__details-collapse:hover{color:var(--color-text-primary)}.commands__question-section{display:flex;flex-direction:column;gap:8px}.commands__question-text{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.commands__question-hint{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.commands__error-details{padding:12px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm)}.commands__error-code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-error)}.commands__result-actions{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--color-border-subtle)}.commands__history-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.commands__history-list{display:flex;flex-direction:column}.commands__history-item{display:flex;flex-direction:column;gap:6px;padding:14px;border-bottom:1px solid var(--color-border-subtle)}.commands__history-item:last-child{border-bottom:none}.commands__history-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.commands__history-item-title{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands__history-status{font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.commands__history-status--success{background:var(--color-success-soft);color:var(--color-success)}.commands__history-status--warning{background:var(--color-warning-soft);color:var(--color-warning)}.commands__history-status--info{background:var(--color-info-soft);color:var(--color-info)}.commands__history-status--error{background:var(--color-error-soft);color:var(--color-error)}.commands__history-item-time{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.commands__history-empty{padding:24px;text-align:center}.commands__history-empty p{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.commands__history-hint{font-size:var(--font-size-xs)!important;margin-top:4px!important}.commands__history-clear{padding:12px;border:none;border-top:1px solid var(--color-border-subtle);background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.commands__history-clear:hover{background:var(--color-bg-hover-subtle);color:var(--color-text-primary)}.commands__history-toggle{display:none;justify-content:flex-end;margin-bottom:16px}.commands__history-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.commands__history-toggle-btn:hover{background:var(--color-bg-hover-subtle);color:var(--color-text-primary)}.commands__history-sheet{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-card);z-index:var(--z-modal);overflow-y:auto}.commands__history-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border-subtle)}.commands__history-sheet-header h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.commands__history-sheet-header button{padding:8px 16px;border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand);cursor:pointer}.commands__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.commands__empty p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 1024px){.commands__right-col{width:280px}}@media (max-width: 768px){.commands{flex-direction:column;gap:16px}.commands__attribute-grid{grid-template-columns:1fr}.commands__right-col{display:none}.commands__history-toggle{display:flex}.commands__history-sheet.show-mobile{display:block}}@media (max-width: 480px){.commands__section-title{font-size:var(--font-size-sm)}.commands__composer-card,.commands__result-card{padding:16px}.commands__banner{padding:12px}.commands__result-empty{padding:32px 16px}.commands__voice-bar{align-items:stretch}.commands__voice-bar .voice-recording-status{flex-basis:100%}}.dashboard-page{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding-bottom:32px}.dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dashboard-hero__copy{display:flex;flex-direction:column;gap:8px;min-width:0}.dashboard-hero__eyebrow,.dashboard-card__eyebrow{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase}.dashboard-hero__title{margin:0;font-family:var(--font-family-heading);font-size:32px;line-height:1.12;color:var(--color-text-primary);overflow-wrap:anywhere}.dashboard-hero__subtitle{max-width:720px;margin:0;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-secondary)}.dashboard-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0}.dashboard__quick-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;max-width:100%;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.dashboard__quick-link--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.dashboard__quick-link--primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.dashboard__quick-link--secondary,.dashboard__quick-link--ghost{background:var(--color-bg-card);border-color:var(--color-border-primary);color:var(--color-text-primary)}.dashboard__quick-link--secondary:hover,.dashboard__quick-link--ghost:hover{background:var(--color-bg-hover-subtle)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card{display:flex;flex-direction:column;min-width:0;min-height:360px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.dashboard-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--color-border-subtle)}.dashboard-card__title{margin:4px 0 0;font-family:var(--font-family-heading);font-size:var(--font-size-lg);line-height:1.25;color:var(--color-text-primary)}.dashboard-card__badge{flex-shrink:0;max-width:150px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-bg-hover-subtle);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center;overflow-wrap:anywhere}.dashboard-card__body{display:flex;flex:1;flex-direction:column;gap:16px;padding:18px}.dashboard-card__footer-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-top:1px solid var(--color-border-subtle);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand);text-decoration:none}.dashboard-card__footer-link:hover{background:var(--color-bg-hover-subtle)}.dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-stat{display:flex;flex-direction:column;gap:4px;min-width:0;padding-left:10px;border-left:3px solid var(--color-border-primary)}.dashboard-stat--warning{border-left-color:var(--color-warning)}.dashboard-stat--success{border-left-color:var(--color-success)}.dashboard-stat--muted{border-left-color:var(--color-text-muted)}.dashboard-stat__value{font-family:var(--font-family-heading);font-size:26px;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-primary)}.dashboard-stat__label{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-wrap:anywhere}.dashboard-list{display:flex;flex-direction:column;border-top:1px solid var(--color-border-subtle)}.dashboard-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:44px;padding:10px 0;color:inherit;text-decoration:none}.dashboard-list__item+.dashboard-list__item{border-top:1px solid var(--color-border-subtle)}.dashboard-list__item:hover .dashboard-list__title{color:var(--color-brand)}.dashboard-list__title{min-width:0;font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-list__meta{max-width:180px;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right;overflow-wrap:anywhere}.dashboard-empty,.dashboard-section-error,.dashboard-empty-page{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.dashboard-empty{min-height:150px}.dashboard-empty__title,.dashboard-empty-page h1{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-md);color:var(--color-text-primary)}.dashboard-empty__desc,.dashboard-empty-page p,.dashboard-section-error p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-secondary)}.dashboard-empty__link,.dashboard-section-error__button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-card);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;cursor:pointer}.dashboard-empty__link:hover,.dashboard-section-error__button:hover{background:var(--color-bg-hover-subtle)}.dashboard-empty-page{min-height:320px;padding:32px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.dashboard-skeleton{display:flex;flex-direction:column;gap:14px}.dashboard-skeleton__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-skeleton__stats span,.dashboard-skeleton__line{display:block;height:18px;border-radius:var(--radius-sm);background:var(--color-bg-hover);animation:dashboard-pulse 1.5s ease-in-out infinite}.dashboard-skeleton__stats span{height:54px}.dashboard-skeleton__line--short{width:72%}@keyframes dashboard-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 900px){.dashboard-hero{flex-direction:column}.dashboard-hero__actions{justify-content:flex-start;width:100%}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 560px){.dashboard-page{gap:18px}.dashboard-hero__title{font-size:26px}.dashboard-hero__actions{display:grid;grid-template-columns:1fr}.dashboard__quick-link{width:100%}.dashboard-card{min-height:auto}.dashboard-card__header{flex-direction:column;gap:10px;padding:16px}.dashboard-card__badge{max-width:none}.dashboard-card__body{padding:16px}.dashboard-stats{grid-template-columns:1fr}.dashboard-list__item{grid-template-columns:1fr;gap:4px}.dashboard-list__title{white-space:normal}.dashboard-list__meta{max-width:none;text-align:left}}.create-household-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:chm-backdrop-in .15s ease-out}.create-household-modal__card{width:440px;max-width:calc(100vw - var(--spacing-8));max-height:calc(100vh - var(--spacing-12));background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-modal);animation:chm-panel-in .2s ease-out;outline:none}.create-household-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6)}.create-household-modal__header-left{display:flex;align-items:center;gap:var(--spacing-4)}.create-household-modal__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-text-primary);border-radius:var(--radius-md);flex-shrink:0}.create-household-modal__icon svg{color:var(--color-brand)}.create-household-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-household-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.create-household-modal__close:hover{background:var(--color-bg-hover-subtle);color:var(--color-text-primary)}.create-household-modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.create-household-modal__divider{height:1px;background:var(--color-border-primary);flex-shrink:0}.create-household-modal__body{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);overflow-y:auto}.create-household-modal__microcopy{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin:0}.create-household-modal__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.create-household-modal__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-household-modal__input{width:100%;height:44px;padding:0 var(--spacing-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast)}.create-household-modal__input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.create-household-modal__input:focus{outline:none;border-color:var(--color-brand)}.create-household-modal__input:disabled{background:var(--color-bg-hover-subtle);color:var(--color-text-secondary);opacity:.5}.create-household-modal__input--error{border-color:var(--color-error)}.create-household-modal__input--error:focus{border-color:var(--color-error)}.create-household-modal__error{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-error)}.create-household-modal__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.create-household-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6)}@media (max-width: 480px){.create-household-modal__backdrop{align-items:flex-end}.create-household-modal__card{width:100%;max-width:none;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:chm-slide-up .2s ease-out}.create-household-modal__header:before{content:"";position:absolute;top:var(--spacing-3);left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-border-primary);border-radius:var(--radius-full)}.create-household-modal__header{position:relative;padding-top:var(--spacing-8)}.create-household-modal__close{width:44px;height:44px}.create-household-modal__input{height:48px;font-size:var(--font-size-md)}.create-household-modal__footer{flex-direction:column;padding:var(--spacing-5) var(--spacing-6) var(--spacing-10);gap:var(--spacing-4)}.create-household-modal__footer .btn{width:100%;height:52px}.create-household-modal__footer .btn--primary{order:-1}}@keyframes chm-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes chm-panel-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.accept-invite-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:var(--z-modal-backdrop);animation:accept-invite-backdrop-in .15s ease-out}@keyframes accept-invite-backdrop-in{0%{opacity:0}to{opacity:1}}.accept-invite-modal__card{display:flex;flex-direction:column;width:440px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;animation:accept-invite-modal-in .2s ease-out}@keyframes accept-invite-modal-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.accept-invite-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.accept-invite-modal__header-left{display:flex;align-items:center;gap:12px}.accept-invite-modal__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-info-soft);border-radius:var(--radius-md)}.accept-invite-modal__icon svg{color:var(--color-info)}.accept-invite-modal__icon--success{background:var(--color-success-soft)}.accept-invite-modal__icon--success svg{color:var(--color-success)}.accept-invite-modal__icon--error{background:var(--color-warning-soft)}.accept-invite-modal__icon--error svg{color:var(--color-warning)}.accept-invite-modal__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.accept-invite-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.accept-invite-modal__close:hover{background:var(--color-bg-hover-subtle)}.accept-invite-modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.accept-invite-modal__close:disabled{opacity:.5;cursor:not-allowed}.accept-invite-modal__divider{width:100%;height:1px;background:var(--color-border-primary)}.accept-invite-modal__body{display:flex;flex-direction:column;gap:20px;padding:24px}.accept-invite-modal__microcopy{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.accept-invite-modal__field{display:flex;flex-direction:column;gap:6px}.accept-invite-modal__label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.accept-invite-modal__input{width:100%;height:44px;padding:0 var(--spacing-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-card);text-align:center;letter-spacing:.5px;transition:border-color var(--transition-fast)}.accept-invite-modal__input::placeholder{font-family:var(--font-family-body);color:var(--color-text-muted);letter-spacing:normal}.accept-invite-modal__input:focus{outline:none;border-color:var(--color-brand)}.accept-invite-modal__input:disabled{background:var(--color-bg-hover-subtle);opacity:.7}.accept-invite-modal__input--error{border-color:var(--color-error)}.accept-invite-modal__error{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-error)}.accept-invite-modal__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.accept-invite-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px}.accept-invite-modal__validating{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-5);padding:var(--spacing-8) var(--spacing-6);text-align:center}.accept-invite-modal__spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:accept-invite-spin .8s linear infinite}@keyframes accept-invite-spin{to{transform:rotate(360deg)}}.accept-invite-modal__validating-text{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.accept-invite-modal__result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);text-align:center}.accept-invite-modal__result-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg)}.accept-invite-modal__result-icon--success{background:var(--color-success-soft)}.accept-invite-modal__result-icon--success svg{color:var(--color-success)}.accept-invite-modal__result-icon--error{background:var(--color-warning-soft)}.accept-invite-modal__result-icon--error svg{color:var(--color-warning)}.accept-invite-modal__result-icon--info{background:var(--color-info-soft)}.accept-invite-modal__result-icon--info svg{color:var(--color-info)}.accept-invite-modal__result-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.accept-invite-modal__result-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.accept-invite-modal__household-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.accept-invite-modal__redirect-hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.accept-invite-modal__result-footer{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:var(--spacing-2)}@media (max-width: 480px){.accept-invite-modal__backdrop{align-items:flex-end}.accept-invite-modal__card{width:100%;max-width:none;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:accept-invite-sheet-up .2s ease-out}@keyframes accept-invite-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.accept-invite-modal__handle{display:flex;justify-content:center;padding:12px 0 8px}.accept-invite-modal__handle-bar{width:40px;height:4px;background:var(--color-border-primary);border-radius:var(--radius-full)}.accept-invite-modal__header{padding:8px 20px 16px}.accept-invite-modal__icon{width:32px;height:32px}.accept-invite-modal__title{font-size:var(--font-size-lg)}.accept-invite-modal__close{width:44px;height:44px}.accept-invite-modal__body{padding:20px}.accept-invite-modal__input{height:48px;font-size:var(--font-size-base)}.accept-invite-modal__footer{flex-direction:column-reverse;padding:16px 20px 34px}.accept-invite-modal__footer .btn,.accept-invite-modal__result-footer .btn{width:100%;height:52px;font-size:15px}}@media (min-width: 481px){.accept-invite-modal__handle{display:none}}.household-switcher{position:relative}.household-switcher__trigger{display:flex;align-items:center;gap:var(--spacing-3);height:40px;padding:0 var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.household-switcher__trigger:hover{background:var(--color-bg-hover-subtle)}.household-switcher__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.household-switcher__trigger-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-text-primary);border-radius:var(--radius-md);flex-shrink:0}.household-switcher__trigger-icon svg{color:var(--color-brand)}.household-switcher__trigger-icon--empty{background:var(--color-bg-hover)}.household-switcher__trigger-icon--empty svg{color:var(--color-text-secondary)}.household-switcher__trigger-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.household-switcher__trigger-name--empty{color:var(--color-text-secondary)}.household-switcher__trigger-chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.household-switcher__trigger[aria-expanded=true] .household-switcher__trigger-chevron{transform:rotate(180deg)}.household-switcher__dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;width:280px;background:var(--color-bg-card);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;z-index:var(--z-dropdown);animation:switcher-dropdown-in .15s ease-out;overflow:hidden}@keyframes switcher-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.household-switcher__header{padding:var(--spacing-4) var(--spacing-5)}.household-switcher__header-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.household-switcher__list{padding:var(--spacing-1) 0}.household-switcher__item{display:flex;align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.household-switcher__item:hover{background:var(--color-bg-hover-subtle)}.household-switcher__item:focus-visible{outline:none;background:var(--color-bg-hover)}.household-switcher__item--selected,.household-switcher__item--selected:hover{background:var(--color-text-primary)}.household-switcher__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;background:var(--color-bg-hover)}.household-switcher__item-icon svg{color:var(--color-text-secondary)}.household-switcher__item--selected .household-switcher__item-icon{background:var(--color-brand)}.household-switcher__item--selected .household-switcher__item-icon svg{color:var(--color-text-inverse)}.household-switcher__item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.household-switcher__item-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.household-switcher__item--selected .household-switcher__item-name{font-weight:var(--font-weight-semibold);color:var(--color-brand)}.household-switcher__item-meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.household-switcher__item--selected .household-switcher__item-meta{color:var(--color-text-muted)}.household-switcher__item-check{color:var(--color-brand);flex-shrink:0}.household-switcher__footer{padding:var(--spacing-1) 0;border-top:1px solid var(--color-border-muted)}.household-switcher__action{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.household-switcher__action:hover{background:var(--color-bg-hover-subtle)}.household-switcher__action:focus-visible{outline:none;background:var(--color-bg-hover)}.household-switcher__action-icon{color:var(--color-text-secondary)}.household-switcher__action-text{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.household-switcher__action--primary .household-switcher__action-icon,.household-switcher__action--primary .household-switcher__action-text{color:var(--color-brand)}.household-switcher__skeleton{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5)}.household-switcher__skeleton-icon{width:32px;height:32px;background:var(--color-bg-hover);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.household-switcher__skeleton-content{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.household-switcher__skeleton-line{height:14px;background:var(--color-bg-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.household-switcher__skeleton-line--short{width:60px;height:10px}.household-switcher__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);text-align:center}.household-switcher__empty-icon{color:var(--color-text-primary)}.household-switcher__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.household-switcher__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}.household-switcher__error{padding:var(--spacing-5);background:var(--color-warning-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.household-switcher__error-row{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.household-switcher__error-icon{color:var(--color-warning);flex-shrink:0}.household-switcher__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.household-switcher__error-desc{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.household-switcher__error-footer{display:flex;justify-content:center;padding:var(--spacing-4) var(--spacing-5)}.household-switcher__retry{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:transparent;border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.household-switcher__retry:hover{background:var(--color-bg-hover-subtle)}.household-switcher__retry:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.household-switcher__sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;justify-content:flex-end;z-index:var(--z-modal-backdrop);animation:sheet-backdrop-in .15s ease-out}.household-switcher__sheet{background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;overflow-y:auto;z-index:var(--z-modal);animation:sheet-slide-up .2s ease-out}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.household-switcher__sheet-handle{display:flex;justify-content:center;padding:var(--spacing-4) 0 var(--spacing-2)}.household-switcher__sheet-handle-bar{width:40px;height:4px;background:var(--color-border-primary);border-radius:var(--radius-full)}.household-switcher__sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-6) var(--spacing-5)}.household-switcher__sheet-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.household-switcher__sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.household-switcher__sheet-close:hover{background:var(--color-bg-hover-subtle)}.household-switcher__sheet-divider{height:1px;background:var(--color-border-primary)}.household-switcher__sheet .household-switcher__list{padding:var(--spacing-2) 0}.household-switcher__sheet .household-switcher__item{gap:var(--spacing-5);padding:var(--spacing-4) var(--spacing-6);min-height:72px}.household-switcher__sheet .household-switcher__item-icon{width:44px;height:44px;border-radius:var(--radius-lg)}.household-switcher__sheet .household-switcher__item-icon svg{width:22px;height:22px}.household-switcher__sheet .household-switcher__item-name{font-size:var(--font-size-md)}.household-switcher__sheet .household-switcher__item-meta{font-size:var(--font-size-sm)}.household-switcher__sheet .household-switcher__item-check svg{width:20px;height:20px}.household-switcher__sheet .household-switcher__footer{padding:var(--spacing-2) var(--spacing-4) var(--spacing-10)}.household-switcher__sheet .household-switcher__action{gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);min-height:52px}.household-switcher__sheet .household-switcher__action-icon svg{width:20px;height:20px}.household-switcher__sheet .household-switcher__action-text{font-size:var(--font-size-base)}.household-switcher__sheet .household-switcher__empty{padding:var(--spacing-8)}.household-switcher__sheet .household-switcher__empty-icon svg{width:40px;height:40px}.household-switcher__sheet .household-switcher__empty-title{font-size:var(--font-size-md)}.household-switcher__sheet .household-switcher__empty-desc{font-size:var(--font-size-sm)}@media (max-width: 480px){.household-switcher__trigger{width:44px;height:44px;padding:0;justify-content:center}.household-switcher__trigger-icon{width:32px;height:32px}.household-switcher__trigger-name,.household-switcher__trigger-chevron,.household-switcher__dropdown{display:none}}@media (min-width: 481px){.household-switcher__sheet-backdrop{display:none}}.household-landing{min-height:100vh;background-color:var(--color-bg-page)}.household-landing__header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--spacing-12);background-color:var(--color-bg-card);border-bottom:var(--border-thin) solid var(--color-border-subtle)}.household-landing__brand{display:flex;align-items:center;gap:var(--spacing-3)}.household-landing__logo{width:28px;height:28px;background-color:var(--color-brand);border-radius:var(--radius-sm)}.household-landing__brand-name{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:1px}.household-landing__account{display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer}.household-landing__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-text-primary);color:var(--color-brand);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.household-landing__account-name{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.household-landing__account-chevron{color:var(--color-text-secondary)}.household-landing__main{display:flex;gap:var(--spacing-12);padding:var(--spacing-12);min-height:calc(100vh - 64px)}.household-landing__left{display:flex;flex-direction:column;gap:var(--spacing-6);flex:1}.household-landing__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.household-landing__right{display:flex;flex-direction:column;gap:var(--spacing-6);width:360px;flex-shrink:0}.household-landing__list{display:flex;flex-direction:column;gap:var(--spacing-4)}.household-item{display:flex;align-items:center;gap:var(--spacing-5);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-bg-card);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);height:72px;cursor:pointer;transition:border-color var(--transition-fast)}.household-item:hover{border-color:var(--color-brand)}.household-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.household-item__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.household-item__icon--primary{background-color:var(--color-text-primary);color:var(--color-brand)}.household-item__icon--info{background-color:var(--color-info-soft);color:var(--color-info)}.household-item__icon--success{background-color:var(--color-success-soft);color:var(--color-success)}.household-item__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.household-item__name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.household-item__meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.household-item__open-btn{flex-shrink:0}.action-block{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);background-color:var(--color-bg-card);border:2px solid var(--color-border-primary);border-radius:var(--radius-md)}.action-block__header{display:flex;align-items:center;gap:var(--spacing-4)}.action-block__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.action-block__icon--primary{background-color:var(--color-text-primary);color:var(--color-brand)}.action-block__icon--info{background-color:var(--color-info-soft);color:var(--color-info)}.action-block__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.action-block__description{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}.action-block__input{width:100%;height:40px;padding:0 var(--spacing-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-card)}.action-block__input::placeholder{color:var(--color-text-secondary)}.action-block__input:focus{outline:none;border-color:var(--color-brand)}.action-block__input:disabled{background-color:var(--color-bg-hover-subtle);color:var(--color-text-secondary)}.action-block__button{height:44px}.action-block__error{font-size:var(--font-size-xs);color:var(--color-error)}.household-skeleton{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-5);height:72px}.household-skeleton__line{height:16px;background-color:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.household-skeleton__line--short{width:200px;height:12px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.household-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-5);padding:var(--spacing-6);flex:1}.household-error__box{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-warning-soft);border:2px solid var(--color-warning);border-radius:var(--radius-md);max-width:320px}.household-error__title{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.household-error__message{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.household-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-12);flex:1}.household-empty__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-full);background-color:var(--color-text-primary)}.household-empty__icon svg{color:var(--color-brand)}.household-empty__text{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center}.household-empty__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.household-empty__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;max-width:400px;margin:0}.household-empty__cards{display:flex;gap:var(--spacing-6);width:100%;max-width:480px}.household-empty__cards .action-block{flex:1}@media (max-width: 1024px){.household-landing__header{padding:0 var(--spacing-8)}.household-landing__main{gap:var(--spacing-8);padding:var(--spacing-8)}.household-landing__right{width:320px}.household-landing__left{gap:var(--spacing-5)}}@media (max-width: 480px){.household-landing__header{height:56px;padding:0 var(--spacing-6)}.household-landing__logo{width:24px;height:24px}.household-landing__brand-name{font-size:var(--font-size-sm)}.household-landing__avatar{width:28px;height:28px;font-size:11px}.household-landing__account-name{display:none}.household-landing__main{flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);min-height:calc(100vh - 56px)}.household-landing__right{width:100%;order:-1}.household-landing__left{gap:var(--spacing-4)}.household-landing__title{font-size:var(--font-size-md)}.household-item{height:64px;padding:var(--spacing-4) var(--spacing-4);gap:var(--spacing-4)}.household-item__icon{width:32px;height:32px;border-radius:var(--radius-sm)}.household-item__open-btn{min-width:44px;min-height:44px}.action-block{padding:var(--spacing-6);gap:var(--spacing-4)}.action-block__icon{width:32px;height:32px}.action-block__title{font-size:var(--font-size-base)}.action-block__input{height:44px}.action-block__button{height:48px}.household-empty{padding:var(--spacing-6)}.household-empty__icon{width:56px;height:56px}.household-empty__title{font-size:var(--font-size-xl)}.household-empty__cards{flex-direction:column;max-width:100%}}.invites{display:flex;justify-content:center;width:100%;padding:32px 24px}.invites__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.invites__section{display:flex;flex-direction:column;gap:12px}.invites__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.invites__card{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.invites__result{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-md)}.invites__result-row{display:flex;align-items:center;gap:10px}.invites__result-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0}.invites__result-code{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.invites__result-link{flex:1;min-width:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-info);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invites__result-meta{display:flex;align-items:center;gap:8px}.invites__badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold)}.invites__badge--success,.invites__badge--active{background:#e8f5e9;color:var(--color-success)}.invites__badge--warning{background:#fff3e0;color:var(--color-warning)}.invites__badge--used,.invites__badge--expired{background:#fafafa;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.invites__list,.invites__list-item{display:flex;flex-direction:column}.invites__list-divider{height:1px;background:var(--color-border-subtle)}.invites__list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.invites__list-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.invites__list-code{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.invites__list-code--muted{color:var(--color-text-muted)}.invites__list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.invites__list-created{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.invites__list-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.invites__list-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.invites__list-empty-icon{color:var(--color-text-secondary)}.invites__list-empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.invites__list-empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.invites__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.invites__accept-row{display:flex;align-items:center;gap:10px}.invites__error{padding:12px;background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-error)}.invites__error-banner{padding:12px;background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary)}.invites__error-banner strong{color:var(--color-error)}.invites__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.invites__empty p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 1200px){.invites__wrapper{max-width:680px}}@media (max-width: 1024px){.invites__wrapper{max-width:640px}.invites{padding:24px}}@media (max-width: 768px){.invites{padding:20px 16px}.invites__wrapper{gap:20px}.invites__section-title{font-size:var(--font-size-sm)}.invites__card{padding:16px;gap:14px}.invites__result{padding:12px;gap:10px}.invites__result-row{flex-wrap:wrap;gap:8px}.invites__result-code{font-size:var(--font-size-sm)}.invites__list-row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.invites__list-actions{width:100%}.invites__list-actions button{flex:1}}@media (max-width: 480px){.invites__result-row{flex-direction:column;align-items:flex-start}.invites__result-row button{width:100%}.invites__list-code{font-size:var(--font-size-sm)}.invites__badge{font-size:9px;padding:2px 6px}}.auth-layout{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8);background-color:var(--color-bg-page)}.auth-layout__language{position:absolute;top:var(--spacing-6);right:var(--spacing-6)}.auth-layout__content{width:100%;max-width:var(--auth-card-width)}.auth-layout__footer{margin-top:var(--spacing-8);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 1024px){.auth-layout__content{max-width:var(--auth-card-width-tablet)}}@media (max-width: 480px){.auth-layout{padding:var(--spacing-6);justify-content:flex-start;padding-top:calc(var(--spacing-12) + 36px)}.auth-layout__language{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);display:flex;justify-content:center}.auth-layout__content{max-width:100%}.auth-layout__content .card-ui{background-color:transparent;border:none;box-shadow:none;padding:0;border-radius:0}}.brand-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.brand-header__logo{display:flex;align-items:center;gap:var(--spacing-5)}.brand-header__mark{width:32px;height:32px;background-color:var(--color-brand);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-inverse)}.brand-header__name{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-normal)}.brand-header__tagline{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}@media (max-width: 480px){.brand-header__mark{width:28px;height:28px}.brand-header__name{font-size:var(--font-size-lg)}.brand-header__tagline{font-size:var(--font-size-base)}}.login-form{display:flex;flex-direction:column;gap:var(--spacing-10)}.login-form__fields{display:flex;flex-direction:column;gap:var(--spacing-7)}.login-form__actions{display:flex;flex-direction:column;gap:var(--spacing-6)}.login-form__footer{text-align:center}.login-form--loading .login-form__fields{opacity:.7;pointer-events:none}@media (max-width: 1024px){.login-form{gap:var(--spacing-9)}}@media (max-width: 480px){.login-form{gap:var(--spacing-8)}.login-form__fields{gap:var(--spacing-6)}.login-form__actions{gap:var(--spacing-5)}}.login-dev{max-width:600px;margin:0 auto;padding:var(--spacing-8)}.login-dev__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.login-dev__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.login-dev__form{display:flex;flex-direction:column;gap:var(--spacing-6)}.login-dev__textarea{width:100%;min-height:150px;padding:var(--spacing-5);border:var(--border-standard) solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);resize:vertical}.login-dev__textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.login-dev__textarea:disabled{background-color:var(--color-bg-hover-subtle);color:var(--color-text-muted)}.login-dev__error{color:var(--color-error);font-size:var(--font-size-sm)}.register-form{display:flex;flex-direction:column;gap:var(--spacing-10)}.register-form__fields{display:flex;flex-direction:column;gap:var(--spacing-7)}.register-form__actions{display:flex;flex-direction:column;gap:var(--spacing-6)}.register-form__footer{text-align:center}.register-form__footer-text{color:var(--color-text-secondary);font-size:var(--font-size-base)}.register-form--loading .register-form__fields{opacity:.7;pointer-events:none}@media (max-width: 1024px){.register-form{gap:var(--spacing-9)}}@media (max-width: 480px){.register-form{gap:var(--spacing-8)}.register-form__fields{gap:var(--spacing-6)}.register-form__actions{gap:var(--spacing-5)}}.members{display:flex;justify-content:center;width:100%;padding:32px 24px}.members__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.members__section{display:flex;flex-direction:column;gap:12px}.members__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.members__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.members__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.members__divider{height:1px;background:var(--color-border-subtle)}.members__item{display:flex;align-items:center;gap:12px;padding:14px}.members__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-brand);border-radius:var(--radius-full);flex-shrink:0;font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-on-brand);text-transform:uppercase}.members__info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.members__name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.members__email{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members__joined{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.members__role{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:capitalize}.members__role--owner{background:var(--color-brand-soft);color:var(--color-brand)}.members__role--member{background:#fafafa;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.members__skeleton{display:flex;align-items:center;gap:12px;padding:14px}.members__skeleton-avatar{width:40px;height:40px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-full);animation:members-pulse 1.5s ease-in-out infinite}.members__skeleton-content{display:flex;flex-direction:column;gap:8px;flex:1}.members__skeleton-line{height:14px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:members-pulse 1.5s ease-in-out infinite}.members__skeleton-line--short{width:140px;height:12px}@keyframes members-pulse{0%,to{opacity:1}50%{opacity:.5}}.members__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.members__error-icon{color:var(--color-warning)}.members__error-content{display:flex;flex-direction:column;gap:4px}.members__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.members__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.members__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.members__empty-icon{color:var(--color-text-secondary)}.members__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.members__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;max-width:280px;margin:0}.members__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.members__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.members__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}@media (max-width: 1200px){.members__wrapper{max-width:680px}}@media (max-width: 1024px){.members__wrapper{max-width:640px}.members{padding:24px}}@media (max-width: 768px){.members{padding:20px 16px}.members__wrapper{gap:20px}.members__section{gap:10px}.members__section-title{font-size:var(--font-size-sm)}.members__item,.members__skeleton{padding:12px}.members__avatar{width:36px;height:36px;font-size:var(--font-size-xs)}.members__skeleton-avatar{width:36px;height:36px}.members__meta{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.members__section-header{flex-direction:column;align-items:stretch;gap:10px}.members__section-header .btn{width:100%}.members__avatar,.members__skeleton-avatar{width:32px;height:32px}.members__empty,.members__error{padding:20px 16px}.members__role{font-size:9px;padding:2px 6px}}.notifications{max-width:720px;margin:0 auto;padding:var(--spacing-10) var(--spacing-8)}.notifications__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.notifications__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0}.notifications__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.notifications__item{display:flex;gap:var(--spacing-5);padding:var(--spacing-5);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.notifications__item:last-child{border-bottom:none}.notifications__item:hover,.notifications__item--unread{background:var(--color-bg-hover-subtle)}.notifications__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notifications__icon--task{background:var(--color-info-soft);color:var(--color-info)}.notifications__icon--shopping{background:var(--color-success-soft);color:var(--color-success)}.notifications__icon--invite{background:var(--color-warning-soft);color:var(--color-warning)}.notifications__icon--alert{background:var(--color-error-soft);color:var(--color-error)}.notifications__icon svg{width:18px;height:18px}.notifications__content{flex:1;min-width:0}.notifications__message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1);line-height:var(--line-height-normal)}.notifications__time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.notifications__unread-dot{width:8px;height:8px;background:var(--color-brand);border-radius:50%;flex-shrink:0;margin-top:var(--spacing-2)}.notifications__empty{text-align:center;padding:var(--spacing-11) var(--spacing-7)}.notifications__empty-icon{width:48px;height:48px;background:var(--color-bg-hover-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-5)}.notifications__empty-icon svg{width:24px;height:24px;color:var(--color-text-secondary)}.notifications__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.notifications__empty-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.notifications__footer{border-top:1px solid var(--color-border-subtle);padding:var(--spacing-4) var(--spacing-5);text-align:center}.notifications__clear-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.notifications__clear-btn:hover{color:var(--color-text-primary)}.notifications__loading{padding:var(--spacing-8);text-align:center}@media (max-width: 1024px){.notifications{padding:var(--spacing-8) var(--spacing-6)}}@media (max-width: 480px){.notifications{padding:var(--spacing-6) var(--spacing-5)}.notifications__item{padding:var(--spacing-4);gap:var(--spacing-4)}.notifications__icon{width:32px;height:32px}.notifications__icon svg{width:16px;height:16px}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);padding:var(--spacing-8)}.not-found__card{background:var(--color-bg-card);border:2px solid var(--color-border-primary);border-radius:var(--card-radius);padding:var(--spacing-12);text-align:center;max-width:480px;width:100%}.not-found__icon{width:72px;height:72px;background:var(--color-bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-8)}.not-found__icon svg{width:32px;height:32px;color:var(--color-brand)}.not-found__code{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.not-found__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.not-found__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-8);line-height:var(--line-height-normal)}.not-found__actions{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (max-width: 1024px){.not-found__card{padding:var(--spacing-10)}}@media (max-width: 480px){.not-found{padding:var(--spacing-6)}.not-found__card{padding:var(--spacing-8)}.not-found__icon{width:56px;height:56px}.not-found__icon svg{width:24px;height:24px}.not-found__code{font-size:var(--font-size-2xl)}.not-found__title{font-size:var(--font-size-lg)}}.progress{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.progress__header h1{margin:0 0 8px}.progress__subtitle{color:var(--color-text-secondary);margin:0}.progress__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:24px}.progress__card h2{font-size:var(--font-size-lg);margin:0 0 16px}.progress__helper{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 16px}.progress__stats{display:flex;gap:32px}.progress__stat{display:flex;flex-direction:column;gap:4px}.progress__stat--primary .progress__stat-value{font-size:48px;font-weight:var(--font-weight-bold)}.progress__stat--secondary{flex-direction:row;align-items:baseline;gap:8px}.progress__stat-value{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.progress__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress__encouragement{margin-top:16px;font-weight:var(--font-weight-medium);color:var(--color-success)}.progress__empty{text-align:center;padding:24px;color:var(--color-text-secondary)}.progress__loading{align-items:center}.progress__catalog{margin-top:8px}.badge-grid__title{font-size:var(--font-size-md);margin:0 0 12px}.badge-grid__empty{color:var(--color-text-muted);font-size:var(--font-size-sm)}.badge-grid__items{display:flex;flex-wrap:wrap;gap:12px}.badge-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-bg-hover-subtle);opacity:.5;filter:grayscale(.8);transition:all var(--transition-fast)}.badge-card--earned{opacity:1;filter:none;background:linear-gradient(135deg,#fff9c4,#ffe082)}.badge-card__icon{font-size:24px}.badge-card__name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-card__criteria{font-size:10px;color:var(--color-text-muted)}.personal-progress__streak{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;margin-top:16px;background:var(--color-bg-hover-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.streak-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-brand)}.streak-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.streak-message{font-size:var(--font-size-sm);color:var(--color-text-primary)}.streak-best{font-size:var(--font-size-xs);color:var(--color-text-muted)}.streak-grace{font-size:var(--font-size-xs);color:var(--color-success)}.privacy-settings__option{margin-bottom:16px}.privacy-settings__label{display:flex;align-items:center;gap:12px;cursor:pointer}.privacy-settings__label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.privacy-settings__warning{margin:8px 0 0 30px;font-size:var(--font-size-sm);color:var(--color-warning)}.privacy-settings__saving{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){.progress__grid{grid-template-columns:1fr}.progress__stats{flex-direction:column;gap:16px}}@media (max-width: 480px){.progress__card{padding:16px}.progress__stat--primary .progress__stat-value{font-size:36px}}.session-expired-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6);background-color:var(--color-bg-page)}.session-expired-page__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);width:100%;max-width:480px;text-align:center}@media (min-width: 481px){.session-expired-page__content{background-color:var(--color-bg-card);border:var(--border-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-12);gap:var(--spacing-8)}}.session-expired-page__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-info-soft);color:var(--color-info)}@media (min-width: 481px){.session-expired-page__icon{width:64px;height:64px}.session-expired-page__icon svg{width:32px;height:32px}}.session-expired-page__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media (min-width: 481px){.session-expired-page__title{font-size:var(--font-size-2xl)}}.session-expired-page__body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.5;margin:0}.session-expired-page__hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:var(--color-success-soft);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);width:100%}.session-expired-page__hint svg{flex-shrink:0}.session-expired-page__buttons{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}@media (max-width: 480px){.session-expired-page__buttons button{min-height:52px}}@media (min-width: 481px){.session-expired-page__buttons button{min-height:48px}.session-expired-page__buttons{gap:var(--spacing-5)}}.session-expired-page__buttons .text-link{min-height:44px;display:flex;align-items:center;justify-content:center}.shopping-detail{display:flex;justify-content:center;width:100%;padding:32px 24px}.shopping-detail__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.shopping-detail__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.shopping-detail__back:hover{color:var(--color-brand)}.shopping-detail__back svg{flex-shrink:0}.shopping-detail__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shopping-detail__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.shopping-detail__count{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.shopping-detail__header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.shopping-detail__header-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.shopping-detail__header-btn svg{flex-shrink:0}.shopping-detail__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.shopping-detail__divider{height:1px;background:var(--color-border-subtle)}.shopping-detail__add-form{border-bottom:1px solid var(--color-border-subtle)}.shopping-detail__add-row{display:flex;align-items:center;gap:8px;padding:12px 14px}.shopping-detail__add-input{flex:1;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:transparent;border:none;outline:none;padding:0}.shopping-detail__add-input::placeholder{color:var(--color-text-muted)}.shopping-detail__add-input:disabled{opacity:.5}.shopping-detail__add-quantity,.shopping-detail__add-unit{height:32px;min-width:0;padding:0 8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card)}.shopping-detail__add-quantity{width:64px}.shopping-detail__add-unit{width:72px}.shopping-detail__add-quantity:focus,.shopping-detail__add-unit:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft)}.shopping-detail__add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-brand);border:none;border-radius:var(--radius-md);color:var(--color-text-on-brand);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);flex-shrink:0}.shopping-detail__add-btn:hover:not(:disabled){background:var(--color-brand-dark)}.shopping-detail__add-btn:disabled{opacity:.5;cursor:not-allowed}.shopping-detail__details-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.shopping-detail__details-btn:hover:not(:disabled),.shopping-detail__details-btn--active{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand)}.shopping-detail__details-btn:disabled{opacity:.5;cursor:not-allowed}.shopping-detail__add-details{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr) minmax(180px,1fr);gap:12px;padding:0 14px 12px}.shopping-detail__add-error{padding:8px 14px;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-error);background:#ef44441a;border-bottom:1px solid var(--color-border-subtle)}.shopping-detail__controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-hover-subtle)}.shopping-detail__field{display:flex;flex-direction:column;gap:4px;min-width:140px}.shopping-detail__field--source-filter{min-width:180px;flex:1}.shopping-detail__field--task{min-width:180px}.shopping-detail__field-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.shopping-detail__select,.shopping-detail__text-input{height:36px;width:100%;min-width:0;padding:0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.shopping-detail__select{padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.shopping-detail__text-input::placeholder{color:var(--color-text-muted)}.shopping-detail__select:hover:not(:disabled),.shopping-detail__text-input:hover:not(:disabled){border-color:var(--color-text-secondary)}.shopping-detail__select:focus,.shopping-detail__text-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft)}.shopping-detail__select:disabled,.shopping-detail__text-input:disabled{opacity:.5;cursor:not-allowed}.shopping-detail__clear-filters{height:36px;padding:0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.shopping-detail__clear-filters:hover{border-color:var(--color-brand);color:var(--color-brand)}.shopping-detail__section--purchased{background:var(--color-bg-hover-subtle)}.shopping-detail__section-divider{display:flex;align-items:center;padding:8px 14px;background:var(--color-bg-hover-subtle);border-top:1px solid var(--color-border-subtle)}.shopping-detail__section-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.shopping-detail__group+.shopping-detail__group{border-top:1px solid var(--color-border-subtle)}.shopping-detail__group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:8px 14px;background:var(--color-bg-hover-subtle)}.shopping-detail__group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.shopping-detail__group-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);font-family:var(--font-family-body);font-size:var(--font-size-xs);flex-shrink:0}.shopping-detail__item{display:flex;align-items:center;gap:12px;padding:12px 14px;transition:opacity var(--transition-fast)}.shopping-detail__item--purchased{opacity:.6}.shopping-detail__item--saving{opacity:.5;pointer-events:none}.shopping-detail__checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:2px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.shopping-detail__checkbox:hover:not(:disabled){border-color:var(--color-brand)}.shopping-detail__checkbox--checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.shopping-detail__checkbox:disabled{cursor:not-allowed;opacity:.5}.shopping-detail__item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.shopping-detail__item-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-detail__item-name--purchased{text-decoration:line-through;color:var(--color-text-secondary)}.shopping-detail__item-meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.shopping-detail__item-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.shopping-detail__badge{display:inline-flex;align-items:center;max-width:100%;min-height:22px;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:1.3;overflow-wrap:anywhere}.shopping-detail__badge--category{color:var(--color-brand);background:var(--color-brand-soft)}.shopping-detail__badge--source{color:var(--color-text-secondary);background:var(--color-bg-hover-subtle);border:1px solid var(--color-border-subtle)}.shopping-detail__item-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.shopping-detail__item-actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.shopping-detail__item:hover .shopping-detail__item-actions{opacity:1}.shopping-detail__metadata-btn,.shopping-detail__delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.shopping-detail__metadata-btn:hover:not(:disabled){background:var(--color-brand-soft);color:var(--color-brand)}.shopping-detail__delete-btn:hover:not(:disabled){background:#ef44441a;color:var(--color-error)}.shopping-detail__delete-btn:disabled{cursor:not-allowed;opacity:.3}.shopping-detail__metadata-btn:disabled{cursor:not-allowed;opacity:.3}.shopping-detail__task-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-brand);text-decoration:none;padding:2px 6px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.shopping-detail__task-link:hover{background-color:var(--color-bg-hover-subtle)}.shopping-detail__item-marketplaces{display:inline-flex;align-items:center;gap:4px}.shopping-detail__marketplace-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.shopping-detail__marketplace-link:hover{background-color:var(--color-bg-hover-subtle);color:var(--color-brand)}.shopping-detail__marketplace-link img{width:14px;height:14px;object-fit:contain}.shopping-detail__item--purchased .shopping-detail__item-marketplaces{display:none}.shopping-detail__start-modal{display:flex;flex-direction:column;gap:var(--spacing-4)}.shopping-detail__start-modal-info{color:var(--color-text-secondary);line-height:1.5}.shopping-detail__start-modal-info strong{color:var(--color-text-primary)}.shopping-detail__start-modal-error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-2);background-color:var(--color-error-bg, rgba(239, 68, 68, .1));border-radius:var(--radius-sm)}.shopping-detail__start-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-2)}.shopping-detail__metadata-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.shopping-detail__skeleton-header{display:flex;flex-direction:column;gap:12px}.shopping-detail__skeleton-title{height:32px;width:60%;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite}.shopping-detail__skeleton-desc{height:20px;width:120px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite}.shopping-detail__skeleton-input{height:32px;width:100%;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite}.shopping-detail__skeleton-item{display:flex;align-items:center;gap:12px;padding:12px 14px}.shopping-detail__skeleton-checkbox{width:22px;height:22px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite}.shopping-detail__skeleton-name{height:16px;width:60%;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite}.shopping-detail__skeleton-action{width:32px;height:32px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-detail-pulse 1.5s ease-in-out infinite;margin-left:auto}@keyframes shopping-detail-pulse{0%,to{opacity:1}50%{opacity:.5}}.shopping-detail__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.shopping-detail__error-icon{color:var(--color-warning)}.shopping-detail__error-content{display:flex;flex-direction:column;gap:4px}.shopping-detail__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.shopping-detail__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.shopping-detail__not-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.shopping-detail__not-found-icon{color:var(--color-text-secondary)}.shopping-detail__not-found-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.shopping-detail__not-found-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.shopping-detail__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.shopping-detail__empty-icon{color:var(--color-text-secondary)}.shopping-detail__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.shopping-detail__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.shopping-detail__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.shopping-detail__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 1200px){.shopping-detail__wrapper{max-width:680px}}@media (max-width: 1024px){.shopping-detail__wrapper{max-width:640px}.shopping-detail{padding:24px}}@media (max-width: 768px){.shopping-detail{padding:20px 16px}.shopping-detail__wrapper{gap:20px}.shopping-detail__title{font-size:var(--font-size-xl)}.shopping-detail__header{flex-direction:column;align-items:flex-start;gap:8px}.shopping-detail__item{padding:10px 12px}.shopping-detail__add-row{padding:10px 12px;flex-wrap:wrap}.shopping-detail__add-input{flex-basis:100%}.shopping-detail__add-details{grid-template-columns:1fr;padding:0 12px 12px}.shopping-detail__controls{align-items:stretch}.shopping-detail__field{flex:1 1 180px}.shopping-detail__item-actions{opacity:1}}@media (max-width: 480px){.shopping-detail__checkbox{width:20px;height:20px}.shopping-detail__add-btn{width:28px;height:28px}.shopping-detail__add-btn svg{width:14px;height:14px}.shopping-detail__delete-btn,.shopping-detail__metadata-btn{width:28px;height:28px}.shopping-detail__delete-btn svg{width:14px;height:14px}.shopping-detail__metadata-btn svg{width:14px;height:14px}.shopping-detail__controls{flex-direction:column;align-items:stretch}.shopping-detail__field{min-width:100%}.shopping-detail__clear-filters{width:100%}.shopping-detail__error,.shopping-detail__not-found,.shopping-detail__empty{padding:24px 16px}}.shopping-run{display:flex;justify-content:center;width:100%;padding:32px 24px}.shopping-run__wrapper{display:flex;flex-direction:column;gap:20px;width:100%;max-width:680px}.shopping-run__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.shopping-run__back:hover{color:var(--color-brand)}.shopping-run__back svg{flex-shrink:0}.shopping-run__header{display:flex;align-items:center;gap:12px}.shopping-run__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.shopping-run__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.shopping-run__badge--completed{background:#e8f5e9;color:var(--color-success)}.shopping-run__badge--cancelled{background:#fafafa;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.shopping-run__progress-section{display:flex;flex-direction:column;gap:8px}.shopping-run__progress-text{display:flex;align-items:baseline;gap:8px}.shopping-run__progress-count{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.shopping-run__progress-skipped{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.shopping-run__progress-bar{height:8px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-full);overflow:hidden}.shopping-run__progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-fast)}.shopping-run__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.shopping-run__divider{height:1px;background:var(--color-border-subtle)}.shopping-run__item{display:flex;align-items:center;gap:12px;padding:12px 14px;transition:opacity var(--transition-fast)}.shopping-run__item--purchased{opacity:.6}.shopping-run__item--updating{opacity:.5;pointer-events:none}.shopping-run__checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:2px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.shopping-run__checkbox:hover:not(:disabled){border-color:var(--color-brand)}.shopping-run__checkbox--checked{background:var(--color-success);border-color:var(--color-success);color:#fff}.shopping-run__checkbox:disabled{cursor:not-allowed;opacity:.5}.shopping-run__item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.shopping-run__item-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-run__item-name--purchased{text-decoration:line-through;color:var(--color-text-secondary)}.shopping-run__item-meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.shopping-run__empty,.shopping-run__error{padding:24px 16px;text-align:center;color:var(--color-text-secondary)}.shopping-run__error{display:flex;flex-direction:column;align-items:center;gap:12px}.shopping-run__actions{display:flex;justify-content:flex-end;gap:12px}.shopping-run__summary{display:flex;justify-content:center;gap:32px;padding:16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.shopping-run__summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.shopping-run__summary-value{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.shopping-run__summary-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shopping-run__modal{display:flex;flex-direction:column;gap:16px}.shopping-run__modal-info{color:var(--color-text-secondary);line-height:1.5}.shopping-run__modal-info strong{color:var(--color-text-primary)}.shopping-run__modal-actions{display:flex;justify-content:flex-end;gap:8px}.shopping-run__skeleton-back,.shopping-run__skeleton-header,.shopping-run__skeleton-progress,.shopping-run__skeleton-item{background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-run-pulse 1.5s ease-in-out infinite}.shopping-run__skeleton-back{width:140px;height:18px}.shopping-run__skeleton-header{width:220px;height:28px}.shopping-run__skeleton-progress{height:40px}.shopping-run__skeleton-item{height:46px;margin:8px 0}@keyframes shopping-run-pulse{0%,to{opacity:1}50%{opacity:.5}}.shopping-lists{display:flex;justify-content:center;width:100%;padding:32px 24px}.shopping-lists__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.shopping-lists__section{display:flex;flex-direction:column;gap:12px}.shopping-lists__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.shopping-lists__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.shopping-lists__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.shopping-lists__divider{height:1px;background:var(--color-border-subtle)}.shopping-lists__item{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:background var(--transition-fast)}.shopping-lists__item:hover{background:var(--color-bg-hover-subtle)}.shopping-lists__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-text-primary);border-radius:var(--radius-md);flex-shrink:0;color:var(--color-brand)}.shopping-lists__item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.shopping-lists__item-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-lists__item-meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.shopping-lists__item-badge{display:flex;align-items:center;gap:8px;flex-shrink:0}.shopping-lists__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-brand);border-radius:10px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-on-brand)}.shopping-lists__item-chevron{color:var(--color-text-muted);transition:color var(--transition-fast)}.shopping-lists__item:hover .shopping-lists__item-chevron{color:var(--color-text-secondary)}.shopping-lists__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.shopping-lists__skeleton{display:flex;align-items:center;gap:12px;padding:14px}.shopping-lists__skeleton-icon{width:36px;height:36px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-md);animation:shopping-lists-pulse 1.5s ease-in-out infinite}.shopping-lists__skeleton-content{display:flex;flex-direction:column;gap:8px;flex:1}.shopping-lists__skeleton-line{height:14px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:shopping-lists-pulse 1.5s ease-in-out infinite}.shopping-lists__skeleton-line--short{width:100px;height:12px}@keyframes shopping-lists-pulse{0%,to{opacity:1}50%{opacity:.5}}.shopping-lists__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.shopping-lists__error-icon{color:var(--color-warning)}.shopping-lists__error-content{display:flex;flex-direction:column;gap:4px}.shopping-lists__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.shopping-lists__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.shopping-lists__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.shopping-lists__empty-icon{color:var(--color-text-secondary)}.shopping-lists__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.shopping-lists__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;max-width:280px;margin:0}.shopping-lists__create-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.shopping-lists__field{display:flex;flex-direction:column;gap:4px}.shopping-lists__field-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.shopping-lists__text-input{height:38px;width:100%;min-width:0;padding:0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.shopping-lists__text-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft)}.shopping-lists__field-hint{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.shopping-lists__form-error{margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-error);background:#ef44441a}.shopping-lists__modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-2)}.shopping-lists__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.shopping-lists__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 1200px){.shopping-lists__wrapper{max-width:680px}}@media (max-width: 1024px){.shopping-lists__wrapper{max-width:640px}.shopping-lists{padding:24px}}@media (max-width: 768px){.shopping-lists{padding:20px 16px}.shopping-lists__wrapper{gap:20px}.shopping-lists__section{gap:10px}.shopping-lists__section-title{font-size:var(--font-size-sm)}.shopping-lists__item,.shopping-lists__skeleton{padding:12px}}@media (max-width: 480px){.shopping-lists__item-icon{width:32px;height:32px}.shopping-lists__item-icon svg{width:16px;height:16px}.shopping-lists__skeleton-icon{width:32px;height:32px}.shopping-lists__empty,.shopping-lists__error{padding:20px 16px}}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6);background-color:var(--color-bg-page)}.unauthorized-page__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8);width:100%;max-width:360px;text-align:center}@media (max-width: 480px){.unauthorized-page__content{max-width:100%}}.unauthorized-page__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-info-soft);color:var(--color-info)}@media (min-width: 481px){.unauthorized-page__icon{width:64px;height:64px}.unauthorized-page__icon svg{width:28px;height:28px}}.unauthorized-page__text{display:flex;flex-direction:column;gap:var(--spacing-3)}.unauthorized-page__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media (min-width: 481px){.unauthorized-page__title{font-size:var(--font-size-xl)}}.unauthorized-page__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.5;margin:0}.unauthorized-page__buttons{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}@media (max-width: 480px){.unauthorized-page__buttons button{min-height:52px}}@media (min-width: 481px){.unauthorized-page__buttons button{min-height:48px}}.access-denied-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-6);background-color:var(--color-bg-page)}.access-denied-page__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8);width:100%;max-width:400px;text-align:center}@media (max-width: 480px){.access-denied-page__content{max-width:100%}}@media (min-width: 481px) and (max-width: 1024px){.access-denied-page__content{max-width:380px}}.access-denied-page__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-warning-soft);color:var(--color-warning)}@media (min-width: 481px){.access-denied-page__icon{width:64px;height:64px}.access-denied-page__icon svg{width:28px;height:28px}}.access-denied-page__text{display:flex;flex-direction:column;gap:var(--spacing-3)}.access-denied-page__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}@media (min-width: 481px){.access-denied-page__title{font-size:var(--font-size-xl)}}.access-denied-page__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.5;margin:0}.access-denied-page__buttons{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}@media (max-width: 480px){.access-denied-page__buttons button{min-height:52px}}@media (min-width: 481px){.access-denied-page__buttons button{min-height:48px}}.access-denied-page__support{font-size:var(--font-size-xs)}.task-detail{display:flex;justify-content:center;width:100%;padding:32px 24px}.task-detail__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.task-detail__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.task-detail__back:hover{color:var(--color-brand)}.task-detail__back svg{flex-shrink:0}.task-detail__header{display:flex;flex-direction:column;gap:12px}.task-detail__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.task-detail__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.task-detail__title--done{color:var(--color-text-secondary);text-decoration:line-through}.task-detail__status{flex-shrink:0}.task-detail__description{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.task-detail__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.task-detail__divider{height:1px;background:var(--color-border-subtle)}.task-detail__row{display:flex;align-items:center;gap:12px;padding:14px}.task-detail__row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-md);flex-shrink:0;color:var(--color-text-secondary)}.task-detail__row-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.task-detail__row-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.task-detail__row-value{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.task-detail__row-value--muted{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.task-detail__row-value--overdue{color:var(--color-error)}.task-detail__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-brand);border-radius:var(--radius-full);flex-shrink:0;font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-on-brand);text-transform:uppercase}.task-detail__badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.task-detail__badge--open{background:#e3f2fd;color:var(--color-info)}.task-detail__badge--in_progress{background:#fff3e0;color:var(--color-warning)}.task-detail__badge--done{background:#e8f5e9;color:var(--color-success)}.task-detail__badge--cancelled{background:#fafafa;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.task-detail__meta{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--color-bg-hover-subtle)}.task-detail__meta-row{display:flex;align-items:center;gap:8px;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.task-detail__meta-row svg{flex-shrink:0;color:var(--color-text-muted)}.task-detail__skeleton-header{display:flex;flex-direction:column;gap:12px}.task-detail__skeleton-title{height:32px;width:60%;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:task-detail-pulse 1.5s ease-in-out infinite}.task-detail__skeleton-desc{height:20px;width:80%;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:task-detail-pulse 1.5s ease-in-out infinite}.task-detail__skeleton-row{display:flex;align-items:center;gap:12px;padding:14px}.task-detail__skeleton-icon{width:36px;height:36px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-md);animation:task-detail-pulse 1.5s ease-in-out infinite}.task-detail__skeleton-content{display:flex;flex-direction:column;gap:6px;flex:1}.task-detail__skeleton-label{height:10px;width:60px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:task-detail-pulse 1.5s ease-in-out infinite}.task-detail__skeleton-value{height:16px;width:120px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:task-detail-pulse 1.5s ease-in-out infinite}@keyframes task-detail-pulse{0%,to{opacity:1}50%{opacity:.5}}.task-detail__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.task-detail__error-icon{color:var(--color-warning)}.task-detail__error-content{display:flex;flex-direction:column;gap:4px}.task-detail__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.task-detail__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.task-detail__not-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.task-detail__not-found-icon{color:var(--color-text-secondary)}.task-detail__not-found-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.task-detail__not-found-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.task-detail__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.task-detail__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.task-detail__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;margin-bottom:12px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.task-detail__section-title{display:flex;align-items:center;gap:12px}.task-detail__shopping-item{display:flex;align-items:center;gap:12px;padding:12px 16px}.task-detail__shopping-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.task-detail__shopping-link:hover .task-detail__shopping-name{color:var(--color-brand)}.task-detail__shopping-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-medium)}.task-detail__shopping-name--purchased{text-decoration:line-through;opacity:.6}.task-detail__shopping-meta{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.task-detail__shopping-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.task-detail__shopping-badge{display:inline-flex;align-items:center;max-width:160px;min-height:22px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.3;color:var(--color-brand);background:var(--color-brand-soft);overflow-wrap:anywhere}.task-detail__shopping-badge--source{color:var(--color-text-secondary);background:var(--color-bg-hover-subtle);border:1px solid var(--color-border-subtle)}.task-detail__shopping-check{color:var(--color-success);flex-shrink:0}.task-detail__shopping-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.task-detail__shopping-empty p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.task-detail__shopping-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.task-detail__field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-detail__field{display:flex;flex-direction:column;gap:4px;min-width:0}.task-detail__field-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.task-detail__select,.task-detail__text-input{height:36px;width:100%;min-width:0;padding:0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.task-detail__select{padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.task-detail__select:focus,.task-detail__text-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-soft)}.task-detail__form-error{margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-error);background:#ef44441a}.task-detail__modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-2)}@media (max-width: 1200px){.task-detail__wrapper{max-width:680px}}@media (max-width: 1024px){.task-detail__wrapper{max-width:640px}.task-detail{padding:24px}}@media (max-width: 768px){.task-detail{padding:20px 16px}.task-detail__wrapper{gap:20px}.task-detail__title{font-size:var(--font-size-xl)}.task-detail__header-row{flex-direction:column;align-items:flex-start;gap:12px}.task-detail__row{padding:12px}.task-detail__row-icon{width:32px;height:32px}.task-detail__avatar{width:32px;height:32px;font-size:10px}.task-detail__meta{padding:12px}.task-detail__section-header,.task-detail__shopping-item,.task-detail__shopping-link{align-items:flex-start;flex-direction:column}.task-detail__field-row{grid-template-columns:1fr}}@media (max-width: 480px){.task-detail__badge{padding:4px 10px;font-size:10px}.task-detail__error,.task-detail__not-found{padding:24px 16px}}.tasks{display:flex;justify-content:center;width:100%;padding:32px 24px}.tasks__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px}.tasks__section{display:flex;flex-direction:column;gap:16px}.tasks__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tasks__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.tasks__section-actions{display:flex;align-items:center;gap:8px}.tasks__filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tasks__filter{display:flex;flex-direction:column;gap:4px;min-width:140px}.tasks__filter-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.tasks__filter-select{height:36px;padding:0 32px 0 12px;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.tasks__filter-select:hover{border-color:var(--color-text-secondary)}.tasks__filter-select:focus{outline:none;border-color:var(--color-brand)}.tasks__filter-select--active{border-color:var(--color-brand);background-color:var(--color-brand-soft)}.tasks__filters-loading{display:flex;align-items:center;gap:8px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tasks__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.tasks__divider{height:1px;background:var(--color-border-subtle)}.tasks__item{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;transition:background-color var(--transition-fast)}.tasks__item:hover{background:var(--color-bg-hover-subtle)}.tasks__item-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);flex-shrink:0;cursor:pointer;transition:all var(--transition-fast)}.tasks__item-checkbox:hover{border-color:var(--color-brand)}.tasks__item-checkbox--done{background:var(--color-success);border-color:var(--color-success)}.tasks__item-checkbox--done svg{color:#fff}.tasks__item-checkbox--loading{border-color:var(--color-brand);cursor:wait}.tasks__item-checkbox-spinner{width:12px;height:12px;border:2px solid var(--color-brand);border-top-color:transparent;border-radius:50%;animation:checkbox-spin .6s linear infinite}@keyframes checkbox-spin{to{transform:rotate(360deg)}}.tasks__item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.tasks__item-title{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks__item-title--done{color:var(--color-text-secondary);text-decoration:line-through}.tasks__item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tasks__item-zone,.tasks__item-assignee,.tasks__item-deadline{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tasks__item-deadline--overdue{color:var(--color-error)}.tasks__item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tasks__badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;font-family:var(--font-family-body);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:capitalize}.tasks__badge--open{background:#e3f2fd;color:var(--color-info)}.tasks__badge--in_progress{background:#fff3e0;color:var(--color-warning)}.tasks__badge--done{background:#e8f5e9;color:var(--color-success)}.tasks__badge--cancelled{background:#fafafa;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.tasks__skeleton{display:flex;align-items:center;gap:12px;padding:14px}.tasks__skeleton-checkbox{width:20px;height:20px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:tasks-pulse 1.5s ease-in-out infinite}.tasks__skeleton-content{display:flex;flex-direction:column;gap:8px;flex:1}.tasks__skeleton-line{height:14px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:tasks-pulse 1.5s ease-in-out infinite}.tasks__skeleton-line--short{width:180px;height:12px}.tasks__skeleton-badge{width:60px;height:20px;background:var(--color-bg-hover-subtle);border-radius:10px;animation:tasks-pulse 1.5s ease-in-out infinite}@keyframes tasks-pulse{0%,to{opacity:1}50%{opacity:.5}}.tasks__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.tasks__error-icon{color:var(--color-warning)}.tasks__error-content{display:flex;flex-direction:column;gap:4px}.tasks__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.tasks__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.tasks__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.tasks__empty-icon{color:var(--color-text-secondary)}.tasks__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.tasks__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;max-width:300px;margin:0}.tasks__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.tasks__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.tasks__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.tasks__active-filters{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-brand-soft);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-brand)}.tasks__clear-filters{padding:2px 6px;background:transparent;border:1px solid var(--color-brand);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-brand);cursor:pointer;transition:all var(--transition-fast)}.tasks__clear-filters:hover{background:var(--color-brand);color:var(--color-text-on-brand)}@media (max-width: 1200px){.tasks__wrapper{max-width:800px}}@media (max-width: 1024px){.tasks__wrapper{max-width:720px}.tasks{padding:24px}}@media (max-width: 768px){.tasks{padding:20px 16px}.tasks__wrapper{gap:20px}.tasks__section{gap:12px}.tasks__section-header{flex-direction:column;align-items:stretch;gap:12px}.tasks__section-title{font-size:var(--font-size-sm)}.tasks__filters{flex-direction:column;align-items:stretch}.tasks__filter{min-width:100%}.tasks__item,.tasks__skeleton{padding:12px}.tasks__item-meta{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.tasks__section-actions{width:100%}.tasks__section-actions .btn{flex:1}.tasks__item-actions{display:none}.tasks__badge{font-size:9px;padding:2px 6px}.tasks__empty,.tasks__error{padding:24px 16px}}.routine-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em}.routine-status-badge--active{background-color:var(--color-success-soft);color:var(--color-success-text)}.routine-status-badge--paused{background-color:var(--color-warning-soft);color:var(--color-warning-text)}.routine-status-badge--deleted{background-color:var(--color-error-soft);color:var(--color-error-text)}.pause-confirm{padding:var(--spacing-2) 0}.pause-confirm__message{margin:0 0 var(--spacing-2);color:var(--color-text-primary);line-height:1.5;font-size:var(--font-size-sm)}.pause-confirm__name{margin:0 0 var(--spacing-6);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pause-confirm__actions{display:flex;justify-content:flex-end;gap:var(--spacing-4)}.pause-confirm__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:2px solid #EAB308;background:#eab308;color:#1a1a1a;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.pause-confirm__btn:hover{background:#ca9a06;border-color:#ca9a06}.pause-confirm__btn:active{background:#a37e05;border-color:#a37e05}@media (max-width: 480px){.pause-confirm__actions{flex-direction:column-reverse;align-items:stretch}}.routine-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.routine-row__main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.routine-row__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:150px;flex-shrink:0}.routine-row__expand-btn{background:none;border:none;padding:4px 8px;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-shrink:0}.routine-row__expand-btn:hover{color:var(--color-text-primary)}.routine-row__zone,.routine-row__frequency,.routine-row__policy{color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:100px}.routine-row__actions{display:flex;gap:8px;flex-shrink:0}.routine-row__btn{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--color-border-subtle);background:var(--color-bg-card);transition:background-color var(--transition-fast)}.routine-row__btn:hover{background-color:var(--color-bg-hover-subtle)}.routine-row__btn--delete{color:var(--color-error-text);border-color:var(--color-error-soft)}.routine-row__btn--delete:hover{background-color:var(--color-error-soft)}@media (max-width: 768px){.routine-row{flex-direction:column;align-items:flex-start}.routine-row__main{flex-wrap:wrap}}.routine-form{display:flex;flex-direction:column;gap:var(--spacing-7)}.routine-form__section{display:flex;flex-direction:column;gap:var(--spacing-3)}.routine-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.routine-form__required{color:var(--color-error-text)}.routine-form__optional{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.routine-form__input,.routine-form__select,.routine-form__textarea{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--font-size-sm);font-family:var(--font-family-body);background:var(--color-bg-card);color:var(--color-text-primary)}.routine-form__textarea{resize:vertical}.routine-form__input--error{border-color:var(--color-error-text);background:var(--color-error-soft)}.routine-form__radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.routine-form__radio{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.routine-form__radio input[type=radio]{accent-color:var(--color-brand);width:16px;height:16px;cursor:pointer}.routine-form__subsection{margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.routine-form__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.routine-form__checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-3)}.routine-form__checkbox{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.routine-form__checkbox input[type=checkbox]{accent-color:var(--color-brand);width:16px;height:16px;cursor:pointer}.routine-form__error{color:var(--color-error-text);font-size:var(--font-size-xs)}.routine-form__error-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-error-soft);border:1px solid var(--color-error-text);border-radius:var(--radius-md);color:var(--color-error-text);font-size:var(--font-size-sm)}.routine-form__error-icon{flex-shrink:0;font-size:var(--font-size-md)}.routine-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-2)}@media (max-width: 640px){.routine-form__checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-form__actions{flex-direction:column-reverse;align-items:stretch}}.delete-routine{display:flex;flex-direction:column;gap:var(--spacing-4)}.delete-routine__message{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm)}.delete-routine__name{margin:0;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.delete-routine__error{display:flex;align-items:center;gap:var(--spacing-3);padding:12px 16px;background:var(--color-error-soft);color:var(--color-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.delete-routine__error-icon{flex-shrink:0}.delete-routine__actions{display:flex;justify-content:flex-end;gap:var(--spacing-4)}@media (max-width: 480px){.delete-routine__actions{flex-direction:column-reverse;align-items:stretch}}.upcoming-instances{padding:var(--spacing-5) var(--spacing-6);background:var(--color-bg-hover-subtle);border-top:1px solid var(--color-border-subtle)}.upcoming-instances__title{margin:0 0 var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.upcoming-instances__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.upcoming-instances__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-muted)}.upcoming-instances__date{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.upcoming-instances__assignee{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upcoming-instances__empty{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.upcoming-instances--loading .upcoming-instances__skeleton{height:40px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.upcoming-instances--error{color:var(--color-error-text)}.upcoming-instances--paused{background:var(--color-warning-soft)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.routines{display:flex;justify-content:center;width:100%;padding:32px 24px}.routines__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px}.routines__section{display:flex;flex-direction:column;gap:16px}.routines__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.routines__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.routines__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.routines__divider{height:1px;background:var(--color-border-subtle)}.routines__empty-page{padding:24px;text-align:center;color:var(--color-text-secondary)}.routines__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center}.routines__empty-title{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.routines__empty-desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.routines__error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}.routines__error-content{display:flex;flex-direction:column}.routines__error-title{margin:0 0 6px;font-size:var(--font-size-md);color:var(--color-text-primary)}.routines__error-message{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.routines__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.routines__skeleton{display:flex;flex-direction:column;gap:8px;padding:16px}.routines__skeleton-line{height:12px;background:var(--color-border-muted);border-radius:var(--radius-sm)}.routines__skeleton-line--short{width:60%}@media (max-width: 768px){.routines{padding:24px 16px}}.create-zone-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:czm-backdrop-in .15s ease-out}.create-zone-modal__card{width:440px;max-width:calc(100vw - var(--spacing-8));max-height:calc(100vh - var(--spacing-12));background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-modal);animation:czm-panel-in .2s ease-out;outline:none}.create-zone-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6) var(--spacing-6)}.create-zone-modal__header-left{display:flex;align-items:center;gap:var(--spacing-4)}.create-zone-modal__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-text-primary);border-radius:var(--radius-md);flex-shrink:0}.create-zone-modal__icon svg{color:var(--color-brand)}.create-zone-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.create-zone-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.create-zone-modal__close:hover{background:var(--color-bg-hover-subtle);color:var(--color-text-primary)}.create-zone-modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.create-zone-modal__divider{height:1px;background:var(--color-border-primary);flex-shrink:0}.create-zone-modal__body{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);overflow-y:auto}.create-zone-modal__microcopy{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin:0}.create-zone-modal__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.create-zone-modal__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-zone-modal__input{width:100%;height:44px;padding:0 var(--spacing-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-card);transition:border-color var(--transition-fast)}.create-zone-modal__input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.create-zone-modal__input:focus{outline:none;border-color:var(--color-brand)}.create-zone-modal__input:disabled{background:var(--color-bg-hover-subtle);color:var(--color-text-secondary);opacity:.5}.create-zone-modal__input--error{border-color:var(--color-error)}.create-zone-modal__input--error:focus{border-color:var(--color-error)}.create-zone-modal__error{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-error)}.create-zone-modal__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.create-zone-modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6)}@media (max-width: 480px){.create-zone-modal__backdrop{align-items:flex-end}.create-zone-modal__card{width:100%;max-width:none;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:czm-slide-up .2s ease-out}.create-zone-modal__header:before{content:"";position:absolute;top:var(--spacing-3);left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-border-primary);border-radius:var(--radius-full)}.create-zone-modal__header{position:relative;padding-top:var(--spacing-8)}.create-zone-modal__close{width:44px;height:44px}.create-zone-modal__input{height:48px;font-size:var(--font-size-md)}.create-zone-modal__footer{flex-direction:column;padding:var(--spacing-5) var(--spacing-6) var(--spacing-10);gap:var(--spacing-4)}.create-zone-modal__footer .btn{width:100%;height:52px}.create-zone-modal__footer .btn--primary{order:-1}}@keyframes czm-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes czm-panel-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes czm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.zones{display:flex;justify-content:center;width:100%;padding:32px 24px}.zones__wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:720px}.zones__section{display:flex;flex-direction:column;gap:12px}.zones__section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.zones__section-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0}.zones__card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.zones__divider{height:1px;background:var(--color-border-subtle)}.zones__item{display:flex;align-items:center;gap:12px;padding:14px}.zones__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-text-primary);border-radius:var(--radius-md);flex-shrink:0;color:var(--color-brand)}.zones__item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.zones__item-name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zones__item-meta{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.zones__hint{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.zones__skeleton{display:flex;align-items:center;gap:12px;padding:14px}.zones__skeleton-icon{width:36px;height:36px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-md);animation:zones-pulse 1.5s ease-in-out infinite}.zones__skeleton-content{display:flex;flex-direction:column;gap:8px;flex:1}.zones__skeleton-line{height:14px;background:var(--color-bg-hover-subtle);border-radius:var(--radius-sm);animation:zones-pulse 1.5s ease-in-out infinite}.zones__skeleton-line--short{width:100px;height:12px}@keyframes zones-pulse{0%,to{opacity:1}50%{opacity:.5}}.zones__error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.zones__error-icon{color:var(--color-warning)}.zones__error-content{display:flex;flex-direction:column;gap:4px}.zones__error-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.zones__error-message{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.zones__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center}.zones__empty-icon{color:var(--color-text-secondary)}.zones__empty-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.zones__empty-desc{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;max-width:280px;margin:0}.zones__empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.zones__empty-page p{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}@media (max-width: 1200px){.zones__wrapper{max-width:680px}}@media (max-width: 1024px){.zones__wrapper{max-width:640px}.zones{padding:24px}}@media (max-width: 768px){.zones{padding:20px 16px}.zones__wrapper{gap:20px}.zones__section{gap:10px}.zones__section-title{font-size:var(--font-size-sm)}.zones__item,.zones__skeleton{padding:12px}}@media (max-width: 480px){.zones__section-header{flex-direction:column;align-items:stretch;gap:10px}.zones__section-header .btn{width:100%}.zones__item-icon{width:32px;height:32px}.zones__item-icon svg{width:16px;height:16px}.zones__skeleton-icon{width:32px;height:32px}.zones__empty,.zones__error{padding:20px 16px}}:root{--color-bg-page: #F5F2ED;--color-bg-card: #FFFFFF;--color-bg-dark: #1A1A1A;--color-bg-hover: #E8E5E0;--color-bg-hover-subtle: #F9F7F4;--color-bg-pressed: #EBE8E3;--color-text-primary: #1A1A1A;--color-text-secondary: #888888;--color-text-muted: #BDBDBD;--color-text-inverse: #F5F2ED;--color-text-strikethrough: #999999;--color-brand: #C45A3B;--color-brand-hover: #A84A30;--color-brand-pressed: #8E3F28;--color-border-primary: #1A1A1A;--color-border-subtle: #E0DDD8;--color-border-muted: #F0EDE8;--color-error: #D84315;--color-error-soft: #FFEBE6;--color-error-text: #B91C1C;--color-success: #6B8E5E;--color-success-soft: #E8F0E5;--color-success-text: #166534;--color-warning: #E8A055;--color-warning-soft: #FDF4E8;--color-warning-text: #92400E;--color-info: #5B8FC4;--color-info-soft: #E8F1F8;--color-info-text: #0369A1;--color-neutral-soft: #F5F2ED;--color-focus-ring: rgba(196, 90, 59, .25);--spacing-0: 0;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 6px;--spacing-4: 8px;--spacing-5: 12px;--spacing-6: 16px;--spacing-7: 20px;--spacing-8: 24px;--spacing-9: 28px;--spacing-10: 32px;--spacing-11: 40px;--spacing-12: 48px;--spacing-13: 56px;--spacing-14: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--border-thin: 1px;--border-standard: 2px;--border-emphasis: 4px;--font-family-heading: "Space Grotesk", "DM Sans", system-ui, sans-serif;--font-family-body: "Inter", "IBM Plex Sans", system-ui, sans-serif;--font-family-mono: "IBM Plex Mono", "Source Code Pro", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 48px;--btn-height-xl: 52px;--btn-min-width: 80px;--btn-padding-x: 24px;--btn-padding-x-sm: 16px;--btn-radius: var(--radius-md);--input-height: 48px;--input-padding-x: 16px;--input-padding-y: 12px;--input-radius: var(--radius-md);--card-padding-sm: 24px;--card-padding-md: 40px;--card-padding-lg: 48px;--card-radius: var(--radius-lg);--card-gap: 32px;--auth-card-width: 420px;--auth-card-width-tablet: 400px;--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus-ring);--touch-target-min: 44px;--shadow-sm: 0 1px 2px rgba(18, 18, 18, .05);--shadow-md: 0 4px 12px rgba(18, 18, 18, .08);--shadow-lg: 0 10px 24px rgba(18, 18, 18, .08);--shadow-xl: 0 20px 40px rgba(18, 18, 18, .12);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}@media (max-width: 480px){.container{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 480px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}:root{color-scheme:light;font-family:var(--font-family-body);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-page)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg-page)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;overflow-x:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#faf7f0;border-bottom:1px solid #e2ddd3}.app-header__brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.app-header__menu-button{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:44px;height:44px;padding:0;border:1px solid #d6cec2;border-radius:8px;background:#fff;color:#1c2424;cursor:pointer}.app-header__menu-button:hover{border-color:#0b3d3a}.app-header__menu-button:focus-visible{outline:3px solid rgba(11,61,58,.2);outline-offset:2px}.app-header__menu-line{display:block;width:18px;height:2px;border-radius:999px;background:currentColor}.app-header__title{font-size:1.25rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.app-header__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.app-shell__body{display:grid;grid-template-columns:220px 1fr;min-height:0;position:relative}.app-sidebar{padding:20px;background:#fffdf8;border-right:1px solid #e7e1d7}.app-sidebar-backdrop{display:none}.app-sidebar__title{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#6a6257;margin-bottom:12px}.app-nav{display:grid;gap:8px}.nav-link{display:block;padding:10px 12px;border-radius:10px;background:transparent;color:#1f2a2a;transition:background .15s ease,color .15s ease}.nav-link.is-active{background:#e4f0ea;color:#0b3d3a;font-weight:600}.app-content{padding:24px}.page{max-width:960px}.card{margin-top:16px;padding:16px;border-radius:14px;background:#fff;border:1px solid #e7e1d7;box-shadow:0 10px 24px #12121214}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#0b3d3a;color:#fff;font-weight:600;border:none}.chip{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e2ddd3;font-size:.85rem}.ghost-button{padding:6px 12px;border-radius:999px;border:1px dashed #c7bfb2;background:transparent;color:#6a6257}.language-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#fff;border:1px solid #e2ddd3}.language-switcher__button{min-width:34px;height:28px;padding:0 8px;border:none;border-radius:999px;background:transparent;color:#6a6257;font-size:.72rem;font-weight:700;line-height:1;cursor:pointer}.language-switcher__button:hover{color:#0b3d3a}.language-switcher__button.is-active{background:#0b3d3a;color:#fff}@media (max-width: 900px){.app-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.app-header__brand{width:100%}.app-header__menu-button{display:inline-flex;position:relative;z-index:320}.app-shell__body{grid-template-columns:1fr}.app-sidebar{position:fixed;top:var(--app-header-height, 0px);left:0;z-index:310;width:min(84vw,320px);height:calc(100vh - var(--app-header-height, 0px));max-height:calc(100vh - var(--app-header-height, 0px));overflow-y:auto;border-right:1px solid #e7e1d7;border-bottom:none;box-shadow:14px 0 32px #12121229;transform:translate(-104%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}.app-shell__body--nav-open .app-sidebar{transform:translate(0);visibility:visible}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;padding:0;border:0;background:#1c242447;cursor:default}.app-content{padding:18px 16px 24px}}.household-dropdown{position:relative}.household-dropdown__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e2ddd3;font-size:.85rem;cursor:pointer;transition:border-color .15s ease}.household-dropdown__trigger:hover{border-color:#0b3d3a}.household-dropdown__caret{font-size:.65rem;opacity:.6}.household-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;padding:4px;border-radius:12px;background:#fff;border:1px solid #e2ddd3;box-shadow:0 10px 24px #1212121f;z-index:100}.household-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.household-dropdown__item:hover{background:#f7f4ee}.household-dropdown__item.is-selected{background:#e4f0ea;font-weight:600}.household-dropdown__name{flex:1}.household-dropdown__role{padding:2px 8px;border-radius:999px;background:#f0ebe3;font-size:.75rem;color:#6a6257}.household-dropdown__divider{height:1px;margin:4px 8px;background:#e7e1d7}.household-dropdown__create{color:#0b3d3a;font-weight:500}.empty-state{text-align:center;padding:48px 24px}.empty-state h1{margin-bottom:8px}.empty-state p{margin-bottom:24px;color:#6a6257}.create-household{max-width:480px}.create-household h1{margin-bottom:24px}.create-household__form{display:flex;flex-direction:column;gap:20px}.create-household__field{display:flex;flex-direction:column;gap:6px}.create-household__field label{font-weight:600;font-size:.9rem}.create-household__field input{padding:12px 14px;border:1px solid #e2ddd3;border-radius:10px;font-size:1rem;background:#fff;transition:border-color .15s ease}.create-household__field input:focus{outline:none;border-color:#0b3d3a}.create-household__field input:disabled{background:#f7f4ee;color:#6a6257}.create-household__hint{font-size:.8rem;color:#6a6257}.create-household__error{padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.9rem}.create-household__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.invite-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.invite-modal__panel{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;box-shadow:0 20px 40px #00000026}.invite-modal__panel h2{margin:0 0 16px;font-size:1.25rem}.invite-modal__hint{color:#6a6257;margin-bottom:12px}.invite-modal__field{display:flex;gap:8px;margin-bottom:12px}.invite-modal__field input{flex:1;padding:10px 12px;border:1px solid #e2ddd3;border-radius:8px;font-size:.9rem;background:#f7f4ee;color:#1c2424}.invite-modal__field input:focus{outline:none;border-color:#0b3d3a}.invite-modal__copy{white-space:nowrap}.invite-modal__copy.is-copied{background:#059669}.invite-modal__expiry{font-size:.85rem;color:#6a6257;margin-bottom:20px}.invite-modal__loading{padding:24px;text-align:center;color:#6a6257}.invite-modal__error{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;margin-bottom:16px}.invite-modal__error p{margin:0 0 12px}.invite-modal__actions{display:flex;justify-content:flex-end;gap:12px}.app-sidebar__section{margin-bottom:24px}.app-sidebar__actions{display:flex;flex-direction:column;gap:8px}.app-sidebar__actions .ghost-button{text-align:left;width:100%}.accept-invite{display:flex;justify-content:center;align-items:center;min-height:60vh}.accept-invite__card{text-align:center;padding:48px;max-width:400px;background:#fff;border-radius:16px;border:1px solid #e7e1d7;box-shadow:0 10px 24px #12121214}.accept-invite__card h1{margin:0 0 12px;font-size:1.5rem}.accept-invite__card p{margin:0 0 16px;color:#6a6257}.accept-invite__card--success{border-color:#86efac;background:#f0fdf4}.accept-invite__card--success h1{color:#166534}.accept-invite__card--error{border-color:#fecaca;background:#fef2f2}.accept-invite__card--error h1{color:#b91c1c}.accept-invite__card .button{margin-top:8px}.members__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.members__header h1{margin:0}.members__loading,.members__empty{padding:48px 24px;text-align:center;color:#6a6257}.members__error{padding:48px 24px;text-align:center}.members__error h2{color:#b91c1c;margin:0 0 8px}.members__error p{color:#6a6257;margin:0}.members__table-wrapper{overflow-x:auto}.members__table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e7e1d7}.members__table th,.members__table td{padding:12px 16px;text-align:left}.members__table th{background:#f7f4ee;font-weight:600;font-size:.85rem;color:#6a6257;text-transform:uppercase;letter-spacing:.05em}.members__table tbody tr{border-top:1px solid #e7e1d7}.members__table tbody tr:hover{background:#faf7f0}.members__role{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:500}.members__role--admin{background:#dbeafe;color:#1e40af}.members__role--member{background:#f0ebe3;color:#6a6257}.command-result{margin-top:16px;padding:16px;border-radius:12px;border:1px solid #e7e1d7;background:#fff}.command-result--success{background:#f0fdf4;border-color:#86efac}.command-result--warning{background:#fef3c7;border-color:#fcd34d}.command-result--error{background:#fef2f2;border-color:#fecaca}.command-result--info{background:#e0f2fe;border-color:#7dd3fc}.command-result__body{margin:12px 0}.command-result__question{margin:0 0 8px;font-style:italic}.command-result__reason{margin:8px 0 0;color:#7f1d1d}.command-result__degraded-reason{margin:0 0 12px;color:#92400e}.command-result__actions{display:flex;flex-wrap:wrap;gap:8px}.command-result__suggestions ul{margin:6px 0 0 16px;padding:0}.command-result__suggestions li{margin-bottom:4px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:600;font-size:.9rem}.status-badge__icon{font-size:.9rem}.status-badge--success{background:#dcfce7;color:#166534}.status-badge--warning{background:#fef3c7;color:#b45309}.status-badge--error{background:#fecaca;color:#b91c1c}.status-badge--info{background:#e0f2fe;color:#0369a1}.command-summary__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 0}.command-summary__row--muted{opacity:.7;font-size:.9rem}.command-summary__label{font-weight:600;color:#6a6257;min-width:110px}.trace-info{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #e7e1d7;font-size:.85rem;color:#6a6257}.trace-info__item{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.trace-info__label{font-weight:600}.trace-info__value{word-break:break-all;color:#1c2424}.trace-info__copy{border:1px solid #e2ddd3;border-radius:999px;background:#fff;padding:2px 8px;font-size:.75rem;cursor:pointer}.trace-info__error{color:#b91c1c;font-size:.8rem}.command-history{margin-top:24px}.command-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.command-history__title{margin:0;font-size:1rem;font-weight:600}.command-history__empty{padding:20px;text-align:center;color:#6a6257;background:#fff;border:1px solid #e7e1d7;border-radius:12px}.command-history__empty p{margin:0}.command-history__hint{margin-top:8px;font-size:.85rem}.command-history__list{display:flex;flex-direction:column;gap:10px}.command-history-entry{border:1px solid #e7e1d7;border-radius:12px;overflow:hidden;background:#fff}.command-history-entry__summary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer;gap:12px}.command-history-entry__summary:hover{background:#f7f4ee}.command-history-entry__title{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.command-history-entry__meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.command-history-entry__timestamp{font-size:.75rem;color:#6a6257}.command-history-entry__toggle{width:20px;text-align:center;font-weight:700;color:#6a6257}.command-history-entry__details{padding:16px;background:#faf7f0;border-top:1px solid #e7e1d7}.command-history-entry__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem}.command-history-entry__label{font-weight:600;color:#6a6257}.command-history-entry__section{margin-top:12px}.command-history-entry__json{margin:6px 0 0;padding:10px;border:1px solid #e2ddd3;border-radius:8px;background:#fff;font-size:.75rem;overflow-x:auto;max-height:220px;overflow-y:auto}.command-history-entry__copy{padding:2px 8px;border-radius:999px;border:1px solid #e2ddd3;background:#fff;font-size:.75rem;cursor:pointer}.command-history-entry__copy:hover{border-color:#0b3d3a}.command-input{position:relative}.needs-input-callout{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:16px}.needs-input-callout__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#3b82f6;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.needs-input-callout__question{margin:0;font-size:1rem;font-weight:600}.needs-input-fields{margin-bottom:16px}.needs-input-fields__title{display:block;font-weight:600;margin-bottom:6px;color:#6a6257}.needs-input-fields__list{margin:0;padding-left:18px}.needs-input-field{margin-bottom:8px}.needs-input-field__label{font-weight:600}.needs-input-field__required{font-weight:400;color:#6a6257;font-size:.85rem}.needs-input-suggestions{margin-top:4px;margin-left:8px;font-size:.85rem;color:#6a6257}.needs-input-suggestions__label{font-style:italic}.needs-input-suggestions__values{margin-left:4px}.needs-input-original{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:12px;background:#f7f4ee;border-radius:10px;margin-bottom:16px}.needs-input-original__label{color:#6a6257;font-weight:600}.needs-input-original__value{font-weight:600}.needs-input-tip{padding:12px;background:#f7f4ee;border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;margin-bottom:16px}.needs-input-tip__text{margin:0 0 4px;font-size:.9rem}.needs-input-tip__example{margin:0;font-size:.85rem;font-style:italic;color:#6a6257}.needs-input-policy{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#6a6257;cursor:help}.needs-input-policy__label{font-weight:600}.needs-input-policy__value{font-family:IBM Plex Mono,Source Code Pro,monospace;padding:2px 6px;border-radius:6px;background:#f7f4ee}.copy-button{padding:4px 8px;font-size:.75rem;background:#fff;border:1px solid #e2ddd3;border-radius:6px;cursor:pointer;white-space:nowrap}.copy-button:hover{background:#f7f4ee}.trace-info{margin-top:16px;padding-top:16px;border-top:1px solid #e7e1d7;font-size:.85rem}.trace-info__summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.trace-info__item{display:flex;align-items:center;gap:6px}.trace-info__label{color:#6a6257;font-size:.75rem}.trace-info__value{font-family:IBM Plex Mono,Source Code Pro,monospace;font-size:.75rem}.trace-info__value--truncate{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-info__copy{font-size:.7rem;padding:2px 6px}.trace-info__toggle{margin-left:auto;padding:4px 8px;font-size:.75rem;background:transparent;border:1px solid #e2ddd3;border-radius:6px;cursor:pointer;color:#6a6257}.trace-info__toggle:hover{background:#f7f4ee}.trace-info--expanded{background:#f7f4ee;padding:16px;border-radius:12px;margin-top:16px;border-top:none}.trace-info__details{margin-top:12px;padding-top:12px;border-top:1px solid #e2ddd3}.trace-info__row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.trace-info__section{margin-top:12px;padding-top:10px;border-top:1px dashed #e2ddd3}.trace-info__section-title{display:block;font-weight:600;margin-bottom:6px;color:#6a6257}.raw-json-viewer{margin-top:12px}.raw-json-viewer__header{display:flex;align-items:center;gap:8px}.raw-json-viewer__toggle{padding:4px 8px;font-size:.75rem;background:transparent;border:1px solid #e2ddd3;border-radius:6px;cursor:pointer;color:#6a6257}.raw-json-viewer__toggle:hover{background:#fff}.raw-json-viewer__code{margin-top:8px;padding:12px;background:#fff;border:1px solid #e2ddd3;border-radius:8px;font-size:.75rem;overflow-x:auto;max-height:300px;overflow-y:auto}.command-history-entry__trace-section{margin-top:12px;padding-top:12px;border-top:1px dashed #e2ddd3}.notification-bell{position:relative}.notification-bell__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #e2ddd3;cursor:pointer;position:relative}.notification-bell__button:hover{border-color:#0b3d3a}.notification-bell__icon{width:18px;height:18px;color:#1c2424}.notification-bell__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid #e2ddd3;border-radius:12px;box-shadow:0 12px 28px #1212121f;z-index:120;overflow:hidden}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee6dc;background:#faf7f0}.notification-dropdown__title{font-weight:600}.notification-dropdown__mark-all{background:transparent;border:none;color:#0b3d3a;font-size:.85rem;cursor:pointer}.notification-dropdown__mark-all:disabled{color:#9b948a;cursor:not-allowed}.notification-dropdown__list{max-height:360px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer}.notification-item+.notification-item{border-top:1px solid #f1ebe1}.notification-item:hover{background:#f7f4ee}.notification-item--unread{background:#f3faf6;font-weight:600}.notification-item__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#f0ebe3;color:#6a6257;font-size:.7rem;font-weight:700;flex-shrink:0}.notification-item__content{display:flex;flex-direction:column;gap:4px;flex:1}.notification-item__summary{color:#1c2424;font-size:.9rem;line-height:1.3}.notification-item__time{color:#6a6257;font-size:.75rem;font-weight:500}.notification-item__dot{width:8px;height:8px;border-radius:50%;background:#0b3d3a;margin-top:6px}.notification-empty,.notification-loading,.notification-error{padding:24px 16px;text-align:center;color:#6a6257}.notification-error{color:#b91c1c}@media (max-width: 600px){.notification-dropdown{width:280px}}.notification-bell__degraded{position:absolute;top:-2px;left:-2px;font-size:10px;color:#f59e0b;cursor:help;opacity:.8}.notification-bell__degraded:hover{opacity:1}.analytics{display:flex;flex-direction:column;gap:16px}.analytics__header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.analytics__subtitle{margin:6px 0 0;color:#6a6257}.analytics__summary,.analytics__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.analytics__footer{text-align:center;color:#6a6257;font-size:.85rem}.analytics-empty{color:#6a6257;margin:12px 0 0}.balance-card{text-align:center}.balance-value{font-size:2.75rem;font-weight:700;margin:12px 0 8px}.balance-excellent{color:#15803d}.balance-moderate{color:#b45309}.balance-low{color:#b91c1c}.balance-na{color:#9b948a}.balance-interpretation{margin:0 0 12px;color:#6a6257}.balance-toggle{background:transparent;border:none;color:#0b3d3a;cursor:pointer;font-size:.85rem;text-decoration:underline}.balance-formula{margin-top:12px;padding:12px;border-radius:10px;background:#f7f4ee;border:1px solid #e7e1d7;font-size:.85rem}.analytics-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e7e1d7}.analytics-table th,.analytics-table td{padding:12px 16px;text-align:left}.analytics-table th{background:#f7f4ee;font-weight:600;font-size:.85rem;color:#6a6257;text-transform:uppercase;letter-spacing:.05em}.analytics-table tbody tr{border-top:1px solid #e7e1d7}.analytics-table tbody tr:hover{background:#faf7f0}.overdue-highlight{color:#b91c1c;font-weight:600}.overdue-list{list-style:none;padding:0;margin:0}.overdue-item{padding:12px 0;border-bottom:1px solid #e7e1d7}.overdue-item:last-child{border-bottom:none}.overdue-item__title{font-weight:600;margin-bottom:4px}.overdue-item__meta{display:flex;justify-content:space-between;gap:12px;color:#6a6257;font-size:.85rem}.period-toggle{display:inline-flex;gap:8px;padding:4px;border-radius:999px;background:#fff;border:1px solid #e7e1d7}.period-toggle__button{border:none;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.85rem;color:#6a6257}.period-toggle__button:hover{color:#0b3d3a}.period-toggle__button.is-active{background:#e4f0ea;color:#0b3d3a;font-weight:600}