@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;600;700&family=Nunito:wght@400;600;700;800&display=swap";html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,input,textarea,select{font:inherit}*{box-sizing:border-box}.appShell{min-height:100vh;width:100%;background-color:var(--surface-background);color:var(--text);display:flex;align-items:stretch}.authLoadingState{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-32);background-color:var(--surface-background);font-family:var(--font-family-body);font-size:var(--font-size-md)}.authLoadingSpinner{margin-top:var(--space-24);width:120px;height:auto;object-fit:contain;animation:loadingSpin 1.2s linear infinite;transform-origin:center}.homePage,.breathing-page,.exercise-detail-page,.profile-page{max-width:100%;flex:1;display:flex;flex-direction:column;padding:var(--layout-container-padding)}.homePage{justify-content:space-evenly}.homeHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.homeGreeting{margin:0;font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);font-family:var(--text-heading-1-font-family)}.homeCompanyName{margin:var(--space-8) 0 0;font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.homeSubtitle{margin:var(--space-12) 0 0;font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);font-family:var(--text-heading-2-font-family)}.noteButton{position:relative;border:0;background-color:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.noteButton svg{stroke-width:1.2px}.noteButton:hover svg{color:var(--primary-300);transition:var(--button-default-transition);fill:var(--highlight-200)}.noteButtonActive svg{color:var(--primary-600);fill:var(--highlight-300);transition:var(--button-default-transition)}.noteButtonBadge{position:absolute;bottom:-3px;right:5px;width:var(--icon-size-20);height:var(--icon-size-20);border-radius:50%;background-color:var(--info-300)}.noteButton svg{border-radius:10px;width:var(--icon-size-48);height:auto}.homeSection{margin-top:var(--space-24)}.homeSectionTitle{margin:0 0 var(--space-8);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);font-family:var(--text-heading-3-font-family)}.pauseSummaryCard{padding:var(--space-20) var(--space-24);display:flex;flex-direction:column;gap:var(--space-20)}.pauseSummaryRow{display:flex;align-items:center;gap:var(--space-12);width:100%;justify-content:space-between;flex-wrap:nowrap}.pauseSummaryLabel{min-width:180px;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-semibold)}.pauseSummaryDots{display:flex;align-items:center;gap:6px}.pauseSummaryCount{margin-left:auto;font-family:var(--font-family-body);font-size:var(--font-size-md)}.pauseSummaryCountGood{color:var(--highlight-400)}.pauseSummaryCountBad{color:var(--error-400)}.dot{width:var(--icon-size-16);height:var(--icon-size-24);border-radius:4px}.dotGood{background-color:var(--highlight-300)}.dotBad{background-color:var(--error-300)}.adviceCard{border:2px solid var(--border-color-green);border-radius:var(--popupcard-border-radius);background-color:var(--highlight-200);padding:var(--space-20) var(--space-24);font-size:var(--font-size-s);font-family:var(--font-family-body);line-height:var(--text-body-regular-line-height)}.pause-page{max-width:100%;flex:1}.pause-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);background-color:var(--surface-background);padding:var(--space-32) var(--space-32) var(--space-24) var(--space-32);position:sticky;top:0;z-index:10}.pause-tabs{border:1px solid var(--primary-400);border-radius:var(--button-radius);background-color:var(--primary-200);padding:var(--space-4);position:sticky;top:var(--space-32);display:flex;width:fit-content;overflow:hidden}.pause-tabs:before{content:"";position:absolute;top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:calc(50% - var(--space-4));border-radius:calc(var(--button-radius) - 4px);background-color:var(--primary-400);transition:transform .2s ease;will-change:transform}.pause-tabs[data-active-tab=fav]:before{transform:translate(100%)}.pause-tab{min-width:140px;border:none;background:transparent;padding:var(--space-4);border-radius:8px;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-regular);color:var(--text-primary);cursor:pointer;position:relative;z-index:1;transition:color .2s ease,font-weight .2s ease}.pause-tab.active{font-weight:var(--font-weight-semibold);color:var(--text-on-dark)}.pause-grid{padding:var(--space-16) var(--space-32)var(--space-32)var(--space-32);display:grid;gap:var(--space-24);row-gap:var(--space-32);grid-template-columns:repeat(auto-fit,minmax(220px,230px))}.pause-card{position:relative;display:flex;border:2px solid var(--border-color-default);border-radius:20px;overflow:visible;background-color:var(--surface-card);height:120px;max-width:100%}.pause-card:hover{box-shadow:var(--button-default-hover-shadow);transform:translateY(-1px);transition:var(--button-default-transition)}.pause-card--upgrade{cursor:pointer}.pause-card--upgrade:hover,.pause-card--upgrade:focus-visible{box-shadow:var(--premium-card-shadow);transform:var(--button-premium-transform);transition:var(--button-default-transition)}.pause-iconBox{width:50%;background-color:var(--surface-section);display:flex;align-items:center;justify-content:center;border-top-left-radius:18px;border-bottom-left-radius:18px}.pause-iconBox img{width:64px;height:64px;object-fit:contain}.pause-cardUpgradeIcon{width:96px;height:96px;color:var(--highlight-600);stroke-width:1.2px}.pause-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--space-8)}.pause-content--upgrade{padding:0 var(--space-8)}.pause-content p{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pause-content--upgrade p{width:120px;font-weight:var(--font-weight-bold)}.pause-favBtn{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--primary-200);cursor:pointer;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;color:var(--primary-700);transition:var(--button-default-transition)}.pause-favBtn:hover,.pause-favBtn.active{background-color:var(--highlight-300)}.pause-cardUpgradeBadge{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background-color:var(--primary-300);color:var(--text-on-dark);box-shadow:var(--popupcard-box-shadow);font-size:var(--icon-size-28);z-index:1}.pause-cardUpgradeBadge svg{width:var(--icon-size-28);height:var(--icon-size-28)}.profile-page{gap:var(--space-64)}.profile-hero{display:flex;align-items:center;gap:var(--space-32)}.profile-avatar{width:128px;height:128px;border-radius:50%;background-color:var(--primary-200);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-family:var(--text-heading-2-font-family);font-size:2.5rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;border:4px solid var(--primary-600);flex-shrink:0;overflow:hidden}.profile-avatarImage{width:100%;height:100%;object-fit:cover;display:block}.profile-heroCopy{display:flex;flex-direction:column;gap:var(--space-16)}.profile-title{margin:0;font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);display:flex;align-items:flex-end;gap:var(--space-12)}.profile-crown{width:var(--icon-size-48);height:var(--icon-size-48)}.profile-companyTitle{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);color:var(--text-primary);background-color:var(--background-400);padding:var(--space-8) var(--space-24);border-radius:10px;display:inline-block;width:fit-content}.profile-upgradeBtn{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-small-y) var(--button-padding-small-x);border:2px solid var(--button-primary-border);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--button-primary-font-weight);letter-spacing:var(--button-primary-letter-spacing);background-color:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.profile-upgradeBtn svg{width:var(--icon-size-28);height:var(--icon-size-28)}.profile-upgradeBtn:hover{background-color:var(--highlight-300);color:var(--text-on-light);box-shadow:var(--button-default-hover-shadow);transform:translateY(-2px);transition:var(--button-default-transition)}.profile-upgradeBtnActive{background-color:var(--highlight-200);border-color:var(--border-color-green);color:var(--text-primary)}.profile-companyManageBtn{min-width:var(--button-min-width);min-height:var(--button-min-height);width:200px;border:2px solid var(--border-color-default);border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--background-card-300);color:var(--button-neutral-text);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);cursor:pointer}.profile-companyManageBtn:hover{background-color:var(--highlight-200);border-color:var(--border-green-300);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.profile-section{display:flex;flex-direction:column}.profile-sectionTitle{margin:0;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight)}.profile-sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20)}.profile-favoritesGrid{padding-top:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(220px,230px))}.profile-addPausesButton{border:2px solid var(--highlight-300);border-radius:12px;padding:var(--space-12) var(--space-24);background-color:var(--highlight-200);color:var(--text-primary);font-family:var(--button-default-font-family);font-size:var(--font-size-sm);line-height:var(--button-default-line-height);cursor:pointer;align-self:flex-start}.profile-emptyState{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-32) var(--space-0)}.profile-emptyState p{margin:0;align-self:center;font-family:var(--text-body-regular-font-family);font-weight:var(--text-body-regular-font-weight);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.profile-addPausesButton{align-self:center;border-radius:var(--button-radius);padding:var(--space-4) var(--space-24);font-family:var(--button-default-font-family);font-size:var(--font-size-s);font-weight:var(--button-default-font-weight);line-height:var(--button-default-line-height);cursor:pointer;border:2px solid var(--highlight-300);background-color:var(--highlight-200);color:var(--text-on-light)}.sideNav{width:224px;padding-right:var(--space-24);height:100vh;min-height:100vh;background-color:var(--surface-card);border-radius:0 20px 0 0;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;transition:width .2s linear,padding .2s linear}.sideNav.collapsed{width:68px;padding-right:0}.sideNavTop{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20)}.brandLogo{width:200px;padding:var(--space-24) var(--space-0) var(--space-0) var(--space-12)}.collapseToggle{position:absolute;bottom:0;right:-24px;border:none;border-radius:0 20px 20px 0;padding:var(--space-20) 0;display:inline-flex;align-items:center;justify-content:center;background-color:var(--background-section-300);color:var(--text-secondary-200);cursor:pointer;z-index:2}.collapseToggle svg{width:var(--icon-size-24);height:var(--icon-size-24);transform:scale(1.35) translate(-2px)}.sideNav.collapsed .brandLogo{width:var(--icon-size-48)}.sideNavLinks{display:flex;flex-direction:column;gap:var(--space-16)}.pauseTimePanel{margin:var(--space-8) 0 0 var(--space-12);padding:var(--space-12);border-radius:18px;background-color:var(--primary-200);border:1px solid var(--primary-300);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:calc(100% - var(--space-12));color:var(--text-primary)}.pauseTimeLabel{font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size)}.pauseTimeValue{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--text-heading-1-font-weight)}.pauseEndButton{margin:0;min-width:var(--button-min-width);min-height:var(--button-min-height);border:2px solid var(--button-secondary-border);background-color:var(--button-secondary-bg);padding:var(--button-padding-small-y) var(--button-padding-small-x);color:var(--button-secondary-text);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size)}.pauseEndButton:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);transition:var(--button-default-transition)}.sideNavLink{padding:0;margin:0 0 0 var(--space-12);height:36px;border:none;background-color:transparent;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-12);font-family:var(--text-navigation-default-font-family);font-size:var(--text-navigation-default-font-size);font-weight:var(--text-navigation-default-font-weight);line-height:var(--text-navigation-default-line-height);cursor:pointer;transition:var(--button-default-transition)}.sideNav.collapsed .sideNavLink{padding-left:0}.sideNav.collapsed .sideNavIcon{margin:0}.sideNavLabel{display:inline-block}.sideNav.collapsed .sideNavLabel{width:0;display:none}.sideNavLink:hover{font-family:var(--text-navigation-hover-font-family);font-weight:var(--text-navigation-hover-font-weight);font-size:var(--text-navigation-hover-font-size);line-height:var(--text-navigation-hover-line-height);transition:var(--button-default-transition)}.sideNavLink:hover .sideNavIcon{color:var(--text-navigation-hover-color);transition:var(--button-default-transition)}.sideNavLink.active{font-weight:var(--text-navigation-active-font-weight);font-size:var(--text-navigation-active-font-size);line-height:var(--text-navigation-active-line-height);gap:var(--space-8)}.sideNavLink.active .sideNavIcon{color:var(--text-navigation-active-color);width:var(--icon-size-36);height:var(--icon-size-36);transition:var(--button-default-transition)}.sideNavIcon{width:var(--icon-size-32);height:var(--icon-size-32);display:inline-flex;align-items:center;justify-content:center}.sideNavIcon svg{width:100%;height:100%}.sideNavBottom{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-20);height:fit-content;padding:0 0 var(--space-20);margin:0 0 0 var(--space-12)}.premiumButton{border:2px solid var(--primary-700);background-color:var(--brand-primary);color:var(--text-on-dark);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--text-navigation-default-font-size);font-weight:var(--font-weight-semibold);line-height:var(--text-navigation-default-line-height);display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-4) var(--space-48) var(--space-4) var(--space-4)}.sideNav.collapsed .premiumButton{padding:var(--space-4);border-radius:8px;width:48px;height:42px;margin:0}.premiumButton svg{width:var(--icon-size-32);height:var(--icon-size-32);display:inline-flex;align-items:center;justify-content:center}.premiumButton:hover{font-weight:var(--font-weight-bold);font-size:var(--text-navigation-active-font-size);line-height:var(--text-navigation-active-line-height);gap:var(--space-8);transition:var(--button-default-transition)}.premiumButton:hover svg{width:var(--icon-size-36);height:var(--icon-size-36);transition:var(--button-default-transition)}.settingsLink{margin:0}.settingsLink:active svg{color:var(--text-navigation-active-color);width:36px;height:36px}.homeCard{border-radius:20px;border:1px solid var(--border-color-default);background-color:var(--background-card-300)}.timerCardWrap{padding:var(--layout-card-padding)}.timerCardWrap .card{border:0;background-color:transparent;padding:0}.timerCardWrap .hrRow{height:fit-content;display:flex;align-items:center;justify-content:space-around}.timerCardWrap .bigTime{width:100px;text-align:center;font-size:var(--text-heading-1-font-size);font-family:var(--text-heading-1-font-family);font-weight:var(--text-heading-1-font-weight)}.btnStack{display:flex;flex-direction:column;gap:var(--space-12);max-width:280px;width:33%}.btn{width:100%;min-width:var(--button-min-width);min-height:var(--button-min-height);border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--button-default-font-size);font-family:var(--button-default-font-family);font-weight:var(--button-primary-font-weight);border:2px solid var(--button-primary-border);background-color:var(--button-primary-bg);color:var(--button-primary-text)}.btn:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.breakbtn{background-color:var(--button-highlight-bg);border:2px solid var(--button-highlight-border);color:var(--button-highlight-text)}.breakbtn:hover{background-color:var(--button-highlight-hover-bg);border-color:var(--button-highlight-hover-border)}.endbtn{font-weight:var(--button-default-font-weight);background-color:var(--button-neutral-bg);border:2px solid var(--button-neutral-border);color:var(--button-neutral-text)}.endbtn:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border)}.muted{text-align:center;font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);color:var(--text-secondary)}.finishedText{margin:0 auto;font-family:var(--font-family-heading);font-size:var(--font-size-md);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center}.pauseDetailOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background-color:var(--backdrop-darken);-webkit-backdrop-filter:var(--backdrop-blur-2);backdrop-filter:var(--backdrop-blur-2)}.pauseDetailModal{width:60%;min-height:fit-content;border-radius:var(--popupcard-border-radius);padding:var(--space-64);display:flex;justify-content:center;flex-direction:column;gap:var(--space-32);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--popupcard-box-shadow)}.pauseDetailContent{display:flex;flex-direction:column;gap:var(--space-24)}.pauseDetailTitle{margin:0;font-family:var(--font-family-heading);font-size:var(--text-heading-1-font-size);font-weight:var(--text-heading-2-font-weight);text-align:center}.pauseDetailLead{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);text-align:center}.pauseDetailSteps{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);align-self:center}.pauseDetailSteps li+li{margin-top:var(--space-12)}.pauseDetailChevron svg{display:flex;align-items:center;justify-content:center;width:var(--icon-size-28);height:var(--icon-size-28)}.pauseDetailChevron.open{transform:rotate(90deg);transition:var(--button-default-transition)}.pauseDetailQuestionButton{height:fit-content;display:inline-flex;align-items:center;gap:var(--space-4);padding:0;border:0;background-color:transparent;font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer}.pauseDetailDescription{margin:0;width:85%;font-family:var(--font-family-body);padding-left:var(--space-24);max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);pointer-events:none;transition:var(--button-default-transition)}.pauseDetailDescription.open{max-height:200px;opacity:1;transform:translateY(0)}.pauseDetailFooter{display:flex;flex-direction:column;gap:var(--space-4)}.pauseDetailFooterActions{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.pauseDetailButton{min-width:var(--button-min-width);min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);border:2px solid var(--border-color-green);background-color:var(--button-secondary-bg);color:var(--button-secondary-text);font-family:var(--button-default-font-family);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold);cursor:pointer}.pauseDetailButton:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.exercise-detail-page{max-width:100%;flex:1;display:flex;flex-direction:row;padding:var(--layout-container-padding);justify-content:space-between;font-family:var(--text-body-regular-font-family);color:var(--text-primary);background-color:var(--surface-background)}.back-btn{width:fit-content;height:fit-content;padding:0;border:0;background-color:transparent;color:var(--text-primary);cursor:pointer}.back-btn svg{width:var(--icon-size-32);height:var(--icon-size-32)}.breathing-exercise-column{display:flex;flex-direction:column;gap:var(--space-32);justify-content:space-between;align-items:center}.header-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.exercise-title{font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);font-size:var(--text-heading-2-font-size);margin:0;text-align:center}.exercise-controls{display:flex;gap:var(--duo-buttons-column-gap)}.control-btn{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-neutral-bg);color:var(--text-primary);border:2px solid var(--button-neutral-border);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);cursor:pointer;transition:var(--button-default-transition)}.control-btn:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border);box-shadow:var(--button-default-hover-shadow)}.control-btn.start-btn{background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border)}.control-btn.start-btn:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-default-hover-shadow)}.exercise-circle-container{width:100%;display:flex;justify-content:center}.exercise-circle{width:320px;height:320px;border-radius:50%;background-color:var(--brand-primary);display:flex;align-items:center;justify-content:center;transform:scale(.84);transition:transform .6s ease-in-out,box-shadow .3s ease}.circle-text{font-size:var(--font-size-lg);color:var(--text-on-dark)}.exercise-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}.exercise-steps-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);margin:0}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;color:var(--text-secondary)}.step-item{display:flex;gap:var(--space-8)}.method-selection{display:flex;flex-direction:column;gap:var(--space-16);align-items:flex-start;justify-content:center}.method-selection-title{font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);font-size:var(--text-heading-2-font-size);margin:0}.method-header{display:flex;align-items:center;gap:var(--space-12);margin:0 0 var(--space-8) 0}.method-title{font-size:var(--font-size-sm);margin:0}.method-help-btn{width:var(--icon-size-28);height:var(--icon-size-28);border-radius:50%;border:2px solid var(--text-primary);background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;padding:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer}.method-help-btn:hover{background-color:var(--highlight-200);transition:var(--button-default-transition)}.method-variants{margin:0 0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-8);border-left:2px solid var(--text-secondary)}.variant-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;text-align:left}.variant-btn.active{color:var(--text-primary);font-weight:var(--font-weight-bold)}.helpPopupOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-darken);display:flex;align-items:center;justify-content:center;z-index:50}.helpPopup{position:relative;max-width:520px;background-color:var(--surface-background);border-radius:var(--popupcard-border-radius);padding:var(--popupcard-padding);color:var(--text-primary)}.helpPopupClose{position:absolute;right:var(--space-20);top:var(--space-20);border:0;background:transparent;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.helpPopupTitle{margin:0 0 var(--space-12) 0;text-align:center;font-size:var(--font-size-md)}.helpPopupBody{margin:0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.reportPage{flex:1;width:100%;min-width:0;padding:var(--layout-container-padding);display:flex;flex-direction:column;gap:var(--space-32);font-family:var(--text-body-regular-font-family);color:var(--text-primary)}.reportHeader,.reportSectionHeader,.reportStatsSplit,.reportBreakRow,.reportStatLabel{display:flex;align-items:center}.reportHeader{justify-content:space-between;gap:var(--space-24);flex-wrap:wrap}.reportTitleGroup{display:flex;align-items:center;gap:var(--space-12);min-width:0}.reportTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight)}.reportNavButton,.reportWeekButton,.reportAgendaButton{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);color:var(--text-primary);padding:var(--button-padding-small-y) var(--button-padding-small-x)}.reportNavButton{width:var(--icon-size-36);height:var(--icon-size-36);border-radius:10px;border:2px solid var(--highlight-300);background-color:var(--highlight-50);display:inline-flex;align-items:center;justify-content:center;padding:0}.reportNavButton path{transform:scale(1.1);transform-origin:center}.reportNavButton:hover:not(:disabled){background-color:var(--highlight-200);transition:var(--button-default-transition)}.reportNavButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.reportNavButton svg,.reportWeekButton svg{width:var(--icon-size-28);height:var(--icon-size-28)}.reportWeekButton{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--space-4) var(--space-16);border:2px solid var(--button-primary-border);background-color:var(--button-primary-bg);color:var(--text-on-dark);font-family:var(--font-family-heading);font-size:var(--button-default-font-size);font-weight:var(--button-primary-font-weight);letter-spacing:var(--button-primary-letter-spacing);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.reportWeekButton:hover{background-color:var(--highlight-300);color:var(--text-on-light);transition:var(--button-default-transition)}.reportMetricsRow{display:flex;gap:var(--space-32);align-items:stretch}.reportMetricCardWorktime{flex:0 0 1;min-width:240px}.reportMetricCardStats{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.reportSectionTitle{margin:0 0 var(--space-8) 0;font-family:var(--text-heading-3-font-family);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-regular);width:fit-content}.reportSectionTitleLarge{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-md)}.reportBigValue{width:fit-content;background-color:var(--background-50);border-radius:20px;border:2px solid var(--border-color-default);margin:0;padding:var(--space-20);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.reportStatsSplit{width:100%;background-color:var(--background-50);border-radius:20px;border:2px solid var(--border-color-default);gap:var(--space-24);padding:var(--space-8);justify-content:space-between}.reportStatItem{flex:1;min-width:0;text-align:center}.reportStatLabel{justify-content:center;gap:var(--space-8);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.reportStatLabel svg{width:20px;height:20px;flex:0 0 auto}.reportStatValue{margin:var(--space-4) 0 0;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-bold)}.reportStatValueStress{color:var(--warning-500)}.reportStatValueEnergy{color:var(--info-400)}.reportSection{display:flex;flex-direction:column;gap:var(--space-8)}.reportSectionHeader{justify-content:space-between;gap:var(--space-24)}.reportSectionMeta{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.reportBreakCard{padding:var(--space-24) var(--space-32);display:flex;border-radius:var(--popupcard-border-radius);flex-direction:column;gap:var(--space-20);background:var(--surface-card)}.reportBreakRow{width:100%;gap:var(--space-12);justify-content:space-between;flex-wrap:nowrap}.reportBreakLabel{min-width:180px;font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-semibold)}.reportDots{display:flex;align-items:center;gap:6px}.reportDot{width:var(--space-16);height:var(--space-24);border-radius:4px}.reportDotGood{background-color:var(--highlight-300)}.reportDotBad{background-color:var(--error-300)}.reportBreakCount{margin-left:auto;font-size:var(--font-size-md)}.reportBreakCountGood{color:var(--highlight-400)}.reportBreakCountBad{color:var(--error-400)}.reportAdviceCard{border:2px solid var(--border-color-green);border-radius:var(--popupcard-border-radius);background-color:var(--highlight-200);padding:var(--space-20) var(--space-24);font-size:var(--font-size-s);line-height:var(--text-body-regular-line-height)}.reportAgendaActions{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:flex-end}.reportAgendaButton{font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);background-color:var(--button-neutral-bg);border:2px solid var(--button-neutral-border)}.reportAgendaButton:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.reportAgendaCard{min-height:fit-content}.reportAgendaList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.reportAgendaItem{border:1px solid var(--border-color-default);border-radius:12px;background-color:var(--background-50);padding:var(--space-8) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.reportAgendaItemHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.reportAgendaItemTitle{margin:0;font-size:var(--font-size-s)}.reportAgendaItemSource{flex:0 0 auto;border-radius:999px;background-color:var(--highlight-100);color:var(--text-secondary);padding:var(--space-4) var(--space-8);font-size:var(--font-size-xxs)}.reportAgendaItemMeta{display:flex;flex-direction:row;gap:var(--space-12);font-size:var(--font-size-xs);color:var(--text-secondary)}.reportAgendaEmpty{margin:0;font-size:var(--font-size-s);line-height:var(--text-body-regular-line-height);padding:var(--space-20);color:var(--text-secondary);text-align:center}.premiumCardOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--layout-container-padding);background-color:var(--backdrop-darken);-webkit-backdrop-filter:var(--premium-card-bg-blur);backdrop-filter:var(--premium-card-bg-blur)}.premiumModal{position:relative;width:var(--premium-card-width);background:var(--premium-card-background);border-radius:var(--premium-card-border-radius);box-shadow:var(--popupcard-box-shadow);padding:var(--premium-card-padding)}.premiumModalCloseButton{position:absolute;top:var(--space-20);right:var(--space-20);margin:0;background-color:transparent;padding:0;height:var(--icon-size-32);border:none;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.premiumModalContent{display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}.premiumIcon{width:64px;height:auto}.premiumModalTitle{width:100%;margin:0;text-align:center;font-family:var(--font-family-heading);font-size:var(--text-heading-3-font-size);font-weight:var(--text-heading-3-font-weight);color:var(--text-primary)}.premiumModalMessage{margin:0 0 var(--space-12) 0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);color:var(--text-primary);line-height:var(--text-body-regular-line-height);text-align:center}.upgradeButton{min-width:var(--button-min-width);min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border:2px solid var(--button-primary-border);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--button-primary-font-weight);letter-spacing:var(--button-primary-letter-spacing);background-color:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer}.upgradeButton:hover{background-color:var(--highlight-300);color:var(--text-on-light);box-shadow:var(--button-default-hover-shadow);transform:translateY(-2px);transition:var(--button-default-transition)}.smallLoader{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center}.smallLoaderSpinner{width:var(--space-48);height:auto;object-fit:contain;display:block;animation:loadingSpin 1.2s linear infinite;transform-origin:center}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weekReportPage{flex:1;min-width:0;padding:var(--layout-container-padding);display:flex;flex-direction:column;gap:var(--space-32);color:var(--text-primary);font-family:var(--font-family-body)}.weekReportHeader,.weekReportTitleGroup,.weekReportSectionHeading,.weekReportSectionHeadingSplit,.weekReportLegend,.weekReportStatItem,.weekReportSectionMeta{display:flex;align-items:center}.weekReportHeader{justify-content:flex-start}.weekReportTitleGroup{gap:var(--space-12);flex-wrap:wrap}.weekReportNavButton{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);color:var(--text-primary);padding:var(--button-padding-small-y) var(--button-padding-small-x);width:var(--icon-size-36);height:var(--icon-size-36);border-radius:10px;border:2px solid var(--highlight-300);background-color:var(--highlight-50);display:inline-flex;align-items:center;justify-content:center;padding:0}.weekReportNavButton:hover:not(:disabled){background-color:var(--highlight-200);transition:var(--button-default-transition)}.weekReportNavButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.weekReportNavButton svg{width:var(--icon-size-28);height:var(--icon-size-28)}.weekReportTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight)}.weekReportTopGrid{display:flex;flex-direction:column;gap:var(--space-24);align-items:start}.weekReportStatBlock,.weekReportChartBlock,.weekReportSection,.weekReportInsightsCard,.weekReportLineChartCard,.weekReportStatsCard,.weekReportBarChartCard{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.weekReportSectionTitle{margin:0;font-family:var(--text-heading-3-font-family);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-regular);width:fit-content}.weekReportValueCard{width:fit-content;background-color:var(--background-50);border-radius:20px;border:2px solid var(--border-color-default);margin:0;padding:var(--space-20);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.weekReportSectionHeadingSplit{justify-content:space-between}.weekReportSectionMeta{gap:var(--space-4);margin:0;padding:var(--space-4) 0 0 var(--space-8);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.weekReportChartRow{display:grid;grid-template-columns:2.5fr 1fr;gap:var(--space-16)}.weekReportLineChartCard,.weekReportStatsCard,.weekReportBarChartCard,.weekReportInsightsCard{background-color:var(--background-50);border-radius:20px;border:2px solid var(--border-color-default)}.weekReportLineChartCard{padding:var(--space-12) var(--space-16) var(--space-8)}.weekReportChartCanvasWrap,.weekReportBarCanvasWrap{position:relative;width:100%;min-height:300px}.weekReportLineChart{width:100%;height:auto;display:block}.weekReportGrid line{stroke:#76938224;stroke-width:1;shape-rendering:crispEdges}.weekReportStressPath,.weekReportEnergyPath{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.weekReportStressPath{stroke:var(--warning-300)}.weekReportEnergyPath{stroke:var(--info-300)}.weekReportStressPoint,.weekReportEnergyPoint{stroke:var(--surface-background);stroke-width:2}.weekReportStressPoint{fill:var(--warning-300)}.weekReportEnergyPoint{fill:var(--info-300)}.weekReportChartLabel{font-family:var(--font-family-body);font-size:11px;fill:var(--text-secondary);text-anchor:middle}.weekReportLegend{justify-content:center;gap:var(--space-24);flex-wrap:wrap;margin-top:var(--space-12);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--text-primary)}.weekReportLegend span{display:inline-flex;align-items:center;gap:var(--space-8)}.weekReportLegendDot{width:18px;height:18px;border-radius:50%;display:inline-block}.weekReportLegendDotStress{background:var(--warning-300)}.weekReportLegendDotEnergy{background:var(--info-300)}.weekReportLegendDotTaken{background:var(--highlight-300)}.weekReportLegendDotSkipped{background:var(--error-300)}.weekReportStatsCard{padding:var(--space-20) var(--space-16);justify-content:center;gap:var(--space-20);text-align:center}.weekReportStatItem{flex-direction:column;gap:var(--space-8)}.weekReportStatIcon{width:var(--icon-size-36);height:var(--icon-size-36);color:var(--text-primary)}.weekReportStatLabel{font-size:var(--font-size-s)}.weekReportStatValue{font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-bold)}.weekReportStatValueStress{color:var(--warning-400)}.weekReportStatValueEnergy{color:var(--info-400)}.weekReportDivider{height:2px;width:100%;background-color:var(--border-color-default)}.weekReportBarChartCard{padding:var(--space-16);background:var(--surface-card)}.weekReportBarChart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-12);align-items:end;min-height:220px;padding:var(--space-16) var(--space-8) var(--space-8);background:linear-gradient(180deg,#e6e0c138,#e6e0c10f);border-radius:12px}.weekReportBarGroup{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.weekReportBars{width:100%;height:150px;display:flex;align-items:end;justify-content:center;gap:6px}.weekReportBar{width:22px;border-radius:6px 6px 0 0}.weekReportBarTaken{background:var(--highlight-300)}.weekReportBarSkipped{background:var(--error-300)}.weekReportBarLabel{font-family:var(--font-family-body);font-size:var(--font-size-xxs);line-height:var(--line-height-xs);color:var(--text-secondary)}.weekReportLegendBottom{margin-top:0}.weekReportInsightsCard{position:relative;padding:var(--space-20) var(--space-24);overflow:hidden}.weekReportTimeline{position:absolute;top:var(--space-24);bottom:var(--space-24);left:40px;width:4px;background:var(--highlight-300)}.weekReportInsightList{display:flex;flex-direction:column;gap:var(--space-20)}.weekReportInsightRow{display:flex;flex-direction:row;gap:var(--space-12);align-items:center}.weekReportInsightDay{width:30px;height:30px;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-16);border-radius:999px;border:2px solid var(--border-green-300);background-color:var(--background-50);display:inline-flex;align-items:center;justify-content:center;z-index:1}.weekReportInsightBadge{width:28px;height:28px;border-radius:999px;background:var(--highlight-200);border:1px solid rgba(118,147,130,.18);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex:0 0 auto}.weekReportInsightBadge svg{width:14px;height:14px}.weekReportInsightText{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--text-primary)}.checkInModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;background-color:var(--backdrop-darken);-webkit-backdrop-filter:var(--backdrop-blur-2);backdrop-filter:var(--backdrop-blur-2)}.checkInModalContent{background:var(--surface-background);border-radius:var(--popupcard-border-radius);padding:var(--space-24);min-width:500px;max-width:1000px;width:90%;box-shadow:var(--popupcard-box-shadow)}.checkInModalHeader{display:flex;justify-content:space-between;margin-bottom:var(--space-20)}.checkInTitle{font-size:var(--text-heading-2-font-size);font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);line-height:var(--text-heading-2-line-height);margin:0 0 var(--space-12) 0;color:var(--text-primary)}.checkInSubtitle{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);margin:0}.checkInModalActions{display:flex;flex-direction:column;gap:var(--duo-buttons-column-gap);min-width:fit-content;width:140px}.checkInSkipButton,.checkInSubmitButton{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-weight:var(--button-default-font-weight);font-size:var(--button-default-font-size);text-align:var(--button-default-text-align);cursor:pointer;transition:var(--button-default-transition)}.checkInSkipButton{background-color:var(--button-secondary-bg);border:2px solid var(--button-secondary-border);color:var(--button-secondary-text)}.checkInSkipButton:hover:not(:disabled){background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-default-hover-shadow)}.checkInSubmitButton{background-color:var(--button-primary-bg);border:2px solid var(--button-primary-border);color:var(--button-primary-text)}.checkInSubmitButton:hover:not(:disabled){background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow)}.checkInSkipButton:disabled,.checkInSubmitButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.checkInInputsRow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.checkInInputCard{background-color:var(--surface-card);border-radius:12px;padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-24);justify-content:center}.checkInLabel{display:flex;align-items:center;gap:var(--space-8);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--text-body-regular-font-weight);color:var(--text-primary);cursor:pointer}.checkInLabelIcon{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md)}.checkInSlider{width:100%;height:var(--slider-track-height);border-radius:var(--slider-track-radius);background-color:var(--slider-track-bg);-webkit-appearance:none;-moz-appearance:none;appearance:none;--checkin-slider-thumb-size: var(--slider-thumb-size);--checkin-slider-thumb-radius: var(--slider-thumb-radius);--checkin-slider-thumb-bg: var(--slider-thumb-bg)}.checkInSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkin-slider-thumb-size);height:var(--checkin-slider-thumb-size);border-radius:var(--checkin-slider-thumb-radius);background-color:var(--checkin-slider-thumb-bg);cursor:pointer}.checkInSlider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkin-slider-thumb-size);height:var(--checkin-slider-thumb-size);border-radius:var(--checkin-slider-thumb-radius);background-color:var(--checkin-slider-thumb-bg);cursor:pointer;border:none}.checkInSlider::-webkit-slider-thumb:hover{background-color:var(--slider-thumb-hover-bg);box-shadow:var(--slider-thumb-hover-shadow)}.checkInSlider::-moz-range-thumb:hover{background-color:var(--slider-thumb-hover-bg);box-shadow:var(--slider-thumb-hover-shadow)}.checkInSlider:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.checkInScaleLabels{width:96%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;text-align:center;font-family:var(--text-body-regular-font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-primary)}.checkInError{color:var(--error-color);font-size:var(--font-size-xs);text-align:center}@media(max-width:768px){.checkInInputsRow{grid-template-columns:1fr;gap:16px}}.pauseReminderOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--layout-container-padding);background-color:var(--backdrop-darken);-webkit-backdrop-filter:var(--backdrop-blur-4);backdrop-filter:var(--backdrop-blur-4)}.pauseReminderModal{position:relative;min-width:320px;min-height:360px;border:2px solid var(--border-green-300);border-radius:var(--popupcard-border-radius);padding:var(--space-40) var(--space-48);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-32);background:var(--surface-section);box-shadow:var(--popupcard-box-shadow)}.pauseReminderCloseButton{position:absolute;top:var(--space-32);right:var(--space-48);padding:0;border:0;background:transparent;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.pauseReminderIconWrap{display:grid;place-items:center;width:84px;height:84px;color:var(--text-primary);animation:sway .5s infinite}.pauseReminderIconWrap img{width:100%;height:100%;object-fit:contain}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.pauseReminderIconWrap svg{width:100%;height:100%;stroke-width:1.8px}.pauseReminderTitle{margin:0;text-align:center;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--text-heading-2-font-weight);line-height:var(--text-heading-2-line-height);color:var(--text-primary)}.pauseReminderActions{width:80%;display:flex;flex-direction:column;gap:var(--space-16)}.pauseReminderPrimaryButton,.pauseReminderSecondaryButton{min-width:var(--button-min-width);min-height:var(--button-min-height);border-radius:var(--button-radius);font-family:var(--button-default-font-family);cursor:pointer;transition:var(--button-default-transition)}.pauseReminderPrimaryButton{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-primary-bg);border:2px solid var(--button-primary-border);color:var(--button-primary-text)}.pauseReminderPrimaryButton:hover{border-color:var(--button-primary-hover-border);background-color:var(--button-primary-hover-bg);box-shadow:var(--button-default-hover-shadow)}.pauseReminderSecondaryButton{align-self:center;width:80%;padding:var(--button-padding-small-y) var(--button-padding-small-x);font-size:var(--font-size-sm);background-color:var(--button-neutral-bg);border:2px solid var(--button-neutral-border);color:var(--button-neutral-text)}.pauseReminderSecondaryButton:hover{box-shadow:var(--button-default-hover-shadow);background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border)}.modalOpen{overflow:hidden}.popupOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background-color:var(--backdrop-darken)}.favoriteRemovalModal,.deleteConfirmationModal{width:480px;max-width:520px;border-radius:var(--popupcard-border-radius);padding:var(--popupcard-padding);display:flex;flex-direction:column;gap:var(--space-20);background:var(--surface-card);box-shadow:var(--popupcard-box-shadow);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);color:var(--text-primary)}.closeOverlayButton{padding:0;background-color:transparent;border:none;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.confirmationHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.favoriteRemovalTitle,.deleteConfirmationMessage{margin:0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.favoriteRemovalPrimaryButton,.deleteConfirmationButton,.cancelButton{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);cursor:pointer}.favoriteRemovalPrimaryButton:hover,.deleteConfirmationButton:hover,.cancelButton:hover{box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.favoriteRemovalPrimaryButton{align-self:center;border:2px solid var(--button-neutral-border);background-color:var(--button-neutral-bg)}.favoriteRemovalPrimaryButton:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border)}.deleteConfirmationTitle{margin:0 auto 0 37%;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);font-weight:var(--text-heading-3-font-weight);line-height:var(--text-heading-3-line-height)}.deleteConfirmationContent{display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}.deleteConfirmationMessage{text-align:center}.deleteConfirmationActions{display:flex;flex-direction:column;gap:var(--duo-buttons-column-gap)}.deleteConfirmationButton{border:2px solid var(--button-red-hover-border);background-color:var(--button-red-hover-bg)}.deleteConfirmationButton:hover{background-color:var(--button-red-active-bg);border-color:var(--button-red-active-border)}.cancelButton{border:2px solid var(--button-secondary-border);background-color:var(--button-secondary-bg)}.cancelButton:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border)}.workdayTasksOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--layout-container-padding)}.workdayTasksCard{position:relative;width:80%;min-height:400px;height:85%;overflow:hidden;padding:var(--popupcard-padding) var(--popupcard-padding) 0;border:2px solid var(--border-color-green);border-radius:var(--popupcard-border-radius);background:var(--surface-card);box-shadow:var(--popupcard-box-shadow);color:var(--text-primary);font-family:var(--text-body-regular-font-family);display:flex;flex-direction:column;gap:var(--space-12)}.workdayTasksCloseButton{position:absolute;top:var(--space-20);right:var(--space-20);padding:0;border:none;background:transparent;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.workdayTasksTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--text-heading-2-font-weight)}.workdayTasksQuestion{margin:0;font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);display:flex;justify-content:space-between}.workdayTasksSaving{margin:0}.workdayTasksTabs{border:1px solid var(--primary-400);border-radius:var(--button-radius);background-color:var(--primary-200);padding:var(--space-4);position:relative;display:flex;flex-direction:row;width:fit-content}.workdayTasksTabs:before{content:"";position:absolute;top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:calc(50% - var(--space-4));border-radius:calc(var(--button-radius) - 4px);background-color:var(--primary-400);transition:transform .2s ease;will-change:transform}.workdayTasksTabs[data-active-tab=tomorrow]:before{transform:translate(100%)}.workdayTasksTab{min-width:110px;border:none;background:transparent;padding:var(--space-4);border-radius:8px;font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-regular);color:var(--text-primary);cursor:pointer;position:relative;transition:var(--button-default-transition)}.workdayTasksTab.isActive{font-weight:var(--font-weight-semibold);color:var(--text-on-dark)}.workdayTasksEntryRow{display:flex;align-items:center;gap:var(--space-12)}.workdayTasksInput{flex:1;min-width:fit-content;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);padding:var(--input-padding);background:var(--background-100);color:var(--text-primary);font-family:var(--text-input-value-font-family);font-size:var(--text-body-regular-font-size);outline:var(--input-outline);transition:var(--input-transition)}.workdayTasksInput::placeholder{color:var(--text-placeholder)}.workdayTasksInput:focus{border-color:var(--border-color-brand);box-shadow:var(--input-focus-box-shadow);transition:var(--input-transition)}.workdayTasksInput:disabled{cursor:not-allowed}.workdayTasksAddButton{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-y) var(--button-padding-small-x);border:2px solid var(--button-primary-border);border-radius:var(--button-radius);background-color:var(--button-primary-bg);color:var(--button-primary-text);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--button-primary-font-weight);cursor:pointer}.workdayTasksAddButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.workdayTasksAddButton:hover:not(:disabled){background:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.workdayTasksError{margin:0;color:var(--text-error);font-family:var(--text-body-regular-font-family);font-size:var(--font-size-xs)}.workdayTasksList{list-style:none;margin:0;padding:0 0 var(--space-24);display:flex;flex-direction:column;gap:var(--space-8);flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--primary-400) var(--background-card-200)}.workdayTasksList::-webkit-scrollbar{width:var(--space-8)}.workdayTasksList::-webkit-scrollbar-track{background-color:var(--background-card-200)}.workdayTasksList::-webkit-scrollbar-thumb{background-color:var(--primary-400);border:2px solid var(--background-card-200)}.workdayTasksList::-webkit-scrollbar-thumb:hover{background-color:var(--button-primary-500)}.workdayTasksItem{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-12);border-radius:var(--button-radius);background-color:var(--background-100);border:1px solid var(--border-color-default)}.workdayTasksCheckRow{display:inline-flex;align-items:center;gap:var(--space-12);flex:1;cursor:pointer}.workdayTasksItemText{width:fit-content;font-size:var(--text-body-regular-font-size)}.workdayTasksItem.isDone .workdayTasksItemText{text-decoration:line-through;color:var(--text-secondary)}.workdayTasksDeleteButton{padding:0;width:var(--icon-size-36);height:var(--icon-size-36);border:2px solid var(--button-red-border);border-radius:var(--button-radius);background-color:var(--error-50);color:var(--text-secondary);font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.workdayTasksDeleteButton:hover:not(:disabled){background-color:var(--button-red-bg);border-color:var(--border-color-error);color:var(--error-400);transition:var(--button-default-transition)}.workdayTasksEmpty{padding:var(--space-20);color:var(--text-secondary);text-align:center}.loginPage,.signupPage,.signupWorkhoursPage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-32);padding:var(--layout-container-padding);background-color:var(--surface-background);color:var(--text-primary)}.subtitle{max-width:640px;margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);text-align:left}.subtitle button{border:0;padding:0;background-color:transparent;text-decoration:underline;font-weight:var(--font-weight-bold);color:var(--primary-600);cursor:pointer}.loginContent{width:100%;display:grid;grid-template-columns:repeat(2,minmax(320px,400px));align-items:center;justify-content:center;gap:var(--space-40)}.loginFormColumn{display:flex;flex-direction:column;justify-content:center}.loginTitle{margin:0 0 var(--space-32);font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.loginForm{display:flex;flex-direction:column;gap:var(--space-20)}.inputField{display:flex;flex-direction:column;gap:var(--space-8);font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-bold)}.inputField input{width:400px;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--background-100);padding:var(--input-padding);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-primary);outline:var(--input-outline)}.inputField input::placeholder{color:var(--text-placeholder)}.inputField input:focus{border-color:var(--border-green-300);box-shadow:var(--input-focus-box-shadow);transition:var(--input-transition)}.passwordInputWrap{position:relative;width:100%;max-width:400px}.passwordInputWrap input{width:100%;min-width:0;box-sizing:border-box;padding-right:56px}.errorMessage{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--error-400)}.loginSubmit{width:140px;margin-top:var(--space-12);border:2px solid var(--button-primary-border);border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-primary-bg);cursor:pointer;align-self:center;font-size:var(--button-default-font-size);font-family:var(--button-default-font-family);font-weight:var(--button-primary-font-weight);color:var(--button-primary-text)}.loginSubmit:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.loginSubmit:disabled{cursor:wait;opacity:var(--opacity-disabled)}.loginBrandColumn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-24);text-align:center}.loginBrandLogo{display:block;width:100%;height:auto}.signupLogoCounterGroup{position:fixed;top:var(--layout-container-padding);bottom:var(--layout-container-padding);left:var(--layout-container-padding);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.signupTopLogo{display:block;width:100%;height:auto}.signupStepCounter{font-family:var(--font-family-body);font-size:var(--font-size-xs)}.signupCenterStage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-32)}.signupHeading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);text-align:center}.signupTitle{margin:0 0 var(--space-8) 0;font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.signupQuestionCard{width:100%;padding:var(--space-24);border-radius:var(--popupcard-border-radius);background-color:var(--surface-card);display:flex;flex-direction:column;gap:var(--space-24)}.signupChoiceRow{display:flex;align-items:center;gap:var(--space-8);font-family:var(--font-family-body);font-size:var(--font-size-s)}.checkbox{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);border:2px solid var(--checkbox-default-border);background-color:var(--checkbox-default-bg);cursor:pointer;display:grid;place-items:center;transition:var(--input-transition)}.checkbox:hover{background-color:var(--checkbox-hover-bg)}.checkbox:after{content:"";width:var(--checkbox-icon-size);height:6px;border:3px solid var(--checkbox-icon-color);border-top:0;border-right:0;margin:0 0 var(--space-4) 0;transform:rotate(-45deg) scale(0) translateY(8px);transition:var(--input-transition)}.checkbox:checked{background-color:var(--checkbox-selected-bg)}.checkbox:checked:after{transform:rotate(-45deg) scale(1)}.signupOtherRow{display:flex;align-items:center;gap:var(--space-8);font-family:var(--font-family-body);font-size:var(--font-size-s)}.signupOtherRow input{flex:1;border:0;border-bottom:1px solid var(--text-primary);background:transparent;padding:0 var(--space-4);outline:none}.signupBinaryOption{width:100%;text-align:left;display:flex;align-items:center;gap:var(--space-12)}.signupBinaryCopy{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-family-body)}.signupBinaryCopy span{font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.signupBinaryCopy small{font-size:var(--font-size-xs)}.signupPrimaryAction{min-width:var(--button-min-width);width:140px;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);border:2px solid var(--button-secondary-border);background-color:var(--button-secondary-bg);color:var(--button-secondary-text);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);cursor:pointer;position:fixed;right:var(--layout-container-padding);bottom:var(--layout-container-padding)}.signupPrimaryAction:hover{border-color:var(--button-secondary-hover-border);background-color:var(--button-secondary-hover-bg);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.signupPrimaryAction:disabled{cursor:wait;opacity:var(--opacity-disabled)}.signupError{width:min(580px,100%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--error-400)}.signupWorkhoursPage{min-height:80vh}.signupWorkhoursContent{background-color:var(--surface-card);padding:var(--popupcard-padding);border-radius:var(--popupcard-border-radius)}.signupForm,.signupSettingsPanel,.signupSettingsRows{display:flex;flex-direction:column;gap:var(--space-20)}.signupRowValue input[type=time]::-webkit-calendar-picker-indicator,.signupRowValue input[type=time]::-webkit-clear-button,.signupRowValue input[type=time]::-webkit-inner-spin-button,.signupRowValue input[type=time]::-webkit-outer-spin-button{display:none;-webkit-appearance:none}.signupWeekdaysRow{align-items:flex-start}.signupSubmit{min-width:152px;border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--font-size-s);font-family:var(--button-default-font-family);cursor:pointer}.signupSubmit{border:1px solid var(--primary-700);background-color:var(--brand-primary);color:var(--text-on-dark)}.signupSubmit:hover{background-color:var(--primary-400);border-color:var(--primary-800);transition:all .2s ease}.signupSubmitFirst{width:100%;margin-top:var(--space-8)}.signupSubmit:disabled,.signupField input:disabled{cursor:wait;opacity:.8}.signupBrandColumn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-24);text-align:center}.signupBrandText{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-s);line-height:1.4}.signupBrandText button{border:0;background:transparent;padding:0;font:inherit;text-decoration:underline;cursor:pointer}.settingsPage,.workhoursPage,.notificationsPage,.personalPage,.privacyPage{flex:1;display:flex;flex-direction:column;padding:var(--layout-container-padding);background-color:var(--surface-background);max-width:100%;gap:var(--space-32);color:var(--text-primary)}.settingsHeader{display:flex;align-items:center;gap:var(--space-12)}.settingsBack{padding:0;border:0;background-color:transparent;display:flex;align-items:center;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);color:var(--text-primary);cursor:pointer}.settingsTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--font-weight-semibold)}.settingsListWrap{display:flex;justify-content:center;margin:10% 0 auto}.settingsList{list-style:none;margin:0;padding:0;width:min(500px,80%);background:transparent}.settingsListItem{border-bottom:1px solid var(--background-600);display:flex;align-items:center}.settingsListItem:last-child{border-bottom:none}.settingsChevron{font-size:var(--font-size-lg)}.settingsListItem:hover{font-weight:var(--font-weight-bold);max-height:60px;transition:all .2s ease}.settingsListItem:hover .settingsChevron{font-size:var(--font-size-xl);transform:translate(8px);transition:all .2s ease}.settingsRow{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-12);background:transparent;border:0;cursor:pointer}.settingsLabel{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);color:var(--text-primary)}.logoutBtn{margin-left:auto;width:140px;padding:var(--button-padding-small-y) var(--button-padding-small-x);border:2px solid var(--button-red-border);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);background-color:var(--button-red-bg);color:var(--button-red-text);cursor:pointer}.logoutBtn:hover{box-shadow:var(--button-default-hover-shadow);background-color:var(--button-red-hover-bg);transition:var(--button-default-transition)}.workhoursContent{width:100%;display:flex;flex-direction:column;gap:var(--space-20);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.row{display:flex;align-items:center;gap:var(--space-24)}.label{width:360px}.weekdays{display:flex;gap:var(--space-8);align-items:flex-start}.weekdayOption{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.weekdayLabel{margin:0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.weekdayCheckbox{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-radius);border:2px solid var(--checkbox-default-border);background-color:var(--checkbox-default-bg);cursor:pointer;display:grid;place-items:center;transition:var(--input-transition)}.weekdayCheckbox:hover{background-color:var(--checkbox-hover-bg)}.weekdayCheckbox:after{content:"";width:var(--checkbox-icon-size);height:6px;border:3px solid var(--checkbox-icon-color);border-top:0;border-right:0;margin:0 0 var(--space-4) 0;transform:rotate(-45deg) scale(0) translateY(8px);transition:var(--input-transition)}.weekdayCheckbox:checked{background-color:var(--checkbox-selected-bg)}.weekdayCheckbox:checked:after{transform:rotate(-45deg) scale(1)}.value{flex:1;display:flex;align-items:center;gap:var(--space-4);transition:all .2s ease}.value input[type=number]{width:64px;outline:none;margin:0 var(--space-4)}.value input{width:fit-content;padding:var(--space-4);border-radius:10px;border:1px solid var(--border-color-default);background-color:var(--background-100);font-family:var(--text-input-value-font-family);font-size:var(--text-input-value-font-size)}.value input[type=time]::-webkit-calendar-picker-indicator,.value input[type=time]::-webkit-clear-button,.value input[type=time]::-webkit-inner-spin-button,.value input[type=time]::-webkit-outer-spin-button{display:none;-webkit-appearance:none}.iconEdit{margin:0 0 0 var(--space-4);color:var(--primary-700);font-size:var(--font-size-md)}.toggle{width:var(--toggle-track-width);height:var(--toggle-track-height);background-color:var(--toggle-off-bg);border-radius:var(--toggle-track-radius);border:2px solid var(--toggle-border-color);display:inline-flex;align-items:center;padding:var(--space-4);cursor:pointer}.toggle:hover{background-color:var(--toggle-hover-bg);transition:all .2s ease}.toggle[aria-pressed=true]{background-color:var(--toggle-on-bg);border:2px solid var(--toggle-border-color)}.knob{width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);border-radius:var(--toggle-thumb-radius);background-color:var(--toggle-off-thumb);transform:translate(0);transition:all .2s ease}.toggle[aria-pressed=true] .knob{transform:translate(var(--toggle-thumb-size));background-color:var(--toggle-on-thumb)}.toggle:disabled,.value input:disabled,.rowDisabled .label,.rowDisabled .durationUnit,.rowDisabled .iconEdit{opacity:var(--opacity-disabled)}.notificationsContent{width:100%;display:flex;flex-direction:column;gap:var(--space-32);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);margin:0 auto}.notificationRow .label{width:560px;display:flex;flex-direction:column}.notificationTitle{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-semibold)}.notificationDescription{width:100%;margin-top:var(--space-4);font-family:var(--text-body-small-font-family, var(--text-body-regular-font-family));font-size:var(--text-body-small-font-size, .9rem);color:var(--text-secondary, var(--text-primary))}.saveButton{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);cursor:pointer;font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--font-weight-regular);color:var(--button-highlight-text);border:2px solid var(--button-highlight-border);background-color:var(--button-highlight-bg);position:absolute;right:var(--layout-container-padding);bottom:var(--layout-container-padding)}.saveButton:hover{background-color:var(--highlight-300);border-color:var(--highlight-400);box-shadow:var(--button-default-hover-shadow);transition:all .2s ease}.savedMessage,.saveWarning{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);color:var(--text-primary);padding:var(--space-8) var(--space-12);border-radius:var(--button-radius);position:absolute;right:var(--layout-container-padding);top:var(--layout-container-padding);opacity:0;transform:translateY(-8px)}.saveWarning{border:2px solid var(--error-300);background-color:var(--error-200)}.savedMessage{border-left:4px solid var(--success-500);border-right:4px solid var(--success-500);background-color:var(--success-200)}.savedMessage.visible,.saveWarning.visible{opacity:1;transform:translateY(0);transition:all .2s ease}.personalContent{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-32)}.personalAvatarRow{display:flex;align-items:flex-end;gap:var(--space-8)}.personalInlineEdit{font-size:var(--font-size-md);color:var(--primary-700);padding:0;border:0;background:transparent;cursor:pointer}.personalAvatarButton{padding:0;width:96px;height:96px;border-radius:50%;overflow:hidden;background-color:var(--primary-200);border:4px solid var(--primary-600)}.personalAvatarIcon{margin:var(--space-4) 0 0 0;width:100%;height:100%;color:var(--highlight-400)}.personalAvatarImage{width:100%;height:100%;object-fit:cover;display:block}.personalFields{width:fit-content;display:flex;flex-direction:column;gap:var(--space-24)}.personalFieldRow{width:100%;display:flex;align-items:center;gap:var(--space-12)}.personalFieldLabel{width:fit-content;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-bold)}.personalFieldValueWrap{display:inline-flex;align-items:center;gap:var(--space-8)}.personalFieldInputWrap{position:relative;width:min(420px,100%)}.personalFieldInputWrap .personalInlineEditInside{position:absolute;top:6px;right:var(--space-8);pointer-events:none}.personalFieldValue{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.personalFieldInput{width:360px;padding:var(--space-4) var(--space-8);padding-right:calc(var(--space-8) + var(--icon-size-32) + var(--space-8));border-radius:var(--button-radius);border:2px solid var(--button-neutral-border);background-color:var(--background-100);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.personalFieldInput:focus,.personalFieldInput.active{outline:none;border-color:var(--primary-700);box-shadow:var(--input-focus-box-shadow)}.personalFieldInput:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border);transition:var(--input-transition)}.personalPasswordChangeButton{align-self:flex-start;min-width:var(--button-min-width);padding:var(--button-padding-small-y) var(--button-padding-small-x);border:2px solid var(--button-neutral-border);border-radius:var(--button-radius);background-color:var(--background-100);color:var(--button-neutral-text);font-family:var(--font-family-body);font-size:var(--button-default-font-size);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-4)}.personalPasswordChangeButton:hover{background-color:var(--button-neutral-hover-bg);border-color:var(--button-neutral-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.personalPasswordChangeIcon{margin:0 0 var(--space-4) var(--space-4);font-size:var(--font-size-md);color:var(--primary-700)}.passwordModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--layout-container-padding);background:var(--backdrop-darken)}.passwordModal{min-width:fit-content;border-radius:var(--popupcard-border-radius);background:var(--surface-card);box-shadow:var(--popupcard-box-shadow, 0 28px 64px rgba(0, 0, 0, .2));padding:var(--popupcard-padding);display:flex;flex-direction:column;gap:var(--space-8)}.passwordModalHeader{display:flex;align-items:center}.passwordModalTitle{width:100%;margin:0;text-align:center;font-family:var(--font-family-heading);font-size:var(--text-heading-3-font-size);font-weight:var(--text-heading-3-font-weight)}.passwordModalForm{display:flex;flex-direction:column;gap:var(--space-24);margin:0 auto}.passwordMessage{width:100%;text-align:center;padding:var(--space-8) var(--space-12);border-radius:var(--button-radius);border:2px solid var(--error-300);background-color:var(--error-200);color:var(--text-primary);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);opacity:0;transform:translateY(-8px);transition:all .2s ease}.passwordMessage.visible{opacity:1;transform:translateY(0)}.passwordModalField{width:fit-content;display:flex;flex-direction:column;gap:var(--space-8);font-family:var(--font-family-body);font-size:var(--font-size-s);font-weight:var(--font-weight-semibold)}.passwordInputWrap{position:relative;width:420px}.passwordModalField input{width:100%;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--background-100);padding:var(--input-padding);padding-right:56px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);outline:var(--input-outline)}.passwordVisibilityButton{padding:0;position:absolute;top:50%;right:var(--space-8);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-36);height:var(--icon-size-36);border:none;background-color:transparent;color:var(--text-primary);cursor:pointer}.passwordVisibilityButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.passwordModalField input::placeholder{color:var(--text-placeholder)}.passwordModalField input:focus{border-color:var(--border-green-300);box-shadow:0 0 0 3px var(--border-300);transition:var(--input-transition)}.passwordForgotLink{width:fit-content;margin:0 0 var(--space-8) var(--space-4);color:var(--text-primary);font-family:var(--text-body-regular-font-family);font-weight:var(--font-weight-regular);font-size:var(--text-body-small-font-size);text-decoration:underline}.passwordModalSubmitButton{align-self:center;min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-y) var(--button-padding-x);background-color:var(--button-highlight-bg);border-radius:var(--button-radius);border:2px solid var(--button-highlight-border);color:var(--button-highlight-text);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--font-weight-regular);cursor:pointer}.passwordModalSubmitButton:hover{background-color:var(--highlight-300);border-color:var(--highlight-400);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.passwordModalSubmitButton:disabled,.passwordModalCloseButton:disabled,.personalPasswordChangeButton:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.passwordModalCloseButton{background-color:transparent;padding:0;height:var(--icon-size-32);border:none;color:var(--text-primary);font-size:var(--close-button-size);cursor:pointer}.deleteAccountButton{margin-top:auto;width:var(--button-min-width);padding:var(--button-padding-small-y) var(--button-padding-small-x);border:2px solid var(--button-red-border);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);background-color:var(--button-red-bg);color:var(--button-red-text);cursor:pointer}.deleteAccountButton:hover{border-color:var(--button-red-hover-border);background-color:var(--button-red-hover-bg);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.personalSaveButton{position:absolute;right:var(--layout-container-padding);bottom:var(--layout-container-padding)}.privacyContent{width:100%;display:flex;flex-direction:column;gap:var(--space-32);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.privacyAccordion{display:flex;flex-direction:column;gap:var(--space-20)}.accordionRow{padding:0;display:flex;align-items:center;gap:var(--space-12);background:transparent;border:0;text-align:left;font-family:var(--text-body-regular-font-family);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer}.accordionPanel{max-height:0;margin:0 0 0 var(--space-16);overflow:hidden;opacity:0;transition:all .2s ease}.accordionPanel.open{max-height:400px;opacity:1}.accordionList{margin:var(--space-4) 0 0 0;font-size:var(--text-body-small-font-size);color:var(--text-secondary)}.accordionList li{margin-bottom:var(--space-4)}.accordionChevron{font-size:var(--font-size-lg);transition:all .2s ease;transform-origin:center;display:inline-block}.accordionRow.open .accordionChevron{transform:rotate(90deg)}.privacyActions{display:flex;flex-direction:column;gap:var(--space-12)}.privacyHint{margin:0;color:var(--text-secondary);font-size:var(--text-body-small-font-size, .9rem)}.exportButton,.deletePersonalDataButton{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;padding:var(--button-padding-small-y) var(--button-padding-small-x);border-radius:var(--button-radius);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);color:var(--text-on-light);cursor:pointer}.deletePersonalDataButton{margin:var(--space-24) 0 0 0;border:2px solid var(--button-red-border);background-color:var(--button-red-bg)}.deletePersonalDataButton:hover{background-color:var(--button-red-hover-bg);border-color:var(--button-red-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.exportButton{border:2px solid var(--button-secondary-border);background-color:var(--button-secondary-bg)}.exportButton:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.upgradePage{flex:1;display:flex;flex-direction:column;padding:var(--layout-container-padding);background-color:var(--surface-background);max-width:100%;gap:var(--space-32);font-family:var(--text-body-regular-font-family);color:var(--text-primary)}.upgradeHeader{display:flex;align-items:center;gap:var(--space-12)}.upgradeTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--font-weight-semibold)}.upgradeBillingToggle{margin:0 0 0 auto;border:1px solid var(--primary-400);border-radius:var(--button-radius);background-color:var(--primary-200);padding:var(--space-4);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.upgradeBillingToggle:before{content:"";position:absolute;top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:calc(50% - var(--space-4));border-radius:calc(var(--button-radius) - 4px);background-color:var(--primary-400);transition:transform .2s ease;will-change:transform}.upgradeBillingToggle[data-billing-cycle=yearly]:before{transform:translate(100%)}.upgradeBillingOption{border:none;background:transparent;min-width:140px;padding:var(--space-4);border-radius:8px;font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-regular);color:var(--text-primary);cursor:pointer;position:relative;z-index:1;transition:color .2s ease,font-weight .2s ease}.upgradeBillingOption.active{font-weight:var(--font-weight-semibold);color:var(--text-on-dark)}.upgradeGrid{margin:0 auto;display:grid;grid-template-columns:2fr 1fr;grid-template-columns:1fr 1fr;gap:var(--space-24)}.upgradeCard{min-width:340px;max-width:480px;min-height:fit-content;display:flex;flex-direction:column;align-items:center;border-radius:var(--popupcard-border-radius);border:1px solid var(--border-color-default);padding:var(--premium-card-padding);box-shadow:var(--premium-card-shadow)}.upgradeCardTop{background:var(--premium-card-background)}.upgradeCardBottom{background-color:var(--surface-card);padding:var(--space-20) var(--space-32);gap:var(--space-8)}.upgradeCardBottom .upgradePrice{margin:0}.upgradeCardTitle{width:100%;margin:0;padding:0 0 var(--space-8) 0;border-bottom:2px solid var(--primary-300);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--font-weight-semibold);text-align:center}.upgradeCardTitle svg{font-size:var(--font-size-2xl)}.upgradePrice{margin:var(--space-8) 0 0;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.upgradeSubPrice{margin:var(--space-2) 0 var(--space-12);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.upgradeList{list-style:none;margin:var(--space-20) 0;padding:0;display:grid;gap:var(--space-8);font-size:var(--text-body-regular-font-size)}.upgradeList li{width:fit-content;display:inline-flex;align-items:center;gap:var(--space-8)}.upgradeListCompact{grid-template-columns:1fr 1fr;row-gap:var(--space-8);column-gap:var(--space-16);margin:0 0 var(--space-16) 0}.upgradePrimaryBtn{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;border:2px solid var(--button-primary-border);background-color:var(--button-primary-bg);color:var(--button-primary-text);border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);font-weight:var(--button-primary-font-weight);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8)}.upgradePrimaryBtn svg{font-size:var(--font-size-md)}.upgradePrimaryBtn:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow);transition:var(--button-default-transition)}.currentPlanLabel{border-radius:var(--button-radius);border:2px solid var(--border-color-default);background-color:var(--surface-background);padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--text-body-small-font-size)}.supportTitle{width:95%;font-size:var(--font-size-lg);border-bottom:none}.upgradeSupportText{margin:0 0 var(--space-16) 0;font-size:var(--text-body-regular-font-size);text-align:left}@media(max-width:1078px){.upgradeGrid{margin:0}.upgradeListCompact{grid-template-columns:1fr}}:root{--background-50: #fffffe;--background-100: #fffffe;--background-200: #fffefc;--background-300: #fffcf5;--background-400: #e6e3dd;--background-500: #cccac4;--background-600: #bfbdb8;--background-700: #999793;--background-800: #73716e;--background-900: #595856;--background-card-50: #fefdfb;--background-card-100: #fdfcf9;--background-card-200: #fcf9f3;--background-card-300: #f4edd9;--background-card-400: #dcd5c3;--background-card-500: #c3beae;--background-card-600: #b7b2a3;--background-card-700: #928e82;--background-card-800: #6e6b62;--background-card-900: #55534c;--background-section-50: #fdfcfa;--background-section-100: #fcfaf7;--background-section-200: #f8f5ee;--background-section-300: #e9dec8;--background-section-400: #d2c8b4;--background-section-500: #bbaba0;--background-section-600: #afa796;--background-section-700: #8c8578;--background-section-800: #69645a;--background-section-900: #524e46;--text-primary-50: #e8e8e8;--text-primary-100: #dddddd;--text-primary-200: #b8b8b8;--text-primary-300: #1a1a1a;--text-primary-400: #171717;--text-primary-500: #151515;--text-primary-600: #141414;--text-primary-700: #101010;--text-primary-800: #0c0c0c;--text-primary-900: #090909;--text-secondary-50: #ececec;--text-secondary-100: #e3e3e3;--text-secondary-200: #4c4c4c;--text-secondary-300: #414141;--text-secondary-400: #3b3b3b;--text-secondary-500: #343434;--text-secondary-600: #313131;--text-secondary-700: #272727;--text-secondary-800: #1d1d1d;--text-secondary-900: #171717;--border-50: #bfbfba;--border-100: #9f9f87;--border-200: #f2f1ef;--border-300: #d6d2ca;--border-400: #c1bdb6;--border-500: #aba8a2;--border-600: #a19e98;--border-700: #807e79;--border-800: #605e5b;--border-900: #4b4a47;--primary-50: #f1f4f3;--primary-100: #eaecef;--primary-200: #d5ded8;--primary-300: #769382;--primary-400: #6a8475;--primary-500: #5e7668;--primary-600: #596e62;--primary-700: #47584e;--primary-800: #35423a;--primary-900: #29332e;--highlight-50: #f6f9f7;--highlight-100: #f2f5f3;--highlight-200: #e4ebe6;--highlight-300: #a8bfaf;--highlight-400: #97ac9e;--highlight-500: #86998c;--highlight-600: #7e8f83;--highlight-700: #657369;--highlight-800: #4c564f;--highlight-900: #3b433d;--border-green-50: #f9f9f8;--border-green-100: #f6f6f4;--border-green-200: #ebece9;--border-green-300: #c0c3b8;--border-green-400: #adb0a6;--border-green-500: #9a9c93;--border-green-600: #90928a;--border-green-700: #73756e;--border-green-800: #565853;--border-green-900: #434440;--success-50: #f0f7f4;--success-100: #e9f3ee;--success-200: #d1e6dc;--success-300: #6baf8e;--success-400: #609e80;--success-500: #568c72;--success-600: #50836b;--success-700: #406955;--success-800: #304f40;--success-900: #253d32;--warning-50: #fffaF4;--warning-100: #fbf7ef;--warning-200: #fff6ed;--warning-300: #e3cb91;--warning-400: #ccb783;--warning-500: #b6a274;--warning-600: #a98c67;--warning-700: #887a57;--warning-800: #665b41;--warning-900: #4f4733;--error-50: #fbf3f3;--error-100: #f9ecec;--error-200: #f4d9d9;--error-300: #da8383;--error-400: #c47676;--error-500: #ae6969;--error-600: #a46262;--error-700: #834f4f;--error-800: #623b3b;--error-900: #4c2e2e;--info-50: #f4f7fa;--info-100: #eef3f7;--info-200: #dde5ee;--info-300: #8cb2c8;--info-400: #7ea0b4;--info-500: #708ea0;--info-600: #698696;--info-700: #546b78;--info-800: #3f505a;--info-900: #313e46;--text-primary: var(--text-primary-300);--text-secondary: var(--text-secondary-300);--text-brand: var(--primary-300);--text-disabled: var(--border-50);--text-placeholder: var(--border-600);--text-on-light: var(--text-primary-300);--text-on-dark: var(--background-50);--text-success: var(--success-300);--text-warning: var(--warning-300);--text-error: var(--error-300);--text-info: var(--info-300);--surface-background: var(--background-300);--surface-card: var(--background-card-300);--surface-section: var(--background-section-300);--border-color-default: var(--border-300);--border-color-green: var(--border-green-300);--border-color-brand: var(--primary-300);--border-color-success: var(--success-300);--border-color-warning: var(--warning-300);--border-color-error: var(--error-300);--border-color-info: var(--info-300);--brand-primary: var(--primary-300);--brand-highlight: var(--highlight-300)}:root{--font-family-heading: "Lora", serif;--font-family-body: "Nunito", sans-serif;--font-size-xxs: 14px;--font-size-xs: 16px;--font-size-s: 18px;--font-size-sm: 20px;--font-size-md: 24px;--font-size-lg: 28px;--font-size-xl: 32px;--font-size-2xl: 36px;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-xs: 22px;--line-height-sm: 28px;--line-height-md: 36px;--line-height-lg: 42px;--line-height-xl: 46px;--letter-spacing-default: 0px;--text-heading-1-font-family: var(--font-family-heading);--text-heading-1-font-weight: var(--font-weight-bold);--text-heading-1-font-size: var(--font-size-2xl);--text-heading-1-line-height: var(--line-height-xl);--text-heading-1-letter-spacing: var(--letter-spacing-default);--text-heading-2-font-family: var(--font-family-heading);--text-heading-2-font-weight: var(--font-weight-semibold);--text-heading-2-font-size: var(--font-size-xl);--text-heading-2-line-height: var(--line-height-lg);--text-heading-2-letter-spacing: var(--letter-spacing-default);--text-heading-3-font-family: var(--font-family-heading);--text-heading-3-font-weight: var(--font-weight-regular);--text-heading-3-font-size: var(--font-size-lg);--text-heading-3-line-height: var(--line-height-md);--text-heading-3-letter-spacing: var(--letter-spacing-default);--text-body-regular-font-family: var(--font-family-body);--text-body-regular-font-weight: var(--font-weight-regular);--text-body-regular-font-size: var(--font-size-s);--text-body-regular-line-height: var(--line-height-sm);--text-body-small-font-family: var(--font-family-body);--text-body-small-font-weight: var(--font-weight-regular);--text-body-small-font-size: var(--font-size-xs);--text-navigation-default-font-family: var(--font-family-body);--text-navigation-default-font-weight: var(--font-weight-semibold);--text-navigation-default-font-size: var(--font-size-sm);--text-navigation-default-line-height: var(--line-height-sm);--text-navigation-default-color: var(--text-primary);--text-navigation-hover-font-family: var(--font-family-body);--text-navigation-hover-font-weight: var(--font-weight-bold);--text-navigation-hover-font-size: var(--font-size-sm);--text-navigation-hover-line-height: var(--line-height-sm);--text-navigation-hover-color: var(--text-brand);--text-navigation-active-font-family: var(--font-family-body);--text-navigation-active-font-weight: var(--font-weight-extrabold);--text-navigation-active-font-size: var(--font-size-sm);--text-navigation-active-line-height: var(--line-height-sm);--text-navigation-active-color: var(--primary-600);--text-link-default-font-family: var(--font-family-body);--text-link-default-font-weight: var(--font-weight-regular);--text-link-default-font-size: var(--font-size-sm);--text-link-default-line-height: var(--line-height-sm);--text-link-default-color: var(--text-brand);--text-link-default-decoration: underline;--text-link-hover-color: var(--primary-400);--text-link-active-color: var(--primary-500);--text-input-value-font-family: var(--font-family-body);--text-input-value-font-weight: var(--font-weight-regular);--text-input-value-font-size: var(--font-size-sm);--text-input-value-line-height: var(--line-height-sm);--text-input-value-color: var(--text-primary);--text-input-placeholder-font-family: var(--font-family-body);--text-input-placeholder-font-weight: var(--font-weight-regular);--text-input-placeholder-font-size: var(--font-size-sm);--text-input-placeholder-line-height: var(--line-height-sm);--text-input-placeholder-color: var(--text-placeholder);--text-input-disabled-font-family: var(--font-family-body);--text-input-disabled-font-weight: var(--font-weight-regular);--text-input-disabled-font-size: var(--font-size-sm);--text-input-disabled-line-height: var(--line-height-sm);--text-input-disabled-color: var(--text-disabled)}:root{--space-0: 0px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-120: 120px;--space-240: 240px;--layout-section: var(--space-120);--layout-container-padding: var(--space-32);--layout-card-padding: var(--space-24);--layout-component-gap: var(--space-16);--layout-input-padding-x: var(--space-16);--layout-input-padding-y: var(--space-12)}:root{--icon-size-12: 12px;--icon-size-16: 16px;--icon-size-20: 20px;--icon-size-24: 24px;--icon-size-28: 28px;--icon-size-32: 32px;--icon-size-36: 36px;--icon-size-48: 48px;--close-button-size: var(--font-size-xl);--button-radius: 10px;--button-border-style: solid;--button-border-width: 2px;--button-min-width: fit-content;--button-min-height: fit-content;--button-padding-x: var(--space-20);--button-padding-y: var(--space-8);--button-padding-small-x: var(--space-12);--button-padding-small-y: var(--space-4);--button-default-font-size: var(--font-size-s);--button-default-font-family: var(--font-family-heading);--button-default-font-weight: var(--font-weight-regular);--button-default-line-height: var(--line-height-sm);--button-default-text-align: center;--button-default-hover-shadow: 0px 4px 6px rgba(0, 0, 0, .12);--button-default-transition: all .2s ease-in-out;--duo-buttons-column-gap: var(--space-12);--button-primary-bg: var(--primary-300);--button-primary-border: var(--primary-700);--button-primary-text: var(--text-on-dark);--button-primary-font-weight: var(--font-weight-semibold);--button-primary-letter-spacing: .01em;--button-primary-hover-bg: var(--primary-400);--button-primary-hover-border: var(--primary-700);--button-primary-active-bg: var(--primary-300);--button-primary-active-border: var(--primary-700);--button-secondary-bg: var(--highlight-50);--button-secondary-border: var(--highlight-300);--button-secondary-text: var(--text-on-light);--button-secondary-hover-bg: var(--highlight-200);--button-secondary-hover-border: var(--highlight-400);--button-secondary-active-bg: var(--highlight-500);--button-secondary-active-border: var(--highlight-800);--button-highlight-bg: var(--highlight-200);--button-highlight-border: var(--highlight-300);--button-highlight-text: var(--text-on-light);--button-highlight-hover-bg: var(--highlight-300);--button-highlight-hover-border: var(--highlight-500);--button-highlight-active-bg: var(--highlight-500);--button-highlight-active-border: var(--highlight-800);--button-neutral-bg: var(--background-300);--button-neutral-border: var(--background-400);--button-neutral-text: var(--text-on-light);--button-neutral-hover-bg: var(--background-400);--button-neutral-hover-border: var(--background-500);--button-neutral-active-bg: var(--background-500);--button-neutral-active-border: var(--background-400);--button-red-bg: var(--error-100);--button-red-border: var(--error-200);--button-red-text: var(--text-on-light);--button-red-hover-bg: var(--error-200);--button-red-hover-border: var(--error-300);--button-red-active-bg: var(--error-300);--button-red-active-border: var(--error-400);--checkbox-size: 28px;--checkbox-radius: 6px;--checkbox-icon-size: var(--icon-size-12);--checkbox-icon-color: var(--text-on-dark);--checkbox-default-bg: transparent;--checkbox-default-border: var(--primary-400);--checkbox-hover-bg: var(--primary-200);--checkbox-hover-border: var(--border-state-hover);--checkbox-selected-bg: var(--primary-300);--checkbox-selected-border: var(--primary-300);--checkbox-error-bg: var(--error-50);--checkbox-error-border: var(--border-state-error);--checkbox-disabled-bg: var(--background-200);--checkbox-disabled-border: var(--border-state-disabled);--checkbox-focus-ring-color: var(--primary-200);--checkbox-focus-ring-width: 2px;--toggle-track-width: 50px;--toggle-track-height: 28px;--toggle-track-radius: 20px;--toggle-thumb-size: 20px;--toggle-thumb-radius: 50%;--toggle-border-color: var(--primary-600);--toggle-off-bg: var(--primary-50);--toggle-off-thumb: var(--primary-300);--toggle-hover-bg: var(--primary-200);--toggle-on-bg: var(--primary-300);--toggle-on-thumb: var(--primary-50);--toggle-disabled-bg: var(--background-200);--toggle-disabled-border: var(--border-state-disabled);--toggle-focus-ring-color: var(--primary-200);--toggle-focus-ring-width: 2px;--toggle-animation: all .15s ease-in-out;--slider-track-height: 8px;--slider-track-radius: 4px;--slider-track-bg: var(--border-300);--slider-thumb-size: 24px;--slider-thumb-radius: 50%;--slider-thumb-bg: var(--primary-300);--slider-thumb-hover-bg: var(--primary-400);--slider-thumb-hover-shadow: var(--button-default-hover-shadow);--input-border-radius: 10px;--input-border-width: 1px;--input-border-style: solid;--input-border-color: var(--border-300);--input-padding: var(--space-12);--input-outline: none;--input-focus-box-shadow: 0 0 0 3px var(--border-green-200);--input-transition: all .2s ease;--popupcard-border-radius: 20px;--popupcard-padding: var(--space-24);--popupcard-box-shadow: 0 28px 64px rgba(0, 0, 0, .2);--premium-card-width: 520px;--premium-card-border-radius: 20px;--premium-card-background: linear-gradient(140deg, var(--highlight-200) 0%, var(--highlight-100) 30%, var(--background-card-300) 80%);--premium-card-shadow: 0px 4px 6px var(--primary-200);--premium-card-padding: var(--space-32);--premium-card-bg-blur: var(--backdrop-blur-6);--button-premium-transform: translateY(-2px);--opacity-disabled: .6;--backdrop-blur-2: blur(2px);--backdrop-blur-4: blur(4px);--backdrop-blur-6: blur(6px);--backdrop-darken: rgba(0, 0, 0, .4)}.companyManagementPage{flex:1;display:flex;flex-direction:column;gap:var(--space-24);padding:var(--layout-container-padding);font-family:var(--text-body-regular-font-family);color:var(--text-primary)}.companyManagementHeader{display:flex;align-items:center;gap:var(--space-12)}.companyManagementBack{padding:0;border:0;background-color:transparent;display:flex;align-items:center;font-size:var(--text-heading-2-font-size);color:var(--text-primary);cursor:pointer}.companyManagementTitle{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);font-weight:var(--text-heading-1-font-weight)}.companyManagementNotice,.companyManagementEmptyState{width:fit-content;margin:0;padding:var(--space-4) var(--space-8);color:var(--text-secondary);border-radius:6px;border:1px solid var(--info-300);background-color:var(--info-200)}.companyManagementAlert{margin:0;padding:var(--space-12) var(--space-16);border-radius:16px;background:var(--highlight-100);color:var(--text)}.companyManagementGrid{display:flex;flex-direction:column;gap:var(--space-32)}.companyManagementCard{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--text-body-regular-font-size)}.companyManagementCardHeader{display:flex;justify-content:space-between;gap:var(--space-16)}.companyManagementCardTitle{margin:0;display:flex;align-items:center;gap:var(--space-8);font-family:var(--text-heading-2-font-family);font-size:var(--font-size-lg)}.companyManagementForm{display:flex;flex-direction:column;gap:var(--space-20)}.companyManagementFields{display:flex;flex-direction:row;gap:var(--space-16)}.companyManagementInlineForm{display:flex;flex-direction:row;gap:var(--space-12);margin:0 0 var(--space-8) 0}.companyManagementField{width:100%;display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--font-size-s)}.companyManagementField input,.companyManagementInlineForm input{width:100%;border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--background-100);padding:var(--input-padding);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-primary);outline:var(--input-outline)}.companyManagementField input::placeholder,.companyManagementInlineForm input::placeholder{color:var(--text-placeholder)}.companyManagementField input:focus,.companyManagementInlineForm input:focus{border-color:var(--border-green-300);box-shadow:var(--input-focus-box-shadow);transition:var(--input-transition)}.companyManagementThemeSelection{display:flex;flex-direction:column;gap:var(--space-8)}.companyManagementThemeList{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-12)}.companyManagementThemeCard{border:1px solid var(--border-color-default);border-radius:20px;padding:var(--space-16);background:var(--background-100);color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-8)}.companyManagementThemeCard--active{outline:2px solid var(--primary-300);font-weight:var(--font-weight-semibold)}.companyManagementThemeCard__title{font-size:var(--font-size-xs)}.companyManagementThemePreview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.companyManagementThemePreview span{height:var(--space-24);border-radius:6px}.companyManagementSaveBtn,.companyManagementAddBtn,.companyManagementDangerBtn{min-width:var(--button-min-width);min-height:var(--button-min-height);width:140px;border-radius:var(--button-radius);padding:var(--button-padding-y) var(--button-padding-x);cursor:pointer;font-family:var(--button-default-font-family);font-size:var(--button-default-font-size);transition:var(--button-default-transition)}.companyManagementSaveBtn{font-weight:var(--font-weight-regular);color:var(--button-highlight-text);border:2px solid var(--button-highlight-border);background-color:var(--button-highlight-bg);margin:0 0 0 auto}.companyManagementSaveBtn:hover{background-color:var(--button-highlight-hover-bg);border-color:var(--button-highlight-hover-border);box-shadow:var(--button-default-hover-shadow)}.companyManagementAddBtn{font-weight:var(--button-primary-font-weight);color:var(--button-primary-text);border:2px solid var(--button-primary-border);background-color:var(--button-primary-bg)}.companyManagementAddBtn:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);box-shadow:var(--button-default-hover-shadow)}.companyManagementDangerBtn{font-size:var(--font-size-xs);width:fit-content;padding:var(--button-padding-small-y) var(--button-padding-small-x);background:var(--button-red-bg);color:var(--button-red-text);border:2px solid var(--button-red-border)}.companyManagementDangerBtn:hover{background-color:var(--button-red-hover-bg);border-color:var(--button-red-hover-border);box-shadow:var(--button-default-hover-shadow)}.companyManagementMemberList{display:flex;flex-direction:column;gap:var(--space-12)}.companyManagementMemberCard,.companyManagementMemberCard--pending{display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-16);padding:var(--space-12);border-radius:var(--button-radius);background:var(--background-100);border:1px solid var(--border-color-default)}.companyManagementMemberCard h3{margin:0;font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-semibold)}.companyManagementMemberCard p{font-size:var(--text-body-small-font-size);margin:var(--space-4) 0 0;color:var(--text-secondary)}.companyManagementBadge{display:inline-flex;height:fit-content;border-radius:999px;background:var(--highlight-200);padding:var(--space-4) var(--space-8);font-size:var(--text-body-small-font-size)}.companyManagementMemberActions{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-12)}