:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--touch-target-min: 44px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root,[data-theme=health],[data-theme=celeste-salud]{--theme-id: "health";--theme-name: "Celeste Salud";--color-bg-app: #F3FAFD;--color-bg-surface: #FFFFFF;--color-bg-surface-soft: #E9F6FB;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(24, 55, 70, .65);--color-text-primary: #183746;--color-text-secondary: #607985;--color-text-muted: #8AA0AA;--color-text-inverse: #FFFFFF;--color-border: #CFE7F0;--color-border-strong: #B0D4E3;--color-border-focus: #168FC3;--color-primary: #168FC3;--color-primary-hover: #1179A5;--color-primary-soft: #DDF2FA;--color-primary-contrast: #FFFFFF;--color-success: #168A68;--color-success-soft: #E2F4EE;--color-warning: #C98518;--color-warning-soft: #FDF3E1;--color-danger: #D94B55;--color-danger-soft: #FDEBEC;--color-info: #2787C9;--color-info-soft: #E3F2FB;--shadow-sm: 0 1px 3px rgba(24, 55, 70, .08);--shadow-md: 0 4px 14px rgba(24, 55, 70, .12);--shadow-lg: 0 10px 25px rgba(24, 55, 70, .18);--ring-focus: rgba(22, 143, 195, .35);--bg-dark: var(--color-bg-app);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-surface);--bg-card-hover: var(--color-bg-surface-soft);--bg-card-muted: var(--color-bg-surface-soft);--bg-input: var(--color-bg-surface);--bg-overlay: var(--color-bg-overlay);--border-color: var(--color-border);--border-muted: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-soft);--primary-contrast: var(--color-primary-contrast);--success: var(--color-success);--success-bg: var(--color-success-soft);--warning: var(--color-warning);--warning-bg: var(--color-warning-soft);--danger: var(--color-danger);--danger-bg: var(--color-danger-soft);--info: var(--color-info);--info-bg: var(--color-info-soft);--tab-active-bg: var(--color-primary);--tab-active-text: var(--color-primary-contrast)}[data-theme=wellness],[data-theme=verde-bienestar]{--theme-id: "wellness";--theme-name: "Verde Bienestar";--color-bg-app: #F3F8F5;--color-bg-surface: #FFFFFF;--color-bg-surface-soft: #E7F2EB;--color-bg-elevated: #FFFFFF;--color-bg-overlay: rgba(32, 58, 49, .65);--color-text-primary: #203A31;--color-text-secondary: #64786F;--color-text-muted: #8A9C94;--color-text-inverse: #FFFFFF;--color-border: #D2E3DB;--color-border-strong: #B5D2C5;--color-border-focus: #3F8F72;--color-primary: #3F8F72;--color-primary-hover: #33775F;--color-primary-soft: #DCEDE5;--color-primary-contrast: #FFFFFF;--color-success: #2D8A65;--color-success-soft: #E3F5ED;--color-warning: #B87B14;--color-warning-soft: #FAF1DE;--color-danger: #D6454F;--color-danger-soft: #FCE8E9;--color-info: #2E88A6;--color-info-soft: #E2F2F7;--shadow-sm: 0 1px 3px rgba(32, 58, 49, .08);--shadow-md: 0 4px 14px rgba(32, 58, 49, .12);--shadow-lg: 0 10px 25px rgba(32, 58, 49, .18);--ring-focus: rgba(63, 143, 114, .35);--bg-dark: var(--color-bg-app);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-surface);--bg-card-hover: var(--color-bg-surface-soft);--bg-card-muted: var(--color-bg-surface-soft);--bg-input: var(--color-bg-surface);--bg-overlay: var(--color-bg-overlay);--border-color: var(--color-border);--border-muted: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-soft);--primary-contrast: var(--color-primary-contrast);--success: var(--color-success);--success-bg: var(--color-success-soft);--warning: var(--color-warning);--warning-bg: var(--color-warning-soft);--danger: var(--color-danger);--danger-bg: var(--color-danger-soft);--info: var(--color-info);--info-bg: var(--color-info-soft);--tab-active-bg: var(--color-primary);--tab-active-text: var(--color-primary-contrast)}[data-theme=graphite],[data-theme=grafito-profesional]{--theme-id: "graphite";--theme-name: "Grafito Profesional";--color-bg-app: #252B31;--color-bg-surface: #303840;--color-bg-surface-soft: #3A444D;--color-bg-elevated: #37404A;--color-bg-overlay: rgba(18, 21, 25, .85);--color-text-primary: #F5F7F8;--color-text-secondary: #B7C0C6;--color-text-muted: #8C979E;--color-text-inverse: #1B1E22;--color-border: #48535C;--color-border-strong: #5B6873;--color-border-focus: #4DA6C8;--color-primary: #4DA6C8;--color-primary-hover: #3A8FB0;--color-primary-soft: rgba(77, 166, 200, .18);--color-primary-contrast: #FFFFFF;--color-success: #4EBA8F;--color-success-soft: rgba(78, 186, 143, .18);--color-warning: #E5A638;--color-warning-soft: rgba(229, 166, 56, .18);--color-danger: #E8636C;--color-danger-soft: rgba(232, 99, 108, .18);--color-info: #4DA6C8;--color-info-soft: rgba(77, 166, 200, .18);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--ring-focus: rgba(77, 166, 200, .35);--bg-dark: var(--color-bg-app);--bg-app: var(--color-bg-app);--bg-card: var(--color-bg-surface);--bg-card-hover: var(--color-bg-surface-soft);--bg-card-muted: var(--color-bg-surface-soft);--bg-input: var(--color-bg-app);--bg-overlay: var(--color-bg-overlay);--border-color: var(--color-border);--border-muted: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-light: var(--color-primary-soft);--primary-contrast: var(--color-primary-contrast);--success: var(--color-success);--success-bg: var(--color-success-soft);--warning: var(--color-warning);--warning-bg: var(--color-warning-soft);--danger: var(--color-danger);--danger-bg: var(--color-danger-soft);--info: var(--color-info);--info-bg: var(--color-info-soft);--tab-active-bg: var(--color-primary);--tab-active-text: var(--color-primary-contrast)}html,body,.app-container,.app-header,.card-section,.nav-tab-button,.record-item{transition:background-color .2s ease,border-color .2s ease,color .15s ease}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs, .25rem);font-family:inherit;font-weight:600;border-width:1px;border-style:solid;border-radius:var(--radius-sm, 6px);cursor:pointer;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.ds-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-focus, rgba(22, 143, 195, .35))}.ds-button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.ds-button-sm{min-height:32px;padding:.25rem .625rem;font-size:.8125rem}.ds-button-md{min-height:var(--touch-target-min, 44px);padding:.5rem 1rem;font-size:.875rem}.ds-button-lg{min-height:48px;padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--radius-md, 10px)}.ds-button-full{width:100%}.ds-button-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.ds-button-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ds-button-secondary{background-color:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.ds-button-secondary:hover:not(:disabled){background-color:var(--color-bg-surface-soft);color:var(--color-text-primary);border-color:var(--color-border-strong)}.ds-button-danger{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.ds-button-danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-primary-contrast)}.ds-button-success{background-color:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.ds-button-success:hover:not(:disabled){background-color:var(--color-success);color:var(--color-primary-contrast)}.ds-button-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.ds-button-outline:hover:not(:disabled){background-color:var(--color-primary-soft)}.ds-button-ghost{background-color:transparent;border-color:transparent;color:var(--color-text-secondary)}.ds-button-ghost:hover:not(:disabled){background-color:var(--color-bg-surface-soft);color:var(--color-text-primary)}.ds-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-sm);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.ds-card-hoverable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.ds-card-muted{background-color:var(--color-bg-surface-soft);border-color:var(--color-border)}.ds-card-outline{background-color:transparent;border-color:var(--color-border)}.ds-card-padding-none{padding:0}.ds-card-padding-sm{padding:var(--spacing-sm, .5rem)}.ds-card-padding-md{padding:var(--spacing-md, 1rem)}.ds-card-padding-lg{padding:var(--spacing-lg, 1.5rem)}.ds-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem);flex-wrap:wrap}.ds-card-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.ds-card-description{margin:.25rem 0 0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.ds-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem)}.ds-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm, .5rem);margin-top:var(--spacing-md, 1rem);padding-top:var(--spacing-sm, .5rem);border-top:1px solid var(--color-border);flex-wrap:wrap}.ds-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-full, 9999px);font-weight:600;border-width:1px;border-style:solid;line-height:1.2;-webkit-user-select:none;user-select:none;box-sizing:border-box}.ds-badge-sm{padding:.15rem .45rem;font-size:.72rem}.ds-badge-md{padding:.25rem .625rem;font-size:.8125rem}.ds-badge-default,.ds-badge-neutral{background-color:var(--color-bg-surface-soft);border-color:var(--color-border);color:var(--color-text-secondary)}.ds-badge-primary,.ds-badge-info{background-color:var(--color-primary-soft);border-color:var(--color-border-strong);color:var(--color-primary)}.ds-badge-success{background-color:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.ds-badge-warning{background-color:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.ds-badge-danger{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.ds-input,.ds-select{width:100%;min-height:var(--touch-target-min, 44px);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ds-input:hover:not(:disabled),.ds-select:hover:not(:disabled){border-color:var(--color-border-strong)}.ds-input:focus-visible,.ds-select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ring-focus, rgba(22, 143, 195, .35))}.ds-input:disabled,.ds-select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--color-bg-surface-soft)}.ds-input-error,.ds-select-error{border-color:var(--color-danger)!important}.ds-input-error:focus-visible,.ds-select-error:focus-visible{box-shadow:0 0 0 3px #d94b5559!important}.ds-form-field{display:flex;flex-direction:column;gap:.375rem;width:100%;box-sizing:border-box}.ds-form-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.ds-form-required{color:var(--color-danger)}.ds-form-error{font-size:.75rem;color:var(--color-danger);margin-top:.125rem;display:flex;align-items:center;gap:.25rem}.ds-form-helper{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.ds-subtabs-container{display:flex;gap:.375rem;background-color:var(--color-bg-surface-soft);padding:.375rem;border-radius:var(--radius-md, 10px);border:1px solid var(--color-border);box-sizing:border-box;flex-wrap:wrap}.ds-subtab-btn{padding:.625rem .875rem;border-radius:var(--radius-sm, 6px);border:none;background-color:transparent;color:var(--color-text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:var(--touch-target-min, 44px);transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.ds-subtab-btn:hover:not(:disabled){background-color:var(--color-bg-surface);color:var(--color-text-primary)}.ds-subtab-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-focus, rgba(22, 143, 195, .35))}.ds-subtab-btn-active{background-color:var(--color-primary)!important;color:var(--color-primary-contrast)!important;font-weight:700}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay, rgba(24, 55, 70, .65));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem);box-sizing:border-box}.ds-modal-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-lg);width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;animation:dsModalFadeIn .15s ease-out}@keyframes dsModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ds-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ds-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;box-sizing:border-box}.ds-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background-color:var(--color-bg-surface-soft);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.ds-theme-card-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1rem;border-radius:var(--radius-md, 10px);border:1px solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;text-align:left;position:relative;transition:border-color .15s ease,background-color .15s ease,transform .1s ease,box-shadow .15s ease;box-sizing:border-box}.ds-theme-card-btn:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-surface-soft);box-shadow:var(--shadow-sm)}.ds-theme-card-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-focus, rgba(22, 143, 195, .35))}.ds-theme-card-btn-active{border-width:2px;border-color:var(--color-primary)!important;background-color:var(--color-primary-soft)!important}.ds-theme-pill-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);border:none;background-color:transparent;color:var(--color-text-secondary);font-weight:500;font-size:.75rem;cursor:pointer;transition:all .15s ease}.ds-theme-pill-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-surface-soft)}.ds-theme-pill-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring-focus)}.ds-theme-pill-btn-active{background-color:var(--color-primary-soft)!important;color:var(--color-primary)!important;font-weight:700}@media (min-width: 600px) and (max-width: 1023px){.ds-theme-selector-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm, .5rem)}.ds-modal-container{max-height:calc(100vh - 3rem)}}@media (max-width: 599px){.ds-theme-selector-cards{grid-template-columns:1fr;gap:.75rem}.ds-theme-card-btn{padding:.875rem}.ds-modal-overlay{padding:.5rem;align-items:flex-end}.ds-modal-container{max-height:calc(100vh - 1rem);border-radius:var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0;width:100%}.ds-modal-header{padding:1rem}.ds-modal-body{padding:1rem;-webkit-overflow-scrolling:touch}.ds-modal-footer{padding:.75rem 1rem;flex-direction:column-reverse;width:100%}.ds-modal-footer>*{width:100%}.ds-subtabs-container{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.ds-subtab-btn{flex:0 0 auto;white-space:nowrap}}.ds-grid-2{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.ds-grid-2{grid-template-columns:repeat(2,1fr)}}.ds-grid-3{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.ds-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ds-grid-3{grid-template-columns:repeat(3,1fr)}}.ds-grid-4{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 600px){.ds-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ds-grid-4{grid-template-columns:repeat(4,1fr)}}.ds-grid-split{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 1024px){.ds-grid-split{grid-template-columns:1.2fr .8fr}}.ds-grid-form-2{display:grid;grid-template-columns:1fr;gap:.875rem}@media (min-width: 640px){.ds-grid-form-2{grid-template-columns:repeat(2,1fr)}}.onboarding-wrapper{min-height:100vh;min-height:100dvh;background-color:var(--color-bg-app);display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;box-sizing:border-box;overflow-y:auto;transition:background-color .2s ease}.onboarding-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);padding:1.75rem;width:100%;max-width:560px;color:var(--color-text-primary);box-shadow:var(--shadow-lg);box-sizing:border-box;margin:auto}.onboarding-title{margin:0 0 .375rem;color:var(--color-primary);font-size:1.125rem;font-weight:700;line-height:1.3}.onboarding-subtitle{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 1rem;line-height:1.45}.onboarding-form-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.onboarding-grid-2{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem}@media (min-width: 600px){.onboarding-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}}.onboarding-field{display:flex;flex-direction:column;gap:.2rem;width:100%;box-sizing:border-box}.onboarding-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.15rem;-webkit-user-select:none;user-select:none}.onboarding-input{width:100%;max-width:100%;min-width:0;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-sm, 6px);padding:.5rem .625rem;font-size:1rem;line-height:1.3;min-height:40px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.onboarding-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--ring-focus, rgba(22, 143, 195, .25))}.onboarding-credential-box{background:var(--color-bg-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);padding:.75rem .875rem;margin-bottom:1rem;box-sizing:border-box}.onboarding-credential-title{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--color-primary)}.onboarding-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.875rem}.onboarding-btn-submit{min-height:44px;width:auto;min-width:200px;font-size:.9375rem}.clean-install-container{background:var(--color-bg-surface-soft);padding:1.25rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border);margin-bottom:1rem;box-sizing:border-box}.clean-install-selector{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;margin-bottom:1.25rem;box-sizing:border-box;width:100%}@media (min-width: 600px){.clean-install-selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin-bottom:1.5rem}}.clean-install-tab-btn{padding:.75rem .875rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border);background:var(--color-bg-surface-soft);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;min-height:52px;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.clean-install-tab-btn.active{border:2px solid var(--color-primary);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.clean-install-tab-btn-title{font-weight:600;font-size:.875rem;color:var(--color-text-primary);margin-bottom:.2rem;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.clean-install-tab-btn.active .clean-install-tab-btn-title{color:var(--color-primary)}.clean-install-tab-btn-desc{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.clean-install-form{display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.clean-install-grid-2{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;width:100%;box-sizing:border-box}@media (min-width: 600px){.clean-install-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}}.clean-install-field{display:flex;flex-direction:column;gap:.2rem;width:100%;box-sizing:border-box}.clean-install-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.15rem}.clean-install-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);padding:.45rem .55rem;font-size:1rem;line-height:1.3;min-height:38px;transition:border-color .15s ease,box-shadow .15s ease}.clean-install-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--ring-focus, rgba(22, 143, 195, .25))}.clean-install-submit{width:100%;min-height:44px;margin-top:.5rem;font-size:.9375rem;font-weight:600}@media (min-width: 600px){.clean-install-submit{width:auto;min-width:200px;align-self:flex-start}}@media (max-width: 600px){.onboarding-wrapper{align-items:flex-start;padding:.75rem .5rem}.onboarding-card{padding:1rem .875rem;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md)}.onboarding-title{font-size:1.0625rem;margin-bottom:.25rem}.onboarding-subtitle{font-size:.75rem;margin-bottom:.75rem;line-height:1.4}.onboarding-form-section{gap:.625rem;margin-bottom:.75rem}.onboarding-credential-box{padding:.625rem;margin-bottom:.75rem}.onboarding-credential-title{font-size:.75rem;margin-bottom:.375rem}.onboarding-input{padding:.45rem .55rem;min-height:38px}.onboarding-actions{margin-top:.75rem}.onboarding-btn-submit{width:100%;min-width:100%}.clean-install-container{padding:.875rem .75rem}}.data-management-container{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.data-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);padding:1.25rem;color:var(--color-text-primary);box-sizing:border-box;width:100%;max-width:100%;min-width:0}.data-card-title{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.data-card-desc{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 .875rem;line-height:1.45}.data-card-warning{font-size:.75rem;color:var(--color-warning);font-style:italic;margin-bottom:1rem;line-height:1.4}.export-actions-grid{display:flex;gap:.75rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.export-btn{min-height:44px;font-size:.875rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.backup-btn-primary{min-height:44px;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box}.backup-meta-box{background:var(--color-bg-surface-soft);border:1px solid var(--color-success);border-radius:var(--radius-sm, 6px);padding:.75rem .875rem;margin-top:1rem;font-size:.8125rem;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.backup-checksum-text{color:var(--color-text-muted);font-size:.75rem;margin-top:.25rem;font-family:monospace;word-break:break-all;overflow-wrap:anywhere}.restore-file-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--color-bg-surface-soft);color:var(--color-text-primary);border:1px solid var(--color-border);padding:.625rem;border-radius:var(--radius-sm, 6px);font-size:.875rem;min-height:44px;cursor:pointer}.restore-preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.75rem .5rem;box-sizing:border-box}.restore-preview-modal-card{background:var(--color-bg-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md, 10px);padding:1.25rem;width:100%;max-width:600px;color:var(--color-text-primary);max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-lg);box-sizing:border-box}.restore-preview-counts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:1rem;font-size:.8125rem;width:100%;box-sizing:border-box}@media (min-width: 600px){.restore-preview-counts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.restore-preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.sync-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.sync-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;box-sizing:border-box}@media (min-width: 640px){.sync-panel-actions{width:auto}}.sync-status-badge{padding:.45rem .75rem;border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;max-width:100%;box-sizing:border-box;word-break:break-word}.conflict-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-bottom:1rem;font-size:.75rem;width:100%;box-sizing:border-box}@media (min-width: 600px){.conflict-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}}.conflict-payload-pre{margin:0;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;overflow-x:auto;max-width:100%;box-sizing:border-box;color:var(--color-text-primary);font-size:.7rem}.conflict-resolve-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.backup-reminder-card{background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-md, 10px);padding:1rem;color:var(--color-warning);margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;box-sizing:border-box;width:100%}.backup-reminder-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 600px){.data-management-container{gap:.875rem}.data-card{padding:.875rem .75rem;border-radius:var(--radius-md, 8px)}.export-actions-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.export-btn{width:100%;min-height:44px;justify-content:flex-start;padding:.625rem .875rem}.backup-btn-primary{width:100%;min-height:44px}.sync-panel-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;width:100%}.sync-panel-actions button{width:100%;min-height:42px;justify-content:center}.restore-preview-modal-card{padding:1rem .75rem}.restore-preview-actions{flex-direction:column;width:100%}.restore-preview-actions button{width:100%;min-height:44px}.conflict-resolve-actions{flex-direction:column;width:100%}.conflict-resolve-actions button{width:100%;min-height:44px}.backup-reminder-card{padding:.875rem .75rem;flex-direction:column;align-items:flex-start}.backup-reminder-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.backup-reminder-actions button{width:100%;min-height:42px}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--color-bg-app);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button,input,textarea,select{font-family:inherit;font-size:1rem}button{cursor:pointer;min-height:var(--touch-target-min, 44px);padding:.625rem 1.25rem;border-radius:var(--radius-sm, 6px);border:1px solid transparent;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease,transform .1s ease,border-color .2s ease;touch-action:manipulation}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],select,textarea{min-height:var(--touch-target-min, 44px);padding:.625rem 1rem;border-radius:var(--radius-sm, 6px);background-color:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-primary);width:100%;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,select:focus,textarea:focus{border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.8125rem;font-weight:600;gap:.375rem}.badge-online{background-color:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.badge-offline{background-color:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-pending{background-color:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary)}.badge-danger{background-color:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.app-container{max-width:1440px;width:100%;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1920px){.app-container{max-width:1600px;padding:2rem}}.app-header{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.header-title-group h1{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.header-title-group p{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.header-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.offline-banner{background-color:var(--color-warning-soft);border:1px solid var(--color-warning);color:var(--color-warning);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:fadeIn .2s ease}.metadata-strip{display:flex;align-items:center;gap:1.25rem;font-size:.8125rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:.75rem;flex-wrap:wrap}.metadata-item{display:flex;align-items:center;gap:.35rem}.metadata-item code{background-color:var(--color-bg-surface-soft);padding:.15rem .4rem;border-radius:4px;color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:.75rem}.main-workspace{display:grid;grid-template-columns:1fr;gap:1.5rem}.card-section{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;justify-content:space-between}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-contrast, #ffffff);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background-color:var(--color-bg-surface-soft);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-danger{background-color:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger);color:var(--color-primary-contrast, #ffffff)}.records-grid{display:flex;flex-direction:column;gap:1rem}.record-item{background-color:var(--color-bg-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;transition:border-color .2s ease}.record-item:hover{border-color:var(--color-border-strong)}.record-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.record-text{font-size:1rem;color:var(--color-text-primary);line-height:1.5;word-break:break-word}.record-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--color-text-muted);flex-wrap:wrap}.record-actions{display:flex;align-items:center;gap:.5rem;align-self:flex-end}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--color-text-muted);font-size:.9375rem;border:2px dashed var(--color-border);border-radius:var(--radius-md)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;max-width:400px;width:calc(100% - 3rem)}.toast{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-danger);color:var(--color-text-primary);padding:1rem 1.25rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:.875rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.safe-mode-container{background-color:var(--color-danger-soft);border:1px solid var(--color-danger);color:var(--color-text-primary);padding:2rem;border-radius:var(--radius-md);margin:2rem auto;max-width:650px;text-align:center;display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.app-container{padding:2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-shell-wrapper{width:100%;max-width:1440px;margin:0 auto;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1920px){.app-shell-wrapper{max-width:1600px;padding:2rem}}@media (max-width: 768px){.app-shell-wrapper{padding:.875rem;gap:1rem}}.main-nav-container{display:flex;gap:.625rem;margin-bottom:1.25rem;flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding-bottom:1rem;width:100%;box-sizing:border-box}.nav-tab-button{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-sm, 6px);font-size:.875rem;font-weight:600;cursor:pointer;min-height:var(--touch-target-min, 44px);display:inline-flex;align-items:center;gap:.5rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}.nav-tab-button:hover{background-color:var(--color-bg-surface-soft);color:var(--color-text-primary);border-color:var(--color-border-strong)}.nav-tab-button.active{background-color:var(--color-primary);color:var(--color-primary-contrast, #ffffff);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}@media (max-width: 480px){.main-nav-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;max-width:100%}.nav-tab-button{width:100%;max-width:100%;min-width:0;padding:.5rem .35rem;font-size:.8125rem;justify-content:center;text-align:center;white-space:normal;word-break:normal;overflow-wrap:anywhere}}.report-period-container{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;box-sizing:border-box}.report-period-button{min-height:var(--touch-target-min, 44px);box-sizing:border-box}.report-custom-dates-container{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;background:var(--color-bg-surface-soft);padding:.75rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border);width:100%;box-sizing:border-box}@media (max-width: 480px){.report-period-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;max-width:100%}.report-period-button{width:100%;max-width:100%;min-width:0;justify-content:center;text-align:center;white-space:normal;word-break:normal;overflow-wrap:anywhere;padding:.5rem .25rem}.report-period-button.period-custom-span{grid-column:1 / -1;width:100%}.report-custom-dates-container{flex-direction:column;align-items:stretch;gap:.5rem}.report-custom-dates-container>div{width:100%}}