.error-center-banners{position:fixed;top:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:1100}.error-banner{display:flex;align-items:center;gap:8px;background:#fff9;color:#111827;border:1px solid var(--color-border);border-radius:20px;padding:6px 10px;width:max-content;max-width:30vw;box-shadow:0 2px 8px #00000014;transition:background .2s ease,opacity .2s ease}.error-banner--warning{background:#fff3cde6;border-color:#ffec99;color:#6b4e00}.error-banner__message{flex:1;font-size:14px}.error-banner:hover{background:#fff}.error-banner--attention{background:#ffebe6f2;border-color:#ffb4a4;color:#7a1e00;padding:10px 14px;transform:translateY(0);animation:error-bounce .45s ease-in-out 0s 4 alternate}@keyframes error-bounce{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}to{transform:translateY(0) scale(1)}}@media (max-width: 767px){.error-center-banners{display:none}}.help-hub-overlay{position:fixed;inset:0;z-index:2000;background:#0000000d;animation:help-overlay-enter .2s ease-out}@keyframes help-overlay-enter{0%{opacity:0}to{opacity:1}}.help-hub-panel{position:fixed;top:0;right:0;width:480px;max-width:90vw;height:100vh;background:#fff;border-left:1px solid var(--color-border);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:help-panel-slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes help-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-hub-header{padding:20px 24px 16px;border-bottom:1px solid var(--color-border);background:#fafafa;display:flex;align-items:center;justify-content:space-between}.help-hub-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.help-hub-close{background:none;border:none;color:var(--color-text-muted);font-size:18px;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.help-hub-close:hover{background:var(--color-hover);color:var(--color-text)}.help-hub-search{padding:20px 24px 16px;border-bottom:1px solid var(--color-border);background:#fff}.help-search-input-wrapper{position:relative;display:flex;align-items:center}.help-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:#fff;transition:all .15s ease}.help-search-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.help-search-icon{position:absolute;left:16px;color:var(--color-text-muted);font-size:16px;pointer-events:none}.help-search-suggestions{margin-top:12px}.help-suggestions-label{font-size:12px;color:var(--color-text-muted);margin-bottom:6px;font-weight:500}.help-suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.help-suggestion-button{background:#f5f5f7;border:1px solid transparent;border-radius:16px;padding:6px 12px;font-size:12px;color:var(--color-text);cursor:pointer;transition:all .15s ease}.help-suggestion-button:hover{background:#e8e8ed;border-color:var(--color-border)}.help-hub-content{flex:1;overflow-y:auto;padding:0}.help-section{border-bottom:1px solid var(--color-border);padding:20px 24px}.help-section:last-child{border-bottom:none}.help-section-header{margin-bottom:16px}.help-section-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--color-text)}.help-section-subtitle{margin:0;font-size:14px;color:var(--color-text-muted)}.help-quick-actions-grid{display:grid;grid-template-columns:1fr;gap:8px}.help-quick-action-card{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.help-quick-action-card:hover{background:#f9f9fb;border-color:#007aff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.help-quick-action-title{font-size:14px;color:var(--color-text);font-weight:500}.help-quick-action-arrow{color:var(--color-text-muted);font-size:14px;transition:all .15s ease}.help-quick-action-card:hover .help-quick-action-arrow{color:#007aff;transform:translate(2px)}.help-contextual-list{display:flex;flex-direction:column;gap:6px}.help-contextual-item{background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:10px 14px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.help-contextual-item:hover{background:#f9f9fb;border-color:#007aff}.help-contextual-item-title{font-size:13px;color:var(--color-text)}.help-contextual-item-arrow{color:var(--color-text-muted);font-size:12px;transition:all .15s ease}.help-contextual-item:hover .help-contextual-item-arrow{color:#007aff;transform:translate(2px)}.help-no-results{text-align:center;padding:40px 20px}.help-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.3}.help-no-results-title{font-size:16px;font-weight:500;color:var(--color-text);margin-bottom:8px}.help-no-results-subtitle{font-size:14px;color:var(--color-text-muted)}.help-search-results-list{display:flex;flex-direction:column;gap:8px}.help-search-result-item{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;text-align:left;cursor:pointer;transition:all .15s ease}.help-search-result-item:hover{background:#f9f9fb;border-color:#007aff;box-shadow:0 1px 4px #00000014}.help-search-result-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.help-search-result-title{font-size:14px;font-weight:500;color:var(--color-text);flex:1}.help-search-result-category{font-size:12px;color:var(--color-text-muted);margin-left:12px}.help-match-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.help-match-badge.title{background:#e8f4fd;color:#007aff}.help-match-badge.content{background:#f0f9f0;color:#28a745}.help-match-badge.id{background:#fff3cd;color:#856404}.help-browse-categories{display:flex;flex-direction:column;gap:4px}.help-category{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.help-category-header{width:100%;background:#fafafa;border:none;padding:12px 16px;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:12px}.help-category-header:hover{background:#f0f0f5}.help-category-title{flex:1;font-size:14px;font-weight:500;color:var(--color-text)}.help-category-count{font-size:12px;color:var(--color-text-muted);background:#e8e8ed;border-radius:12px;padding:2px 8px;min-width:24px;text-align:center}.help-category-chevron{color:var(--color-text-muted);font-size:12px;transition:transform .2s ease}.help-category-chevron.expanded{transform:rotate(180deg)}.help-category-articles{background:#fff;border-top:1px solid var(--color-border)}.help-category-article{width:100%;background:none;border:none;padding:10px 16px;text-align:left;cursor:pointer;font-size:13px;color:var(--color-text);border-bottom:1px solid #f5f5f7;transition:all .15s ease}.help-category-article:last-child{border-bottom:none}.help-category-article:hover{background:#f9f9fb;color:#007aff}@media (max-width: 768px){.help-hub-panel{width:100vw;max-width:100vw}.help-hub-search,.help-section{padding:16px 20px}.help-hub-header{padding:16px 20px 12px}}.help-article-view{padding:24px;height:100%;overflow-y:auto}.help-article-header{margin-bottom:20px;border-bottom:1px solid var(--color-border);padding-bottom:16px}.help-article-back{background:none;border:none;color:#007aff;font-size:14px;cursor:pointer;margin-bottom:12px;padding:4px 0;transition:color .15s ease}.help-article-back:hover{color:#0056cc}.help-article-title{margin:0;font-size:24px;font-weight:600;color:var(--color-text);line-height:1.3}.help-article-content{line-height:1.6;color:var(--color-text)}.help-article-content p{margin-bottom:16px}.help-article-content ul,.help-article-content ol{margin-bottom:16px;padding-left:20px}.help-article-content li{margin-bottom:8px}.help-article-content h3{margin:24px 0 12px;font-size:18px;font-weight:600}.help-article-content h4{margin:20px 0 10px;font-size:16px;font-weight:600}.help-article-content code{background:#f5f5f7;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.help-article-content strong{font-weight:600}.help-article-content em{font-style:italic;color:var(--color-text-muted)}.help-hub-content::-webkit-scrollbar,.help-article-view::-webkit-scrollbar{width:6px}.help-hub-content::-webkit-scrollbar-track,.help-article-view::-webkit-scrollbar-track{background:transparent}.help-hub-content::-webkit-scrollbar-thumb,.help-article-view::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.help-hub-content::-webkit-scrollbar-thumb:hover,.help-article-view::-webkit-scrollbar-thumb:hover{background:#00000026}.help-fab{position:fixed;right:18px;bottom:18px;z-index:1500;background:#111827;color:#fff;border:none;border-radius:24px;width:48px;height:48px;font-size:18px;font-weight:600;box-shadow:0 4px 16px #0003;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.help-fab:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.help-fab:active{transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0000004d;display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding-top:calc(var(--spacing-md) * 2.5)}.popup{background-color:var(--color-bg-primary);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;padding:20px;min-width:30vw;max-width:40vw;height:auto;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;animation:slideDown .3s ease-out}.popup::-webkit-scrollbar{display:none}.edit-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);box-sizing:border-box}.popup-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.popup-header h3{margin:0;font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:600}.popup-header h3 input.edit-input{font-size:var(--font-size-xl);font-weight:600}.popup-buttons{display:flex;justify-content:space-between;margin-top:calc(var(--spacing-md) * 1.5)}.popup-buttons:has(>:only-child){justify-content:flex-end}.popup-content{margin-bottom:var(--spacing-md)}.popup-content:last-child{margin-bottom:0}textarea.edit-input{font-family:inherit;line-height:1.5;resize:vertical;min-height:80px}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.popup-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem;font-weight:400;display:flex;align-items:center;justify-content:space-between}.popup-subtitle>:last-child{margin-left:auto}.popup-description{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:var(--color-gray-700)}@media (max-width: 767px){.popup-overlay{align-items:flex-start;padding-top:var(--spacing-md);min-height:100dvh}.popup{width:92vw;max-width:92vw;min-width:auto;height:auto;max-height:80vh;border-radius:16px;overflow-y:auto}body.modal-open .navigation,body.modal-open .columns-container{transform:none!important;filter:none!important;perspective:none!important;will-change:auto!important;-webkit-overflow-scrolling:auto!important}.navigation,.columns-container{position:relative;z-index:1}}@media (min-width: 768px) and (max-width: 1024px){.popup-overlay{align-items:flex-start;padding-top:calc(var(--spacing-md) * 1.5)}.popup{min-width:60vw;max-width:80vw}}.popup-header h3,.popup-subtitle,.popup-description{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tutorial-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.tutorial-backdrop{position:absolute;inset:0;background:#0009;pointer-events:all;animation:tutorial-backdrop-enter .3s ease-out}@keyframes tutorial-backdrop-enter{0%{opacity:0}to{opacity:1}}.tutorial-spotlight{position:absolute;border-radius:8px;box-shadow:0 0 0 4px var(--color-primary-alpha),0 0 0 9999px #0009;background:transparent;pointer-events:none;animation:tutorial-spotlight-enter .4s ease-out;z-index:10000}@keyframes tutorial-spotlight-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tutorial-arrow{position:absolute;pointer-events:none;animation:tutorial-arrow-enter .5s ease-out,tutorial-arrow-pulse 2s ease-in-out infinite;z-index:10001}@keyframes tutorial-arrow-enter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes tutorial-arrow-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(0)}}.tutorial-content{position:absolute;pointer-events:all;animation:tutorial-content-enter .6s ease-out;z-index:10001}@keyframes tutorial-content-enter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tutorial-content-inner{background:var(--color-text-inverse);border-radius:12px;padding:20px;box-shadow:0 8px 32px #0003;border:1px solid var(--color-border);min-width:280px;max-width:320px}.tutorial-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--color-text);line-height:1.3}.tutorial-description{margin:0 0 20px;font-size:14px;color:var(--color-text);line-height:1.5}.tutorial-actions{display:flex;gap:8px;margin-bottom:16px}.tutorial-skip-button{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s ease;flex:1}.tutorial-skip-button:hover{background:var(--color-secondary-light);border-color:var(--color-text-muted)}.tutorial-next-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .15s ease;flex:2;font-weight:500}.tutorial-next-button:hover{background:var(--color-primary-hover)}.tutorial-progress{text-align:center;font-size:12px;color:var(--color-text-muted);margin:0}@media (max-width: 768px){.tutorial-content{position:fixed!important;inset:auto 20px 20px!important}.tutorial-content-inner{min-width:auto;max-width:none}.tutorial-arrow{display:none}}@media (prefers-contrast: high){.tutorial-backdrop{background:#000c}.tutorial-spotlight{box-shadow:0 0 0 4px var(--color-primary),0 0 0 9999px #000c}}@media (prefers-reduced-motion: reduce){.tutorial-backdrop,.tutorial-spotlight,.tutorial-arrow,.tutorial-content{animation:none}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:16px}.loading-spinner__circle{border:2px solid #d1d5db;border-top-color:#2563eb;border-radius:9999px;animation:loading-spin .8s linear infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:2rem}.auth-container:has(.onboarding-header){max-width:none;width:100%;padding:3rem 2rem}.auth-header{text-align:left;margin-bottom:2rem;margin-top:2rem;width:100%;max-width:400px}.auth-main-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);color:#000}.auth-header h1{color:var(--color-text-muted);margin:0}.auth-info{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);margin:0;text-align:left}.auth-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-divider{height:1px;background:var(--color-border);margin:.5rem 0 .75rem}.auth-field{display:flex;flex-direction:column;gap:.25rem}.email-input-container{position:relative;display:block;width:100%}.email-input-container .auth-input{padding-right:2.5rem;width:100%;box-sizing:border-box}.auth-clear-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:var(--font-size-lg);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.auth-clear-button:hover{color:var(--color-text-muted)}.auth-label{font-size:var(--font-size-sm);font-weight:500;color:#374151;margin-bottom:0rem;text-align:left}.auth-input{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);color:#1f2937;background:#fff;transition:var(--transition)}.auth-input::placeholder{color:#9ca3af}.auth-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}.auth-button:hover{background-color:var(--color-primary-hover)}.auth-button:disabled{background-color:#9ca3af;cursor:not-allowed}.auth-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-align:left;margin-top:.125rem}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-error{color:var(--color-error);font-size:var(--font-size-base);text-align:center;margin-top:.5rem}.auth-signup-link{text-decoration:underline;cursor:pointer;font-weight:500}.auth-signup-link:hover{color:var(--color-primary-hover)}.onboarding-header{width:100%;max-width:800px;margin-bottom:2rem}.onboarding-title{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin:0;text-align:center}.onboarding-subtitle{font-size:1rem;font-weight:400;color:var(--color-gray-600);margin:.5rem 0 1rem;text-align:center}.onboarding-progress{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:0}.progress-dot{width:2.4rem;height:.25rem;border-radius:.125rem;background:var(--color-gray-200);transition:all .3s ease}.progress-dot.active{background:var(--color-gray-900)}.progress-dot.completed{background:var(--color-gray-200)}.onboarding-separator{width:100%;max-width:800px;height:1px;background:var(--color-gray-200);margin:0rem 0 2rem}.onboarding-content{width:100%;max-width:800px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.onboarding-card{padding:1.25rem 1.5rem;border:1px solid var(--color-gray-200);border-radius:12px;background:#fff;color:var(--color-gray-700);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;min-height:80px;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;box-shadow:0 1px 3px #0000000d}.onboarding-card:hover{box-shadow:0 2px 4px #0000001a}.onboarding-card.selected{border-color:#3b82f6;background-color:#eff6ff}.onboarding-card-emoji{font-size:1.5rem;flex-shrink:0}.onboarding-card-text{flex:1}.onboarding-footer{display:flex;justify-content:flex-end;margin-top:3rem}.onboarding-next-button{padding:8px 18px;background:#fff;color:var(--color-gray-900);border:1px solid var(--color-gray-300);border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-next-button:hover:not(.disabled){border-color:var(--color-gray-400);background:var(--color-gray-50)}.onboarding-next-button.disabled{background:#fff;color:var(--color-gray-400);border-color:var(--color-gray-200);cursor:not-allowed}.onboarding-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;padding:.125rem;transform:translateY(1px)}.onboarding-buttons{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;position:relative;width:100%}.onboarding-back-button{padding:0;background:transparent;color:var(--color-gray-400);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:absolute;left:0}.onboarding-back-button:hover{color:var(--color-gray-600)}.onboarding-skip-button{padding:8px 18px;background:transparent;color:var(--color-gray-400);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-skip-button:hover{color:var(--color-gray-600)}.auth-button-secondary{padding:.75rem 1.5rem;background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);flex:1}.auth-button-secondary:hover{background-color:#f8fafc;border-color:var(--color-primary);color:var(--color-primary)}.auth-button{flex:1}.google-button-container{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.google-button-loading{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--spacing-xs) 0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.google-button-container .auth-error{margin:var(--spacing-xs) 0 0 0;text-align:center}.main-container{min-height:100vh;background:var(--color-bg-primary)}.friends-header-container{margin-bottom:var(--spacing-md)}.friends-header-column{width:100%;flex-shrink:0;padding:12px}.friends-header-column .column-header{border-bottom:none;padding-bottom:0;margin-bottom:0}.friends-back-button{background:none;border:none;font-size:.9rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);padding-left:8px;border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-md)}.friends-back-button:hover{background-color:var(--color-bg-hover)}.statistics-page{display:flex;height:80vh;background:var(--color-bg-primary)}.statistics-content{display:flex;width:100%;gap:1rem;padding:1rem}.user-profile-column{flex:0 0 300px;min-width:300px}.user-profile-card{background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.user-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-info{flex:1}.user-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.user-email{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.user-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.copy-invitation-btn{width:100%!important;padding:.75rem 1rem!important;background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.9rem!important;font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:background-color .2s ease!important;margin-top:1rem!important}.copy-invitation-btn:hover{background:#2563eb!important}.copy-invitation-btn:active{transform:translateY(1px)}@media (max-width: 768px){.statistics-content{flex-direction:column;padding:.5rem}.user-profile-column{flex:none;min-width:auto}}.task-form__row{display:flex;gap:12px;margin-top:12px}.task-form__duration-section{margin-top:12px}.task-form__duration-container{flex:1;position:relative;display:flex;align-items:center}.task-form__duration-input{flex:1;padding-right:40px}.task-form__duration-input::-webkit-outer-spin-button,.task-form__duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.task-form__duration-input[type=number]{appearance:textfield;-moz-appearance:textfield}.task-form__duration-unit{position:absolute;right:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-md);pointer-events:none;-webkit-user-select:none;user-select:none}.task-form__description{min-height:80px;resize:vertical}.task-form__error{color:red}.task-form__field-error{color:var(--color-error, #dc3545);font-size:var(--font-size-sm, 14px);margin-top:4px}.task-form__duration-input--error{border:1px solid var(--color-error, #dc3545)!important}.task-form__advanced-field{margin-top:0;padding-top:0}.task-form__advanced-field:first-child{border-top:none;padding-top:0}.task-form__field-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.task-form__recurrence-main{margin-top:12px}.recurrence-section{margin-top:0;padding-top:0}.recurrence-controls{display:flex;align-items:center;gap:12px;width:100%}.recurrence-interval{flex:1;text-align:left;padding-right:40px;position:relative}.recurrence-unit-container{position:relative;flex:1;display:flex}.recurrence-unit{width:100%;appearance:none;padding-right:32px}.task-form__recurrence-unit{position:absolute;right:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-md);pointer-events:none;-webkit-user-select:none;user-select:none;top:50%;transform:translateY(-50%)}.recurrence-days{display:flex;gap:4px;margin-top:12px;justify-content:space-between}.recurrence-day-btn{flex:1;min-width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.recurrence-day-btn:hover{border-color:#9ca3af;background:#f9fafb}.recurrence-day-btn--active{background:#2563eb;border-color:#2563eb;color:#fff}.recurrence-day-btn--active:hover{background:#1d4ed8;border-color:#1d4ed8}.recurrence-day-btn:disabled{opacity:.5;cursor:not-allowed}.recurrence-interval::-webkit-outer-spin-button,.recurrence-interval::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recurrence-interval{appearance:textfield;-moz-appearance:textfield}.task-form__time-inputs{display:flex;gap:8px;width:100%}.task-form__time-input-group{flex:1;position:relative;display:flex;align-items:center}.task-form__hours-input,.task-form__minutes-input{flex:1;padding-right:40px}.form__name-container{position:relative;display:flex;align-items:center}.form__name-input{flex:1;padding-right:70px}.form__name-count{position:absolute;right:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-md);pointer-events:none;-webkit-user-select:none;user-select:none}.project-form__name-container{position:relative;display:flex;align-items:center}.project-form__name-input{flex:1;padding-right:75px}.project-form__name-count{position:absolute;right:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-md);pointer-events:none;-webkit-user-select:none;user-select:none}.task-form__schedule-row{display:flex;gap:12px;width:100%}.task-form__schedule-container{flex:1;position:relative}.task-form__collapsible-label{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:var(--spacing-sm) 0;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-align:left;transition:color .2s ease;margin-bottom:0;position:relative}.task-form__collapsible-label:hover:not(:disabled){color:var(--color-text-primary)}.task-form__collapsible-label:disabled{opacity:.5;cursor:not-allowed}.task-form__label-text{flex:1}.task-form__collapsible-content{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-form__advanced-field .edit-input,.task-form__advanced-field .task-form__schedule-row,.recurrence-section .recurrence-controls,.recurrence-section .recurrence-days{transition:all .2s ease}.recurrence-section .task-form__collapsible-content{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-form__advanced-field:not(:last-child){margin-bottom:0}.task-form__separator{height:1px;background-color:var(--color-border, #e5e7eb);margin:var(--spacing-md) 0;width:100%}.task-form__schedule-toggle{display:flex;align-items:center;background-color:var(--color-background-secondary, #f3f4f6);border-radius:6px;padding:2px;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.task-form__toggle-option{padding:4px 8px;border-radius:4px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary, #6b7280);transition:all .2s ease;min-width:32px;text-align:center}.task-form__toggle-option--active{background-color:#fff;color:var(--color-text-primary, #111827);box-shadow:0 1px 2px #0000000d}.task-form__schedule-toggle:hover .task-form__toggle-option:not(.task-form__toggle-option--active){color:var(--color-text-primary, #111827)}.priority-section{display:flex;flex-direction:column;gap:16px}.priority-field{display:flex;flex-direction:column;gap:8px}.priority-field__header{display:flex;align-items:center;justify-content:space-between}.priority-field__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:6px}.priority-field__clear{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;transition:all .2s ease}.priority-field__clear:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.priority-level-buttons{display:flex;gap:8px;flex-wrap:wrap}.priority-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;flex:1;min-width:80px;gap:4px}.priority-btn:hover{border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.priority-btn--active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.priority-btn--critical.priority-btn--active{border-color:#dc2626;background:#fef2f2;color:#dc2626}.priority-btn--supportive.priority-btn--active{border-color:#f59e0b;background:#fffbeb;color:#d97706}.priority-btn--nice.priority-btn--active{border-color:#10b981;background:#f0fdf4;color:#059669}.priority-btn__icon{font-size:18px}.priority-btn__text{font-size:var(--font-size-xs);font-weight:500;text-align:center;line-height:1.2}.deadline-input-container{position:relative;display:flex;align-items:center}.deadline-input{width:100%;padding:8px 12px;border:2px solid var(--color-border);border-radius:6px;font-size:var(--font-size-sm);transition:border-color .2s ease;background:var(--color-bg-primary)}.deadline-input:focus{outline:none;border-color:#2563eb}.deadline-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.template-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:2px;max-height:240px;overflow-y:auto}.template-suggestion-item{width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;text-align:left;transition:background-color .15s ease;display:flex;align-items:flex-start}.template-suggestion-item:hover{background:var(--color-bg-secondary)}.template-suggestion-item:focus{outline:none;background:var(--color-bg-secondary)}.template-suggestion-content{flex:1;min-width:0}.template-suggestion-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.template-suggestion-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:.7}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg);opacity:1}.dropdown-arrow:not(.open){transition:all .15s ease-out}.dropdown-arrow.inline{position:static;transform:none;margin-left:4px;flex-shrink:0}.dropdown-arrow.inline.open{transform:rotate(180deg)}.attach-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px dashed var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-top:var(--spacing-sm)}.attach-button:hover:not(:disabled){border-color:var(--color-gray-400);color:var(--color-gray-600);background:var(--color-gray-100)}.attach-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.attach-button:disabled{opacity:.5;cursor:not-allowed}.attach-button__icon{font-size:16px;line-height:1}.attach-button__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.attachment-status{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);position:relative}.attachment-status--loading{background:var(--color-primary-alpha);color:var(--color-primary);border:1px solid var(--color-primary)}.attachment-status--error{background:var(--color-error-alpha);color:var(--color-error);border:1px solid var(--color-error)}.attachment-status--unavailable{background:var(--color-warning-alpha);color:var(--color-warning);border:1px solid var(--color-warning)}.attachment-status--success{background:var(--color-success-alpha);color:var(--color-success);border:1px solid var(--color-success)}.attachment-status__icon{font-size:14px;line-height:1}.attachment-status__text{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.attachment-status__dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:700;padding:0;margin-left:8px;opacity:.7;transition:opacity .2s ease}.attachment-status__dismiss:hover{opacity:1}.checklist-container{display:flex;flex-direction:column;gap:8px}.checklist-item{align-items:center;display:flex;gap:8px}.checklist-item__order{opacity:.8;text-align:right;width:20px}.checklist-item__content{flex:1;opacity:.9}.checklist-item__text{cursor:text}.checklist-item__text:disabled{cursor:default}.checklist-item__input{width:100%}.checklist-input{align-items:center;display:flex;gap:8px}.checklist-input__order{opacity:.5;text-align:right;width:20px}.checklist-input__field{flex:1}.add-task-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-top:.5rem;flex-wrap:wrap}.add-task-breadcrumbs{flex:1;min-width:0}.breadcrumb-text{font-size:.875rem;color:var(--color-text-secondary);font-weight:400;word-break:break-word;line-height:1.4}.add-task-toggle{flex-shrink:0;align-self:flex-start}@media (max-width: 767px){.add-task-header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.add-task-toggle{align-self:flex-end}}.goals-page{padding:var(--spacing-md);margin:0 auto;min-height:100vh}.goals-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.goals-exit-button{background:none;border:none;font-size:20px;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.goals-exit-button:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.goals-title{margin:0;font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.goals-content{padding:var(--spacing-md) 0}.goals-placeholder{color:var(--color-text-muted);font-size:var(--font-size-base);text-align:center;padding:48px 0;font-style:italic}.goals-matrix{display:grid;grid-auto-rows:1fr;gap:12px;width:100%;margin:0 auto}.matrix-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.matrix-cell-wrapper{display:flex;flex-direction:column;gap:8px}.matrix-cell{aspect-ratio:1 / 1;border:2px dashed var(--color-border);border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);transition:background .2s ease,border-color .2s ease,transform .2s ease;cursor:pointer}.matrix-cell.inactive{opacity:.35;cursor:default}.matrix-cell.active:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.matrix-cell.clicked{background:var(--color-success-light);border-color:var(--color-success);border-style:solid;padding:10px}.matrix-plus-button{width:100%;height:100%;border:none;background:transparent;color:var(--color-text-secondary);font-size:32px;line-height:1;cursor:pointer;transition:color .15s ease}.matrix-plus-button:hover{color:var(--color-text-primary)}.goals-inline-toolbar{display:flex;align-items:center;gap:12px}.goals-inline-divider{flex:1;height:1px;background:var(--color-border)}.goals-inline-plus{width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.goals-inline-plus:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.matrix-cell-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.matrix-cell-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.2}.matrix-cell-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.3}.matrix-cell-plus-below{width:100%;height:32px;border:1px solid var(--color-success);border-radius:6px;background:var(--color-bg-primary);color:var(--color-success);font-size:18px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.matrix-cell-plus-below:hover{background:var(--color-success-light);color:var(--color-success)}.matrix-task-list{display:flex;flex-direction:column;gap:8px}.matrix-task-card{width:100%;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.matrix-task-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.matrix-task-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.goals-page{padding:16px}.goals-header{margin-bottom:24px}.goals-title{font-size:24px}}.goals-bottom-actions{position:fixed;bottom:16px;pointer-events:none}.goals-bottom-widget{position:static;top:auto;left:auto;pointer-events:all}.task-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding-top:var(--task-card-padding-out-top, 3px);padding-bottom:var(--task-card-padding-out-bottom, 3px);padding-left:16px;padding-right:16px;margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 1px 3px #0000000d;position:relative;height:var(--task-card-height, auto);min-height:var(--task-card-min-height, auto);overflow:visible}.schedule-view .task-card,.report-view .task-card{height:max(var(--task-card-height, 0px),var(--task-card-min-visual-height, 0px))}.task-card .task-card__header,.task-card .task-card__details{opacity:var(--task-card-content-opacity, 1)}.task-card:hover{box-shadow:0 4px 12px #0000001a}.interactive-disabled,.interactive-disabled *{cursor:not-allowed!important}.interactive-disabled .task-card:hover{box-shadow:0 1px 3px #0000000d;transform:none}.interactive-disabled .task-card-arrow-area{pointer-events:none}.task-card--disabled,.task-card-container--disabled *{cursor:not-allowed!important}.task-card--disabled:hover{box-shadow:0 1px 3px #0000000d;transform:none}.task-card-container--disabled .task-card-arrow-area{pointer-events:none}.task-card--priority{border:1px solid rgba(244,185,66,.4)}.task-card--completed{background-color:#f9fafb;border-color:#d1d5db}.task-card--uncompleted{background-color:#f9fafb}.task-card--scheduled{background-color:#f5f0ff}.task-card--completed:hover{background-color:#f3f4f6}.task-card__header{display:flex;align-items:flex-start;gap:4px;margin-bottom:var(--task-card-lines-gap, 8px)}.task-card__header--justify{justify-content:space-between;width:100%}.task-card__header--left{justify-content:flex-start;width:100%}.task-card--single-line{--task-card-lines-gap: 0px;display:flex;align-items:center}.task-card__header--single-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.task-card__title-container{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.task-card__priority-number{color:#6b7280;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.task-card__info-and-star{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-card__header--single-line .task-card__star{margin-left:6px}.task-card__time--inline{white-space:nowrap;font-size:var(--font-size-md);font-weight:500;color:#6b7280}.task-card__star,.task-card__footer-arrows--inline{display:flex;align-items:center}.task-card__header>div{min-width:0}.task-card__header>div:first-child{flex:1 1 auto}.task-card__header .task-card__time{white-space:nowrap;align-self:flex-start}.task-card__header--single-line .task-card__time{align-self:center}.task-card__time--header{margin-left:8px}.task-card__priority-info{display:flex;align-items:center;gap:2px;font-weight:600}.task-card__priority,.task-card__separator{color:#6b7280;font-size:var(--font-size-base)}.task-card__quality{color:inherit;font-size:var(--font-size-base)}.task-card__quality--high,.task-card__quality--medium,.task-card__quality--low{color:inherit}.task-card__description{color:#374151;font-size:var(--font-size-base);display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.schedule-view .task-card__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--task-card-max-text-lines, 1);overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;line-height:var(--line-height-relaxed)}.task-card--single-line .task-card__description{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card:not(.task-card--single-line):hover .task-card__description,.task-card-container:not(.task-card--single-line):hover .task-card__description{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;line-height:1.1}.report-view .task-card:hover .task-card__description,.report-view .task-card-container:hover .task-card__description,.task-card--single-line:hover .task-card__description,.task-card-container--single-line:hover .task-card__description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card--extra-small{transition:all .4s ease-in-out}.schedule-view .task-card--extra-small{border-radius:8px}.task-card--extra-small .task-card__header,.task-card--extra-small .task-card__details{transition:opacity .4s ease-in-out}.task-card--extra-small .task-card__description{transition:all .4s ease-in-out}.task-card__project{color:#6b7280;font-size:var(--font-size-base);font-style:italic}.task-card__full-description{color:#6b7280;font-size:var(--font-size-base);font-style:italic;margin-bottom:8px;line-height:1.4}.task-card__details{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-md);color:#6b7280}.task-card__time{font-weight:500}.task-card__paused-time{color:var(--color-error)}.task-card__xp{color:#059669;font-weight:500;font-size:var(--font-size-sm)}.task-card__details{position:relative;display:flex;justify-content:space-between;align-items:flex-end}.task-card__details-content{flex:1}.task-card__footer-right{position:absolute;bottom:0;right:0;margin-left:8px}.task-card:last-child{margin-bottom:0}.task-card-container{position:relative;display:flex;align-items:center;margin-bottom:var(--spacing-sm);transition:all .3s ease;width:100%}.task-card-container:last-child{margin-bottom:0}.task-card-container .task-card{width:100%;flex:1;margin-left:0;transition:all .3s ease}.task-card-arrow-area{position:absolute;left:0;top:0;bottom:0;width:50px;display:flex;align-items:center;cursor:pointer;z-index:10}.task-card-arrow{color:#6b7280;opacity:0;transition:opacity .2s ease,transform .2s ease;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transform:translate(-8px)}.task-card-container:hover .task-card-arrow{opacity:1;transform:translate(0)}.task-card-container--left:hover .task-card{margin-left:50px}.task-card__time--tiny-muted{font-size:var(--font-size-md);color:#bdc0c6}.gap-time-marker{z-index:1;display:flex;align-items:center;justify-content:flex-end}.task-card--overflow{border-color:var(--color-error)!important;background-color:#fff5f5!important}.task-card__breadcrumb{color:#6b7280}.task-card__star-btn{background:none;border:none;padding:2px;cursor:pointer;color:#bdc0c6}.task-card__star-btn--active{color:#f4b942}.task-card__move-btn{background:transparent;border:none;padding:2px 6px;cursor:pointer;color:#6b7280}.task-card__move-btn:hover{background:transparent}@media (max-width: 1024px){.schedule-view .task-card__move-btn{padding:8px 12px;min-width:36px;min-height:36px;border-radius:9999px;font-size:var(--font-size-lg);line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.task-card__project--hover-only{opacity:0;transition:opacity .15s ease}.task-card:hover .task-card__project--hover-only,.task-card-container:hover .task-card__project--hover-only{opacity:1}.report-view .task-card:hover .task-card__project--hover-only,.report-view .task-card-container:hover .task-card__project--hover-only{opacity:0}.schedule-view,.schedule-view *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.create-habits .create-habits-columns{width:100%;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:column;gap:12px;overflow:visible;scroll-snap-type:none}.create-habits .habit-column{width:100%;flex:0 0 auto;min-width:0;background-color:var(--color-bg-primary);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;padding:20px;display:flex;flex-direction:column}.create-habits .habit-column .task-card,.create-habits .habit-column .matrix-cell-plus-below{width:25%;max-width:25%}@media (max-width: 768px){.create-habits .create-habits-columns{padding-left:8px;padding-right:8px}}.project-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.project-card:hover{box-shadow:0 2px 4px #0000001a}.project-card.selected{border-color:#3b82f6;background-color:#eff6ff}.project-card:last-child{margin-bottom:0}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.project-card-content{display:flex;flex-direction:column;gap:4px}.project-card-details-end{font-size:.9em;color:#6b7280;margin-top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.project-progress-bar{background-color:#e5e7eb;height:3.5px;border-radius:4%;overflow:hidden}.project-progress-fill{background-color:#4c81d6;height:100%;border-radius:3px;transition:width .3s ease-out}.project-indicator{position:absolute;bottom:16px;left:16px;width:4px;height:4px;background-color:#4c81d6;border-radius:50%;z-index:1}.project-name{font-weight:600;color:#1f2937;font-size:var(--font-size-lg);display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.project-level-badge{color:#6b7280;font-size:var(--font-size-md);white-space:nowrap;flex-shrink:0}.project-list.expanding .project-card:hover,.project-list.collapsing .project-card:hover{box-shadow:0 1px 3px #0000000d;transform:none}.popup-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.columns-container{display:flex;flex-direction:row;gap:1.5rem;width:100%;overflow-x:auto;padding:.5rem;box-sizing:border-box}.column{flex:1;min-width:0;background-color:var(--color-bg-primary);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;padding:20px;display:flex;flex-direction:column}.columns-container.plan-columns>.plan-column,.columns-container.plan-columns>.fact-column{flex:1}.columns-container.plan-columns>.column{max-height:100vh;overflow:hidden}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.column-header-left{display:inline-flex;align-items:center;gap:8px}.column-header h3{margin:0;font-size:var(--font-size-xl);color:var(--color-text);font-weight:600}.column-header-actions{display:flex;gap:8px;align-items:center}.column-header-actions--mobile{display:none}.no-items-message{color:var(--color-text-muted);font-style:italic;padding:8px 0;text-align:center}@media (min-width: 768px){.columns-container.plan-columns>.column{min-height:min(600px,100vh)}}@media (min-width: 1025px){.columns-container.plan-columns>.column{min-height:min(700px,100vh)}}.column .tasks-view,.column .report-view,.column .scheduled-tasks-list,.column .dashboard-view,.column .schedule-view,.column .week-view{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;scrollbar-width:none;-ms-overflow-style:none}.column .tasks-view::-webkit-scrollbar,.column .report-view::-webkit-scrollbar,.column .scheduled-tasks-list::-webkit-scrollbar,.column .dashboard-view::-webkit-scrollbar,.column .schedule-view::-webkit-scrollbar,.column .week-view::-webkit-scrollbar{display:none}.columns-container.project-columns{margin-bottom:1rem}@media (max-width: 767px){.columns-container{flex-direction:column;gap:0;overflow-x:hidden;padding:1rem}.column{width:100%}.columns-container.plan-columns,.columns-container.project-columns{--mobile-column-gutter: 8px;--mobile-column-gap: 16px;flex-direction:row;gap:var(--mobile-column-gap);padding:0 8px 16px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.columns-container.plan-columns::-webkit-scrollbar,.columns-container.project-columns::-webkit-scrollbar{display:none}.columns-container.plan-columns>.column,.columns-container.project-columns>.column{flex:0 0 calc(100vw - 16px);width:calc(100vw - 16px);min-width:calc(100vw - 16px);scroll-snap-align:center;border-radius:12px;box-sizing:border-box}.columns-container.project-columns{margin-bottom:24px}}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project-name{font-weight:600;color:#1f2937;font-size:var(--font-size-lg);display:flex;align-items:center;gap:8px}.help-cursor{cursor:help}.project-name .project-indicator{position:static;width:6px;height:6px;background-color:#4c81d6;border-radius:50%;flex-shrink:0}.project-level-badge{color:#6b7280;font-size:var(--font-size-md)}.columns-container .project-card{padding-top:9px;padding-bottom:9px}@media (max-width: 767px){.columns-container.project-columns>.column{margin:0}}.project-cards-wrapper{padding:0}.project-card-container{margin-bottom:var( --spacing-sm )}.project-card-container:last-child{margin-bottom:0}.project-list{overflow:hidden}.project-list.expanded.expanding{overflow:hidden;transition:height 1s ease-in-out}.project-list.expanded:not(.expanding){overflow:visible}.project-list.collapsing{overflow:hidden;transition:height 1s ease-in-out}.project-list:not(.expanded):not(.collapsing){overflow:hidden}.column-header-actions button:disabled,.white-button.disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.6;pointer-events:none}.project-columns .add-button-guard.add-button-guard--disabled{cursor:not-allowed}.expand-collapse-button-container{margin-top:var(--spacing-sm);display:flex;justify-content:center}.expand-collapse-button{background:none;border:none;padding:4px 8px;font-size:var(--font-size-base);color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;font-style:italic}.expand-collapse-button:hover:not(:disabled){color:#374151}.expand-collapse-button:disabled{opacity:.5;cursor:not-allowed}.expand-collapse-button:active:not(:disabled){color:#1f2937}.projects-container{display:flex;flex-direction:column;height:100%;background:var(--color-background)}.loading-spinner{font-size:1rem;font-weight:500}.column-loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;height:100%;width:100%;flex:1;flex-grow:1;flex-shrink:1;flex-basis:0}.fact-column{display:flex;flex-direction:column}.fact-column>*:last-child:not(.column-loading-container){flex:1}.plan-body-content{display:flex;flex-direction:column;flex:1}.habits-page{padding:0;margin:0 auto;min-height:100vh}.habits-header{display:flex;align-items:center;gap:16px;padding-left:1.5rem;padding-right:1.5rem;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.habits-exit-button{background:none;border:none;font-size:20px;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.habits-exit-button:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.habits-title{margin:0;font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.habits-content{padding:8px 0 0}.habits-page .columns-container.project-columns{padding-top:.5rem}@media (max-width: 768px){.habits-header{padding-left:8px;padding-right:8px;margin-bottom:8px;padding-bottom:10px}.habits-title{font-size:24px}}.main-page{min-height:100vh;position:relative;overflow:hidden;cursor:default}.main-page__background{position:fixed;inset:0;background:linear-gradient(to bottom right,#111827,#1e3a8a,#000);z-index:1}.main-page__background-overlay{position:fixed;inset:0;background:linear-gradient(to top right,#1e3a8a4d,#1e293b33,#1118274d);z-index:2}.main-page__background-elements{position:fixed;inset:0;z-index:3;pointer-events:none}.main-page__bg-element{position:absolute;border-radius:50%;background:#3b82f61a;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-page__bg-element--large{width:24rem;height:24rem;top:0;right:0}.main-page__bg-element--medium{width:8rem;height:8rem;top:25%;right:25%}.main-page__bg-element--small{width:6rem;height:6rem;top:33%;left:25%}.main-page__bg-element--tiny{width:5rem;height:5rem;bottom:33%;right:33%}.main-page__header{position:fixed;top:0;left:0;right:0;z-index:50;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.main-page__logo{font-size:2rem;font-weight:700;color:#fff}.main-page__header-buttons{display:flex;gap:.75rem;align-items:center}.main-page__login-button{background:transparent;color:#fff;font-weight:500;padding:.5rem 1rem;height:2.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.main-page__login-button:hover{background:#ffffff1a;border-color:#ffffff80}.main-page__register-button{background:#ffffffe6;color:#000;font-weight:500;padding:.5rem 1rem;height:2.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.main-page__register-button:hover{background:#fff}.main-page__language-switcher{position:fixed;top:5rem;right:1rem;z-index:40;background:transparent;color:#fffc;border:none;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.main-page__language-switcher:hover{color:#fff;background:#ffffff1a}.main-page__language-switcher-arrow{width:1rem;height:1rem;opacity:.7}.main-page__content{position:relative;z-index:10}.main-page__section{padding:0rem 1rem 1.5rem;max-width:72rem;margin:0 auto}.main-page__section--hero{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:7rem}.main-page__section--compact{padding:2rem 1rem}.main-page__hero{text-align:center;max-width:56rem;margin:0 auto}.main-page__hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin-top:0;margin-bottom:3rem;color:#ffffffe6;font-size:.875rem;font-weight:500}.main-page__hero-badge-icon{width:1.25rem;height:1.25rem;color:#fde047}.main-page__hero-title{font-size:3.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.25}.main-page__hero-subtitle{font-size:2rem;color:#ffffffe6;margin-bottom:0rem;font-weight:700}.main-page__hero-description{font-size:1.45rem;color:#ffffffb3;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.625}.main-page__hero-button{background:#2563eb;color:#fff;font-weight:600;padding:.875rem 3rem;height:3.5rem;min-width:12rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1.125rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.main-page__hero-button:hover{background:#1d4ed8;box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.main-page__card{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.main-page__card--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.5rem}.main-page__card--blue{background:#1e3a8a33;border:1px solid rgba(96,165,250,.2)}.main-page__title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.main-page__title--large{font-size:3rem}.main-page__title--small{font-size:1.875rem}.main-page__subtitle{font-size:1.25rem;color:#fffc;margin-bottom:1rem;line-height:1.5}.main-page__text{font-size:1.125rem;color:#fffc;line-height:1.625}.main-page__text--muted{color:#fff9}.main-page__quote{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem}.main-page__icon{width:1.5rem;height:1.5rem}.main-page__icon--large{width:2rem;height:2rem}.main-page__icon--small{width:1.25rem;height:1.25rem}.main-page__icon-container{width:3rem;height:3rem;border-radius:.75rem;background:#1f293799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(75,85,99,.3);display:flex;align-items:center;justify-content:center}.main-page__icon-container--blue{background:#2563eb4d;border:1px solid rgba(96,165,250,.3)}.main-page__grid{display:grid;gap:1.5rem}.main-page__grid--2{grid-template-columns:repeat(2,1fr)}.main-page__grid--3{grid-template-columns:repeat(3,1fr)}.main-page__grid--4{grid-template-columns:repeat(4,1fr)}@media (min-width: 1025px){.main-page__grid--4 .main-page__card{height:100%;display:flex;flex-direction:column}.main-page__grid--4 .main-page__card .main-page__text{flex-grow:1}.main-page__desktop-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:72rem;margin:0 auto;padding:0 1rem}.main-page__desktop-row .main-page__section{padding:1.5rem 0;margin:0;max-width:none}.main-page__desktop-row .main-page__card{height:100%;display:flex;flex-direction:column}.main-page__desktop-row .main-page__card .main-page__spacing--small{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.main-page__desktop-row .main-page__section{display:flex;flex-direction:column}.main-page__desktop-row .main-page__section>div{flex-grow:1;display:flex;flex-direction:column}}@media (max-width: 1023px){.main-page__desktop-row{display:block}}.main-page__spacing{margin-bottom:2rem}.main-page__spacing--large{margin-bottom:3rem}.main-page__spacing--small{margin-bottom:1rem}.main-page__text-center{text-align:center}.main-page__flex{display:flex}.main-page__flex--center{align-items:center;justify-content:center}.main-page__flex--align-center{align-items:center}.main-page__flex--between{justify-content:space-between}.main-page__gap{gap:.75rem}.main-page__gap--large{gap:1.5rem}@media (max-width: 767px){.main-page__header{padding:.75rem 1rem}.main-page__logo{font-size:1.25rem}.main-page__cta-button{padding:.5rem 1rem;font-size:.875rem;height:2.5rem}.main-page__hero-title{font-size:2.5rem;line-height:1.1}.main-page__hero-subtitle{font-size:1.5rem}.main-page__hero-description{font-size:1.125rem}.main-page__hero-button{padding:.75rem 1.5rem;height:3rem;font-size:1rem}.main-page__title{font-size:1.75rem}.main-page__title--large{font-size:2rem}.main-page__title--small{font-size:1.5rem}.main-page__subtitle{font-size:1.125rem}.main-page__text{font-size:1rem}.main-page__quote{font-size:1.25rem}.main-page__grid--2,.main-page__grid--3,.main-page__grid--4{grid-template-columns:1fr;gap:1rem}.main-page__section{padding:1rem}.main-page__section--hero{padding-top:4rem}.main-page__card{padding:1.5rem}.main-page__card--secondary{padding:1.25rem}.main-page__bg-element--large{width:12rem;height:12rem}.main-page__bg-element--medium{width:6rem;height:6rem}.main-page__bg-element--small{width:4rem;height:4rem}.main-page__bg-element--tiny{width:3rem;height:3rem}@media (max-width: 480px){.main-page__bg-element{display:none}.main-page__hero-title{font-size:2rem}.main-page__hero-subtitle{font-size:1.25rem}}}@media (min-width: 768px) and (max-width: 1023px){.main-page__hero-title{font-size:3rem}.main-page__title--large{font-size:2.5rem}.main-page__grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.main-page button,.main-page a,.main-page [role=button]{min-height:48px;min-width:48px}.main-page input,.main-page textarea,.main-page select{font-size:16px}.main-page{-webkit-overflow-scrolling:touch}.main-page *{-webkit-tap-highlight-color:transparent}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-page__animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.main-page__hover-scale:hover{transform:scale(1.05)}.main-page__hover-lift:hover{transform:translateY(-5px)}.main-page__transition{transition:all .3s ease}.main-page__transition-fast{transition:all .15s ease}.segmented-control{display:inline-flex;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);padding:2px;box-shadow:0 1px 3px #00000014;overflow:hidden;position:relative}.segmented-control__option{border:none;background:transparent;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:inherit;outline:none}.segmented-control__option:hover:not(.segmented-control__option--active):not(.segmented-control__option--disabled){background:var(--color-gray-50);color:var(--color-text-primary)}.segmented-control__option--active{background:var(--color-gray-700);color:#fff;box-shadow:0 1px 2px #0000001a;font-weight:var(--font-weight-semibold)}.segmented-control__option--active:hover{background:var(--color-gray-800)}.segmented-control__option--disabled{opacity:.5;cursor:not-allowed}.segmented-control__option:active:not(.segmented-control__option--disabled){transform:scale(.98)}.segmented-control__option:focus-visible{box-shadow:0 0 0 2px var(--color-primary),0 1px 2px #0000001a;z-index:1}.segmented-control__option--active:focus-visible{box-shadow:0 0 0 2px var(--color-primary),0 1px 2px #0000001a}.segmented-control--small .segmented-control__option{padding:6px 12px;font-size:var(--font-size-sm)}.segmented-control--breadcrumb .segmented-control__option{padding:4px 8px;font-size:var(--font-size-sm);font-weight:400}.segmented-control--breadcrumb .segmented-control__option--active{background:var(--color-text-secondary);color:#fff;font-weight:400}.segmented-control--breadcrumb .segmented-control__option--active:hover{background:var(--color-gray-600)}.segmented-control--medium .segmented-control__option{padding:8px 16px;font-size:var(--font-size-base)}@media (max-width: 767px){.segmented-control--medium .segmented-control__option{padding:6px 12px;font-size:var(--font-size-sm)}}.segmented-control:has(.segmented-control__option--disabled){opacity:.7}.dashboard-actions{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.dashboard-actions__left,.dashboard-actions__right{display:flex;gap:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dash-card__value--streak{display:flex;align-items:center;justify-content:center;gap:10px}.dash-card__streak-emoji{font-size:28px;line-height:1}.dash-card__streak-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.weekly-chart{border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-md);background:#fff;margin-top:12px;position:relative}.weekly-chart__week-range{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.weekly-chart__header{margin-bottom:var(--spacing-md);text-align:center}.weekly-chart__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.weekly-chart__container{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:8px}.weekly-chart__bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px;cursor:pointer}.weekly-chart__bar{width:40%;height:80px;background:var(--color-border);border-radius:4px;position:relative;overflow:hidden}.weekly-chart__bar-fill{position:absolute;bottom:0;left:0;right:0;background:#000;border-radius:4px;transition:height .3s ease,opacity .3s ease}.weekly-chart__bar-fill--zero{background:#e0e0e0!important;height:1px!important;border-radius:20px}.weekly-chart__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.weekly-chart__label--today{font-weight:var(--font-weight-bold);color:var(--color-text)}.weekly-chart__value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-semibold)}.weekly-chart__tooltip{position:fixed;background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;pointer-events:none;z-index:1000;transform:translate(-50%);box-shadow:0 4px 12px #00000026;white-space:nowrap}.weekly-chart__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.dashboard-view{display:flex;flex-direction:column;gap:16px}.settings-view{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.settings-view::-webkit-scrollbar{display:none}.settings-tabs-wrapper{display:flex;justify-content:center;margin-bottom:16px}.settings-tabs-control{width:100%;max-width:400px}.settings-tabs-control .segmented-control__option{flex:1;font-weight:var(--font-weight-medium)}.settings-tabs-control .segmented-control__option--active{background:var(--color-gray-700);color:#fff}.settings-tabs-control .segmented-control__option--active:hover{background:var(--color-gray-800)}.btn-white{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:var(--font-size-md)}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-basics-list{display:flex;flex-direction:column;gap:0px}.setting-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px;border-radius:16px;background:#fff}.setting-item--vertical{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:8px}.setting-item__label{font-weight:var(--font-weight-medium)}.setting-item__value{color:var(--color-text-muted);font-size:var(--font-size-sm)}.setting-item__info{display:flex;flex-direction:column;gap:4px}.setting-input{border:1px solid transparent;border-radius:8px;padding:6px 10px;margin-right:8px;font-size:var(--font-size-md);width:220px;transition:border-color .2s ease,padding .2s ease}.setting-input:focus{outline:none;border-color:var(--color-border);padding-left:10px}.setting-input:not(:focus){padding-left:0}.setting-select{border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;margin-right:8px;font-size:var(--font-size-md)}.setting-select--borderless{border:none;background:transparent;padding-left:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 2px center;background-size:12px 12px;padding-right:14px;padding-inline-end:0}.setting-toggle-container{position:relative;width:80px}.setting-toggle-container--language{width:120px}.setting-toggle-container--timezone,.setting-toggle-container--priority{width:200px}.setting-toggle-button{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:6px 24px 6px 10px;border:none;cursor:pointer;text-align:left;font-size:var(--font-size-md)}.setting-toggle-button:disabled{cursor:not-allowed;opacity:.6}.setting-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;z-index:1000;margin-top:2px}.setting-dropdown-item{padding:8px 12px;cursor:pointer;font-size:var(--font-size-md);border:none;background:none;width:100%;text-align:left;transition:background-color .2s}.setting-dropdown-item:hover{background-color:var(--color-gray-50)}.setting-dropdown-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.setting-dropdown-item:last-child{border-radius:0 0 var(--radius) var(--radius)}.settings-footer{margin-top:var(--spacing-md)}.logout-button{width:100%;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-weight:var(--font-weight-semibold)}.btn-white:disabled,.btn-white[disabled]{color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.setting-item--vertical .pause-reasons-input-row{order:1}.setting-item--vertical .pause-reasons-list{order:2}.pause-reasons-input-row{display:flex;gap:8px;align-items:center;width:100%;min-width:300px}.pause-reasons-input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);transition:all .2s ease}.pause-reasons-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.pause-reasons-input::placeholder{color:var(--color-text-muted)}.pause-reasons-add-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius);padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.pause-reasons-add-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pause-reasons-add-btn:disabled{background:var(--color-gray-300);border-color:var(--color-gray-300);cursor:not-allowed;opacity:.6}.pause-reasons-list{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.pause-reason-chip{display:inline-flex;align-items:center;gap:6px;background:#deebf7;border:1px solid #9ecae1;border-radius:20px;padding:6px 12px;font-size:var(--font-size-sm);color:#2171b5;transition:all .2s ease;animation:fadeIn .2s ease-in-out}.pause-reason-chip:hover{background:#c6dbef;border-color:#4292c6}.pause-reason-text{font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.pause-reason-remove{background:none;border:none;color:var(--color-gray-500);font-size:16px;font-weight:700;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.pause-reason-remove:hover{background:var(--color-error-light);color:var(--color-error);transform:scale(1.1)}.pause-reasons-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;padding:8px 0}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.templates-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;background:var(--color-gray-50);border-radius:var(--radius);border:1px dashed var(--color-border)}.templates-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.templates-empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px}.templates-empty-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 767px){.setting-input{width:150px}.settings-tabs-control .segmented-control__option{font-size:var(--font-size-sm);padding:8px 12px}.setting-item--vertical .pause-reasons-input-row{flex-direction:column;gap:8px;min-width:auto}.setting-item--vertical .pause-reasons-input{width:100%}.setting-item--vertical .pause-reasons-add-btn{width:100%;justify-content:center}}.task-filter{position:relative;display:inline-block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.task-filter__button{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;color:var(--color-text-secondary)}.task-filter__button:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.task-filter__button--active{color:var(--color-primary);background-color:var(--color-primary-light)}.task-filter__button--active:hover{background-color:var(--color-primary-light)}.task-filter__icon{width:14px;height:12px;transition:color .15s ease}.task-filter__dropdown{position:fixed;top:auto;right:auto;margin-top:4px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:160px;padding:8px 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.task-filter__sections{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.task-filter__dropdown{min-width:200px}.task-filter__sections{flex-direction:column;gap:8px}}.task-filter__section{padding:0 12px;flex:1}.task-filter__section:not(:last-child){border-bottom:1px solid var(--color-border-light);padding-bottom:8px;margin-bottom:8px}.task-filter__section-title{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:4px 0}.task-filter__option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;transition:background-color .15s ease;border-radius:4px;margin:0 -4px;padding:6px 4px}.task-filter__option:hover{background-color:var(--color-background-hover)}.task-filter__option input[type=radio]{width:12px;height:12px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.task-filter__option span{flex:1;display:flex;align-items:center;gap:6px;color:var(--color-text-primary)}.category-filter{margin-right:8px}.add-button-guard--with-filter{display:flex;align-items:center;gap:8px}@media (prefers-color-scheme: dark){.task-filter__dropdown{background:var(--color-background-secondary, #2a2a2a);border-color:var(--color-border-dark, #404040)}}.task-category{margin-bottom:0}.category-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0;margin-bottom:var( --spacing-sm )}.task-category:not(.expanded) .category-header{margin-bottom:var(--spacing-sm)}.category-info{display:flex;align-items:center;gap:8px}.category-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-lg)}.expand-button{background:none;border:none;cursor:pointer;font-size:12px;color:var(--color-text-secondary);padding:8px;border-radius:4px}.category-content{padding:0}.task-list{display:flex;flex-direction:column;gap:0}.task-category.expanded .task-list>.task-card-container:last-child{margin-bottom:var(--spacing-md)}.task-category:last-child .task-list>.task-card-container:last-child{margin-bottom:0}.tasks-view .no-items-message{text-align:left;padding:8px 0;opacity:.6}.tasks-view .task-card{--task-card-padding-out-top: 4px;--task-card-padding-out-bottom: 4px;margin-bottom:0}.tasks-view .task-card-container{margin-bottom:8px}.tasks-view .add-button{background-color:transparent;color:#374151;border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.tasks-view .add-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.tasks-view .add-button:disabled{background-color:var(--color-gray-100);color:var(--color-gray-400);border-color:var(--color-gray-200);cursor:not-allowed;opacity:.6;pointer-events:none}.tasks-view .add-button-guard.add-button-guard--disabled{cursor:not-allowed}.tasks-view .task-card--priority{border-color:var(--color-border)}.sticky-category-header{position:sticky;top:0;z-index:10;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-sm)}.sticky-category-header .category-header{padding:8px 0;margin-bottom:0}.fact-column--narrow{flex:.75}body.is-weeks .columns-container.plan-columns>.fact-column{flex:.75}.fact-column .column-header-actions .add-button{background-color:var(--color-bg-primary);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius);padding:10px 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #00000014;transition:all .2s ease;letter-spacing:-.01em;white-space:nowrap}.fact-column .column-header-actions .add-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000001f}.fact-column .column-header-actions .add-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background-color:var(--color-gray-100)}.fact-column .column-header-actions .add-button.selected{background-color:var(--color-gray-700);color:var(--color-bg-primary);border:1px solid var(--color-gray-700);box-shadow:0 1px 3px #00000014}.fact-column .column-header-actions .add-button.selected:hover{background-color:var(--color-gray-800);border-color:var(--color-gray-800);box-shadow:0 2px 6px #0000001f}.fact-column .column-header-actions .add-button.selected:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background-color:var(--color-gray-900)}body.is-weeks .fact-actions,body.is-weeks .fact-actions-mobile{display:none}.fact-column .fact-mobile-toggle{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius);padding:10px 16px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #00000014;transition:all .2s ease;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fact-column .fact-mobile-toggle:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000001f}.fact-column .fact-mobile-toggle:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background:var(--color-gray-100)}@media (max-width: 1024px){.fact-column .column-header-actions{display:none}.fact-column .column-header-actions--mobile{display:block}.mobile-select-container{position:relative;display:inline-block}.fact-column .column-header-select{border:none;background:transparent;font-size:var(--font-size-md);color:var(--color-gray-700);appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:24px;padding-inline:0}.fact-column .column-header-select::-ms-expand{display:none}.fact-actions-mobile .setting-toggle-button{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary)}}.xp-breakdown{display:grid;gap:12px;align-items:stretch}.xp-breakdown__label{color:var(--text-secondary, #6b7280);font-weight:400;cursor:help;-webkit-user-select:none;user-select:none}.xp-breakdown__label:hover{color:var(--text-primary, #111827);text-decoration:underline}.xp-breakdown__value{justify-self:end;font-variant-numeric:tabular-nums}.xp-breakdown__row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px;border-radius:8px}.xp-breakdown__row.xp-good{background:var(--color-success-light, #eaf8ee)}.xp-breakdown__row.xp-medium{background:var(--color-warning-light, #fffbe6)}.xp-breakdown__row.xp-bad{background:var(--color-error-light, #fdecec)}.xp-breakdown__divider{grid-column:1 / -1;border:none;border-top:1px solid var(--color-gray-200, #e5e7eb);margin:6px 0 2px}.xp-breakdown__total-row{display:grid;grid-template-columns:1fr auto;align-items:center}.xp-breakdown__total-label{font-weight:700}.xp-breakdown__total-value{justify-self:end;font-weight:700}.xp-details{display:flex;flex-direction:column;gap:20px}.details-section{display:flex;flex-direction:column;gap:12px}.details-section-title{font-weight:600;font-size:.95rem;color:var(--color-text-primary);margin-bottom:4px}.details-grid{display:flex;flex-direction:column;gap:8px}.details-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 12px;border-radius:6px;background:var(--color-bg-secondary, #f8f9fa);min-height:36px}.details-label{color:var(--color-text-secondary);font-size:.9rem}.details-value{font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.details-value--muted{color:var(--color-text-muted);font-style:italic}.priority-badge{background:var(--color-warning-light, #fef3c7);color:var(--color-warning-dark, #92400e);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.importance-badge{background:var(--color-success-light, #dcfce7);color:var(--color-success-dark, #166534);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.type-badge{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-700, #374151);padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.details-description{background:var(--color-bg-secondary, #f8f9fa);padding:12px;border-radius:8px;line-height:1.5;color:var(--color-text-primary)}.details-checklist{display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:var(--color-bg-secondary, #f8f9fa)}.checklist-icon{font-weight:600;font-size:.9rem;width:16px;text-align:center}.checklist-icon--completed{color:var(--color-success, #10b981)}.checklist-icon--pending{color:var(--color-text-secondary, #6b7280)}.checklist-text{flex:1;color:var(--color-text-primary)}.pause-stats{display:flex;flex-direction:column;gap:6px}.pause-stat-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 12px;border-radius:6px;background:var(--color-bg-secondary, #f8f9fa)}.pause-reason{color:var(--color-text-secondary);font-size:.9rem}.pause-stats-time,.pause-count{color:var(--color-text-primary);font-weight:600;font-variant-numeric:tabular-nums;font-size:.9rem}.details-empty{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:16px;background:var(--color-bg-secondary, #f8f9fa);border-radius:8px}.timeline-list{display:flex;flex-direction:column;gap:6px}.timeline-no-tasks{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-secondary, #6b7280);font-size:var(--font-size-base);font-style:italic;text-align:center}.schedule-view .timeline-list:has(.timeline-row--dragging){--task-card-min-visual-height: 0px}.schedule-view .timeline-list:has(.timeline-row--dragging) .task-card{height:var(--task-card-height, auto)!important}.timeline-row{display:flex;flex-direction:column;gap:6px}.schedule-view .timeline-row--dragging,.schedule-view .timeline-row--dragging .task-card,.schedule-view .task-card--dragging{position:relative;z-index:9999}.timeline-row__time{color:var(--text-secondary, #6b7280);font-size:var(--font-size-sm)}.timeline-row--important .task-card{border-color:#f4b94266}.timeline-row--important.timeline-row--pure-time .task-card{border:1px solid rgba(244,185,66,.5)}.timeline-row--gap .timeline-row__content{display:flex}.gap-card{width:100%;background:#f6f7f9;border-left:3px dashed #c5cbd5;border-radius:6px}.gap-card__title{font-weight:600}.gap-card__dur{color:var(--text-secondary, #6b7280)}.timeline-row .task-card__header{white-space:nowrap;overflow:hidden}.timeline-row .task-card__time{flex-shrink:0;white-space:nowrap}.task-card--overflow .task-card{background-color:#fdecec!important}.task-card--ghost .task-card{opacity:.6}.schedule-ghost{pointer-events:none}.gap-insert-indicator{height:2px}.timeline-row--separator{display:flex}.timeline-separator--midnight{width:100%;height:1px;background:#fca5a5;border-radius:1px;opacity:.5}.task-card__time--now{font-weight:700;font-size:var(--font-size-md)}.timeline-row:hover .task-card__header{white-space:normal}.gap-title{color:#bdc0c6;font-size:var(--font-size-base);font-weight:400}.timeline-gap-card{background:transparent;border:1px dashed #bdc0c6;display:flex;align-items:center}.timeline-gap-card .task-card__header{margin-bottom:0}.timeline-row--task .task-card__description{font-weight:400}.gap-ticks{display:flex;flex-direction:column;gap:4px;margin-top:6px}.gap-tick{display:flex;align-items:center;gap:8px}.gap-tick__line{flex:1;height:1px;background:#d1d5db}.gap-tick__label{color:#bdc0c6;font-size:.75rem}.timeline-gap-card{background:transparent}.gap-tick__label--now{color:var(--text-primary)!important;font-weight:600}.timeline-row--gap .task-card,.timeline-gap-card{cursor:default}.timeline-row--gap .task-card-container,.timeline-row--gap .task-card,.timeline-row--gap .timeline-gap-card{position:relative}.gap-content{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:flex-start;height:100%;padding-top:var( --task-card-padding-out-top, 3px )}.gap-times{min-width:64px;height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.gap-times{min-width:0}}.gap-ticks.gap-ticks--labels-only{display:flex;flex-direction:column;justify-content:space-between;height:100%}.gap-ticks.gap-ticks--labels-only.gap-ticks--single{justify-content:flex-start;margin-top:0}.gap-tick__label{align-self:flex-end;color:#bdc0c6;font-size:var(--font-size-sm)}.timeline-row--gap:hover .task-card__header{white-space:nowrap}.timeline-gap-card:hover{box-shadow:0 1px 3px #0000000d;transform:none;background:transparent}.task-card--completed.timeline-gap-card:hover{background:transparent}.timeline-row--gap .task-card:hover .task-card__description,.timeline-row--gap .task-card-container:hover .task-card__description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}.schedule-view .timeline-row:hover .task-card__header{white-space:nowrap}.schedule-view .task-card--single-line .task-card__description,.schedule-view .task-card--single-line .task-card__time--inline{line-height:1}.date-nav{display:flex;align-items:center;gap:10px}.date-nav__input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.date-nav .date-nav__display{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:6px 12px;border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius);box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap}.date-nav .btn{min-width:0}.date-nav .date-nav__display:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.date-nav .date-nav__display:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-alpha)}.date-nav .date-nav__display:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background:var(--color-gray-100)}.date-nav .btn--secondary{width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:none;background:transparent;box-shadow:none;cursor:pointer;transition:opacity .2s ease}.date-nav .btn--secondary:hover{opacity:.7;box-shadow:none;background:transparent}.date-nav .btn--secondary:active{transform:none;box-shadow:none}.date-nav .btn--secondary:focus{outline:none;box-shadow:none;background:transparent}.date-nav .btn--secondary:last-child{justify-content:flex-end}.date-nav .btn--secondary:first-child{justify-content:flex-start}@media (max-width: 767px){.date-nav .btn--secondary{display:none}.date-nav .date-nav__display{padding:8px 12px;font-size:var(--font-size-base)}}.plan-column{flex:1.5}.plan-column .plan-column-body{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;min-height:0;margin-right:-20px;margin-left:-20px}.plan-column .plan-body-content{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.plan-column .plan-padding-section{flex:0 0 20px;background:transparent}body.is-weeks .columns-container.plan-columns>.plan-column{flex:1.5}.setting-select-container{position:relative;display:inline-block}.column-header-actions .setting-select--borderless{padding-right:32px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none}.setting-select--borderless::-ms-expand{display:none}@media (max-width: 1024px){.plan-header-three-section{justify-content:flex-start}.plan-header-right{display:none}.plan-header-center{margin-left:auto;display:flex;justify-content:flex-end}}.plan-page{min-height:100vh;background-color:#f8fafc}.plan-content{padding:var(--spacing-md);max-width:1200px;margin:0 auto}.settings-placeholder,.statistics-placeholder,.daily-tasks-placeholder,.main-plan-area{background:#fff;border-radius:var(--radius);border:1px solid var(--color-border);padding:var(--spacing-md);margin-top:var(--spacing-md)}.settings-placeholder h2,.statistics-placeholder h2,.daily-tasks-placeholder h2,.main-plan-area h2{margin-bottom:var(--spacing-sm);color:var(--color-text)}.settings-placeholder button,.statistics-placeholder button,.daily-tasks-placeholder button{margin-top:var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius);cursor:pointer}.settings-placeholder button:hover,.statistics-placeholder button:hover,.daily-tasks-placeholder button:hover{background:var(--color-primary-hover)}@media (max-width: 1024px){.main-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}}.schedule-view--droppable,.tasks-view--droppable{outline:2px dashed var(--color-primary, #3b82f6);outline-offset:4px}.plan-view-toggle{display:inline-block}.plan-toggle-button{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius);padding:10px 16px;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #00000014;transition:all .2s ease;letter-spacing:-.01em;white-space:nowrap}.plan-toggle-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.plan-toggle-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background:var(--color-gray-100)}.week-view{--week-slot-height: 23px;--week-header-gap: 14px;display:grid;grid-template-columns:var(--week-gutter-width, 56px) repeat(var(--week-days-count, 7),1fr);gap:0;position:relative}.week-day-column{display:flex;flex-direction:column;min-width:0;border:none;position:relative}.week-view>.week-day-column{border-left:none}.week-day-header{position:sticky;top:0;background:var(--color-bg-primary);z-index:5;height:var(--week-header-height, 28px);line-height:var(--week-header-height, 28px);padding:0;margin-bottom:var(--week-header-gap, 4px);font-weight:var(--font-weight-medium);text-align:center}.week-day-header--today{font-weight:var(--font-weight-bold, 700)}.week-day-header__label{display:inline-block;padding:2px 16px;border-radius:6px;cursor:pointer}.week-day-header__label--selected{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);box-shadow:0 1px 3px #00000014;transition:all .2s ease}@media (max-width: 1024px){.week-view{grid-template-columns:var(--week-gutter-width, 56px) 1fr}}.week-day-column .timeline-list,.week-day-column .timeline-row{gap:0}.week-day-column .task-card{margin-bottom:0;border-radius:3px;border-top:none;border-bottom:none}.week-day-column .gap-info{display:none}.week-day-column .gap-content{grid-template-columns:auto}.week-day-column .task-card__time,.week-day-column .task-card__footer-arrows,.week-day-column .task-card__move-btn,.week-day-column .task-card-arrow-area{display:none}.week-day-column .timeline-row:hover .task-card__header,.week-day-column .task-card:hover .task-card__description,.week-day-column .task-card-container:hover .task-card__description,.week-day-column .task-card:hover,.week-day-column .task-card-container:hover{white-space:normal;overflow:visible;background-color:inherit;border-color:inherit;transform:none}.week-timeline{position:relative;height:calc(var(--week-slot-height, 32px) * 48);overflow:hidden}.week-timeline__gap{background:transparent;border:none}.week-hour-gutter{position:relative}.week-hours{position:relative;height:calc(var(--week-slot-height, 32px) * 48)}.week-hour-label{position:absolute;font-size:12px;color:#9ca3af;right:6px;text-align:right;transform:translateY(-210%)}.week-view:before{content:"";position:absolute;left:var(--week-gutter-width, 56px);right:0;top:calc(var(--week-header-height, 28px) + var(--week-header-gap, 4px) + 1px);height:calc(var(--week-slot-height, 32px) * 48 - 1px - var(--week-header-gap, 4px));pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 1px,transparent calc(var(--week-slot-height, 32px) * 2));grid-column:1 / -1}.week-view>.week-day-column:before{content:"";position:absolute;left:0;top:calc(var(--week-header-height, 28px) + var(--week-header-gap, 4px) + 1px);height:calc(var(--week-slot-height, 32px) * 48 - 1px - var(--week-header-gap, 4px));width:1px;background:#0000000f;pointer-events:none;z-index:0}.week-view>.week-hour-gutter+.week-day-column:before{display:none}.week-day-column .week-timeline__item .task-card{padding:0 4px;height:100%;display:flex;align-items:flex-start;margin:0 2px;position:relative;overflow:hidden}.week-day-column .week-timeline__item .task-card:before{content:"";position:absolute;left:4px;top:2px;bottom:2px;width:2px;background-color:#00000026;border-radius:1px}.week-day-column .task-card__header{padding-left:6px;width:100%;align-items:flex-start;height:100%;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:0}.week-day-column .week-timeline__item .task-card-container{height:100%;margin-bottom:0}.week-day-column .task-card,.week-day-column .task-card:hover,.week-day-column .task-card.task-card--priority,.week-day-column .task-card.task-card--completed{border:1px solid rgba(0,0,0,.05)!important;box-shadow:none!important}.week-day-column .task-card-container:hover .task-card{box-shadow:none!important;transform:none!important}.week-day-column .task-card-container:hover .task-card-arrow{opacity:1!important;transform:none!important}.week-day-column .task-card-container--left:hover .task-card{margin-left:0}.week-day-column .task-card,.week-day-column .task-card *{transition:none!important}.week-day-column .task-card-arrow{opacity:1!important;transform:none!important}.week-day-column .task-card__project--hover-only{opacity:1!important}.week-day-column .task-card__description{flex:1;line-height:1.3;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;height:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.week-day-column .task-card__title-container{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.week-day-column .task-card{--task-card-lines-gap: 0px}.week-day-column .task-card__details,.week-day-column .task-card__xp,.week-day-column .task-card__star,.week-day-column .task-card__breadcrumb{display:none}.week-summary-divider{grid-column:1 / -1;height:1px;background:#00000014;margin-top:6px}.week-summary-gutter{height:28px}.week-summary-cell{display:flex;align-items:center;justify-content:center;height:28px;font-size:12px;color:var(--color-fg-secondary, #6b7280);border-left:none}.week-now-line{position:absolute;left:0;right:0;height:2px;background:#dc2626e6;z-index:4}.week-now-label{position:absolute;left:6px;font-size:12px;color:#dc2626f2;background:var(--color-bg-primary);padding:0 4px;border-radius:3px;transform:translateY(-50%);z-index:7}.project-xp-summary{width:100%}.project-xp-list{display:flex;flex-direction:column;gap:8px}.project-xp-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.project-xp-info{flex:1}.project-xp-name{font-weight:500;color:var(--color-text);margin-bottom:2px}.project-xp-details{font-size:.8rem;color:var(--color-text-muted)}.project-xp-value{font-weight:600;color:var(--color-primary);font-size:.9rem}.project-xp-value--xp{color:#3b82f6}.project-xp-value--duration{color:#ef4444}.statistics-chart{width:100%;height:280px;padding:var(--spacing-sm)}.statistics-chart-summary-container{display:flex;flex-direction:column;gap:var(--spacing-sm);width:280px;flex-shrink:0}.statistics-chart-summary-column{width:100%;flex-shrink:0;padding:20px}.statistics-chart-summary-column .column-header{border-bottom:1px solid var(--color-border-light);padding-bottom:16px;margin-bottom:20px}.statistics-chart-summary-column h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.statistics-chart-loading{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md)}.chart-placeholder{text-align:center;color:var(--color-text-muted);font-size:.9rem}.actual-duration-summary{width:100%;padding:var(--spacing-sm)}.actual-duration-summary .dash-card{background:#fff;border:none;border-radius:16px;padding:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.actual-duration-summary .dash-card__value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#059669}.actual-duration-summary-loading{width:100%;padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-muted);font-size:.9rem}.pauses-summary{width:100%;padding:var(--spacing-sm)}.pauses-summary .dash-card{background:#fff;border:none;border-radius:16px;padding:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pauses-summary .dash-card__value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#dc2626}.pauses-summary-loading{width:100%;padding:var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-muted);font-size:.9rem}@media (max-width: 768px){.statistics-chart-container{flex-direction:column}.statistics-chart-summary-container{flex-direction:row;width:100%;gap:var(--spacing-md)}.statistics-chart-summary-column{flex:1}}.statistics-analytics-container{display:flex;gap:var(--spacing-md);margin-top:var( --spacing-md )}.statistics-priority-column,.statistics-pause-column{flex:1;min-width:0}.statistics-middle-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.completion-tooltip{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);font-size:.8rem;box-shadow:0 4px 6px #0000001a}.completion-tooltip-item{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px;color:var(--color-text)}.completion-tooltip-item:last-child{margin-bottom:0}.completion-tooltip-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.statistics-section{flex:1;border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);background:var(--color-bg-primary)}.statistics-chart-wrapper{margin-top:var(--spacing-xs);flex:1;display:flex;flex-direction:column}.statistics-chart-wrapper-small{margin-top:var(--spacing-xs)}.statistics-content-wrapper{overflow-y:auto}.statistics-content-wrapper-small{overflow-y:auto;margin-top:var(--spacing-xs)}.preplanned-tasks{display:flex;flex-direction:column;gap:var(--spacing-md)}.preplanned-tasks-loading,.preplanned-tasks-empty{display:flex;align-items:center;justify-content:center;height:100px;color:var(--color-text-muted);font-size:.9rem}.preplanned-section{border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.preplanned-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.preplanned-section-header h4{font-size:.9rem;font-weight:600;margin:0;color:var(--color-text)}.preplanned-count{background:var(--color-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.preplanned-task-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preplanned-task-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--border-radius-xs);font-size:.8rem}.preplanned-task-description{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preplanned-task-meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.preplanned-task-duration{color:var(--color-text-muted);font-size:.75rem}.preplanned-task-completed{color:#10b981;font-weight:700}.preplanned-task-more{color:var(--color-text-muted);font-size:.75rem;text-align:center;font-style:italic;padding:var(--spacing-xs)}.preplanned-empty{color:var(--color-text-muted);font-size:.75rem;text-align:center;font-style:italic;padding:var(--spacing-sm)}.completion-rates-chart{height:100%}.completion-rates-chart-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted)}.estimation-accuracy-chart{height:100%}.estimation-accuracy-chart-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted)}.priority-tasks-chart{height:100%}.priority-tasks-chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.priority-tasks-vertical-chart{height:100%;display:flex;flex-direction:column;min-height:300px}.priority-bars-container{display:flex;align-items:flex-end;justify-content:space-between;flex:1;min-height:250px;padding:var(--spacing-sm) 0px;gap:var(--spacing-xs)}.priority-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%;gap:var(--spacing-md)}.priority-bar-column{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;width:100%}.priority-bar{width:35px;border-radius:4px 4px 0 0;transition:all .3s ease;min-height:8px}.priority-bar-label{margin-top:var(--spacing-xs);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:6px 12px;font-size:var(--font-size-sm);color:#333;transition:all .2s ease;box-sizing:border-box;word-break:break-word;line-height:1.2}.priority-tooltip{position:fixed;z-index:1000;pointer-events:none}.priority-tooltip-content{background:#fffffffa;border:1px solid rgba(55,53,47,.16);border-radius:6px;font-size:12px;font-family:system-ui,-apple-system,sans-serif;font-weight:400;padding:8px 12px;box-shadow:none;color:#37352f;white-space:nowrap}.statistics-completion-rates-column .column-header,.statistics-estimation-accuracy-column .column-header,.statistics-preplanned-tasks-column .column-header{border-bottom:none;margin-bottom:0}.statistics-pause-column{display:flex;flex-direction:column}.pause-reasons-pie-chart{margin-bottom:var(--spacing-md)}.pause-reasons-chart-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--color-text-muted)}.pause-reasons-list{margin-top:var(--spacing-md)}.pause-reasons-list-header h4{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.pause-reasons-list-loading,.pause-reasons-list-empty{color:var(--color-text-muted);font-size:.9rem;text-align:center;padding:var(--spacing-md)}.pause-reasons-list-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pause-reason-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.pause-reason-name{font-size:.9rem;color:var(--color-text);flex:1}.pause-reason-stats{display:flex;align-items:center;gap:var(--spacing-xs)}.pause-reason-time{font-size:.9rem;font-weight:600;color:var(--color-primary)}.pause-reason-count{font-size:.8rem;color:var(--color-text-muted)}.pause-reason-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:6px 12px;font-size:var(--font-size-sm);color:#333;transition:all .2s ease;box-sizing:border-box;word-break:break-word;line-height:1.2;margin:2px}.pause-reasons-pie-chart .recharts-legend-item .recharts-surface{border-radius:50%!important}.completion-percentage{margin-left:auto;font-size:.9em;font-weight:600;padding:2px 8px;border-radius:12px;border:1px solid}.statistics-completion-rates-column .column-header-left,.statistics-estimation-accuracy-column .column-header-left,.statistics-preplanned-tasks-column .column-header-left,.statistics-chart-summary-column .column-header-left,.statistics-priority-column .column-header-left,.statistics-pause-column .column-header-left{display:flex;align-items:center;justify-content:space-between;width:100%}.statistics-completion-rates-column .column-header-left h3,.statistics-estimation-accuracy-column .column-header-left h3,.statistics-preplanned-tasks-column .column-header-left h3,.statistics-chart-summary-column .column-header-left h3,.statistics-priority-column .column-header-left h3,.statistics-pause-column .column-header-left h3{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}.completion-percentage--high{color:#8dd3c7;background:#8dd3c730;border-color:#8dd3c7}.completion-percentage--medium{color:#fef0b6;background:#fef0b630;border-color:#fef0b6}.completion-percentage--low{color:#fb8072;background:#fb807230;border-color:#fb8072}.priority-tasks-chart-stretched{display:flex;flex-direction:column;height:100%}.priority-chart-container{flex:1;min-height:200px}.preplanned-tasks-flexible{display:flex;flex-direction:column;height:100%}.preplanned-chart-container{flex:1}@media (max-width: 768px){.statistics-analytics-container{flex-direction:column;gap:var(--spacing-lg)}.statistics-priority-column,.statistics-middle-container,.statistics-pause-column{width:100%}.statistics-middle-container{gap:var(--spacing-md)}.statistics-chart-wrapper,.statistics-chart-wrapper-small,.statistics-content-wrapper{height:auto}.statistics-content-wrapper-small{height:100px}.pause-reason-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.pause-reason-stats{align-self:flex-end}}@media (min-width: 769px) and (max-width: 1024px){.statistics-analytics-container,.statistics-middle-container{gap:var(--spacing-sm)}.statistics-chart-wrapper,.statistics-chart-wrapper-small{height:auto}.statistics-content-wrapper-small{height:100px}}.statistics-habits-daily-container{margin-top:var(--spacing-md)}.statistics-habits-column,.statistics-daily-column{flex:1;min-width:0}.habits-completion-chart,.daily-completion-chart{width:100%;height:250px;padding:var(--spacing-sm)}.habits-completion-loading,.daily-completion-loading,.habits-completion-empty,.daily-completion-empty{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md)}@media (max-width: 768px){.statistics-habits-daily-container{flex-direction:column}.statistics-habits-column,.statistics-daily-column{width:100%}.habits-completion-chart,.daily-completion-chart{height:150px}}@media (min-width: 769px) and (max-width: 1024px){.habits-completion-chart,.daily-completion-chart{height:250px}}.statistics-completion-summary-container{display:flex;gap:var(--spacing-md)}.statistics-completion-summary-column{flex:1;min-width:0}.completion-summary-chart{padding:var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.completion-bar{position:relative;height:24px;border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center}.completion-bar-bg{position:absolute;inset:0;background:#fb8072;border-radius:0 4px 4px 0}.completion-bar-fill{position:absolute;top:0;left:0;height:100%;background:#8dd3c7;border-radius:4px 0 0 4px;transition:width .3s ease;z-index:1}.completion-bar-label{position:absolute;left:var(--spacing-sm);color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm);z-index:1}.habit-item{margin-bottom:var(--spacing-lg);display:flex;align-items:center}.habit-item:last-child{margin-bottom:0}.habit-label{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;border:none;border-radius:0;padding:0;font-size:var(--font-size-xs);color:var(--color-text-primary);transition:all .2s ease;box-sizing:border-box;line-height:1.2;background:transparent;font-weight:500;flex-shrink:0;width:160px;margin-right:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-item .completion-bar{height:24px;flex:1}@media (max-width: 768px){.statistics-completion-summary-container{flex-direction:column}.completion-bar{height:35px}}.statistics-weeks-container{margin-top:var(--spacing-md)}.statistics-weeks-column{flex:1;min-width:0}.statistics-weeks-column .column-header{border-bottom:none;margin-bottom:0}.weeks-view{width:100%;height:90vh;padding:var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-md);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.weeks-view::-webkit-scrollbar{display:none}.weeks-view-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-style:italic}.weeks-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-sm)}.week-day-column{display:flex;flex-direction:column;min-height:200px}.week-day-header{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.week-day-tasks{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.week-task-item{padding:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--color-text);border:1px solid var(--color-border-light);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.week-no-tasks{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs);text-align:center;padding:var(--spacing-sm)}@media (max-width: 768px){.weeks-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.week-day-column{min-height:150px}.week-task-item{padding:6px;font-size:var(--font-size-xs)}}.statistics-header-container{margin-bottom:var(--spacing-md)}.statistics-header-column{width:100%;flex-shrink:0;padding:12px}.statistics-header-column .column-header{border-bottom:none;padding-bottom:0;margin-bottom:0}.statistics-back-button{background:none;border:none;font-size:.9rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);padding-left:8px;border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-md)}.statistics-back-button:hover{background-color:var(--color-bg-hover)}@media (max-width: 768px){.statistics-back-button{font-size:.8rem;padding:var(--spacing-xs)}}@media (max-width: 1024px){.statistics-header-column{margin-bottom:var(--spacing-sm)}}.time-dropdown-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-primary);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;box-sizing:border-box;min-width:60px}.time-dropdown-button:hover:not(:disabled){border-color:var(--color-primary)}.time-dropdown-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90e233}.time-dropdown-button:disabled{opacity:.6;cursor:not-allowed}.time-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:2px}.time-dropdown-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-primary);text-align:left;transition:background-color .15s ease}.time-dropdown-option:hover{background:var(--color-bg-secondary)}.time-dropdown-option:focus{outline:none;background:var(--color-bg-secondary)}.time-dropdown-option.selected{background:var(--color-primary);color:#fff}.time-dropdown-option.selected:hover{background:var(--color-primary)}.time-dropdown-container{position:relative;display:inline-block;flex:1}.teams-header-container{margin-bottom:var(--spacing-md)}.teams-header-column{width:100%;flex-shrink:0;padding:12px}.teams-header-column .column-header{border-bottom:none;padding-bottom:0;margin-bottom:0}.teams-back-button{background:none;border:none;font-size:.9rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);padding-left:8px;border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-md)}.teams-back-button:hover{background-color:var(--color-bg-hover)}.teams-members-container{margin-bottom:var(--spacing-md)}.teams-members-column{flex:1;min-width:0}@media (min-width: 768px){.teams-members-column{min-height:min(600px,100vh)}}@media (min-width: 1025px){.teams-members-column{min-height:min(700px,100vh)}}.teams-stats-column{flex:1;min-width:0}@media (min-width: 768px){.teams-stats-column{min-height:min(600px,100vh)}}@media (min-width: 1025px){.teams-stats-column{min-height:min(700px,100vh)}}.teams-stats-column .column-header{margin-bottom:16px;padding-bottom:10px}.teams-content-wrapper{padding:var(--spacing-sm)}.teams-stats-column .teams-content-wrapper{padding-top:var(--spacing-xs)}.team-members-list{display:flex;flex-direction:column}.team-member-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 1px 3px #0000000d;position:relative;margin-bottom:var(--spacing-sm)}.team-member-card:hover{box-shadow:0 4px 12px #0000001a}.team-member-card:last-child{margin-bottom:0}.team-member-card--pending{border:2px dashed #9ca3af;background-color:#f9fafb80;opacity:.7}.team-member-card--pending:hover{opacity:.85;box-shadow:0 4px 12px #00000014}.member-pending-badge{font-size:.75rem;color:#6b7280;font-style:italic}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.member-info{flex:1;min-width:0}.member-name{font-weight:500;color:var(--color-text);margin-bottom:2px}.member-role{font-size:.8rem;color:var(--color-text-muted);text-transform:capitalize}.member-stats{text-align:right;font-size:.8rem}.member-duration{font-weight:500;color:var(--color-text);margin-bottom:2px}.member-tasks{color:var(--color-text-muted)}.member-email{color:var(--color-text-muted);margin-bottom:2px}.member-joined{color:var(--color-text-muted)}.team-members-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.team-members-error{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-sm)}.team-members-error .error-message{color:var(--color-error);font-size:.9rem;text-align:center;margin:0}.team-members-empty{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.team-members-empty .empty-message{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:0}.team-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.stat-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm);text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.teams-tasks-view{padding:0}.teams-tasks-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.teams-tasks-error{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-sm)}.teams-tasks-error .error-message{color:var(--color-error);font-size:.9rem;text-align:center;margin:0}.teams-tasks-empty{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.teams-tasks-empty .empty-message{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:0}.teams-tasks-view .task-category{margin-bottom:0}.teams-tasks-view .category-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0;margin-bottom:0}.teams-tasks-view .category-info{display:flex;align-items:center;gap:8px}.teams-tasks-view .category-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-lg)}.teams-tasks-view .add-button-guard{display:flex;align-items:center}.teams-tasks-view .add-button{background-color:transparent;color:#374151;border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.teams-tasks-view .add-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.teams-tasks-view .category-content{padding:0;margin-top:var(--spacing-xs)}.teams-tasks-view .task-list{display:flex;flex-direction:column;gap:0}.teams-tasks-view .task-card-container{margin-bottom:8px}.teams-tasks-view .task-card-container:last-child{margin-bottom:0}.teams-tasks-view .task-card{--task-card-padding-out-top: 4px;--task-card-padding-out-bottom: 4px;margin-bottom:0}.teams-dashboard{display:flex;flex-direction:column;gap:var(--spacing-md)}.teams-dashboard-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.teams-dashboard-error{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-sm)}.teams-dashboard-error .error-message{color:var(--color-error);font-size:.9rem;text-align:center;margin:0}.teams-dashboard-empty{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.teams-dashboard-empty .empty-message{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:0}.teams-dashboard-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.teams-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-card{border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-md);background:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.dash-card__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dash-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.dash-card__note{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.teams-back-button{font-size:.8rem;padding:var(--spacing-xs)}.team-stats-grid{grid-template-columns:1fr}.team-member-card{flex-direction:column;text-align:center}.member-stats{text-align:center}.teams-dashboard-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.teams-header-column{margin-bottom:var(--spacing-sm)}.teams-members-container{flex-direction:column}.teams-members-column,.teams-stats-column{flex:none}.teams-dashboard-actions{flex-direction:column;align-items:stretch}.teams-dashboard-grid{grid-template-columns:1fr}}.teams-onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;max-width:600px;margin:0 auto}.teams-onboarding-header{width:100%;margin-bottom:2rem;text-align:center}.teams-onboarding-title{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin:0 0 .5rem}.teams-onboarding-subtitle{font-size:1rem;font-weight:400;color:var(--color-gray-600);margin:0;line-height:1.5}.teams-onboarding-content{width:100%}.teams-onboarding-actions{display:flex;justify-content:center;margin-top:1rem}.teams-create-button{padding:.75rem 2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.teams-create-button:hover{background-color:var(--color-primary-hover)}.teams-loading{display:flex;justify-content:center;align-items:center;min-height:40vh;font-size:1rem;color:var(--color-text-muted)}@media (max-width: 768px){.teams-onboarding-container{padding:1rem;min-height:50vh}.teams-onboarding-title{font-size:1.5rem}.teams-onboarding-subtitle{font-size:.9rem}}.teams-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;gap:1rem}.teams-error p{font-size:1rem;color:var(--color-error);margin:0}.teams-error button{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.teams-error button:hover{background-color:var(--color-primary-hover)}html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ul,ol,figure,hr,fieldset,legend{margin:0}:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-primary-alpha: rgba(37, 99, 235, .1);--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-light: #f9fafb;--color-success: #059669;--color-success-light: #eaf8ee;--color-success-alpha: rgba(5, 150, 105, .1);--color-warning: #d97706;--color-warning-light: #fffbe6;--color-warning-alpha: rgba(217, 119, 6, .1);--color-error: #dc2626;--color-error-light: #fdecec;--color-error-alpha: rgba(220, 38, 38, .1);--color-text: #1e293b;--color-text-primary: #374151;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border: #e5e7eb;--color-border-light: #f1f5f9;--color-border-dark: #d1d5db;--color-border-focus: #2563eb;--color-info: #3b82f6;--color-info-light: #eff6ff;--color-info-alpha: rgba(59, 130, 246, .1);--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: .9rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.2;--line-height-relaxed: 1.4;--line-height-loose: 1.5;--spacing-sm: .5rem;--spacing-md: 1rem;--radius: 8px;--transition: .3s ease;--error-offset: 0px}body{font-family:var(--font-family);line-height:var(--line-height-loose);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;background-color:var(--color-bg-secondary);color:var(--color-text)}#root{margin:0 auto;width:100%}#root:not(:has(.auth-container)){padding:var(--spacing-md)}@media (max-width: 767px){#root:not(:has(.auth-container)){padding:0;padding-top:var(--error-offset)}}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}button{border-radius:var(--radius);border:1px solid transparent;padding:calc(var(--spacing-md) * .6) calc(var(--spacing-md) * 1.2);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--transition)}button:focus,select:focus,input:focus,textarea:focus{outline:none}.btn{border-radius:var(--radius);border:1px solid transparent;padding:6px 12px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition);min-width:80px;box-shadow:0 1px 3px #0000001a}.btn--secondary{background-color:var(--color-bg-primary);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn--secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn--ghost{background-color:transparent;color:var(--color-gray-700);border:1px solid transparent}.btn--ghost:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.add-button,.popup-add-button{border-radius:var(--radius);border:1px solid transparent;padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:80px;box-shadow:0 1px 3px #00000014;background-color:var(--color-gray-700);color:var(--color-bg-primary);letter-spacing:-.01em;white-space:nowrap}.add-button:hover,.popup-add-button:hover{background-color:var(--color-gray-800);box-shadow:0 2px 6px #0000001f}.add-button:focus,.popup-add-button:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-alpha)}.add-button:active,.popup-add-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background-color:var(--color-gray-900)}.add-button:disabled,.popup-add-button:disabled{background-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;opacity:.5;transform:none;box-shadow:0 1px 3px #00000014}.white-button,.cancel-button{border-radius:var(--radius);border:1px solid var(--color-gray-300);padding:6px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:80px;box-shadow:0 1px 3px #00000014;background-color:var(--color-bg-primary);color:var(--color-gray-700);letter-spacing:-.01em;white-space:nowrap}.white-button:hover,.cancel-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000001f}.white-button:active,.cancel-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background-color:var(--color-gray-100)}.white-button:focus,.cancel-button:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-alpha)}.delete-button{border-radius:var(--radius);border:1px solid transparent;padding:8px 16px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition);min-width:80px;box-shadow:0 1px 3px #0000001a;background-color:var(--color-error);color:var(--color-bg-primary)}.delete-button:hover{background-color:var(--color-error);opacity:.9}.black-button{border-radius:var(--radius);border:1px solid transparent;padding:8px 16px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition);min-width:80px;box-shadow:0 1px 3px #0000001a;background-color:var(--color-gray-700);color:var(--color-bg-primary)}.black-button:hover{background-color:var(--color-gray-800)}.viewer-mode .add-button,.viewer-mode .popup-add-button,.viewer-mode .black-button,.viewer-mode .delete-button{pointer-events:none;opacity:.6}.viewer-mode [data-popup-trigger],.viewer-mode .open-popup,.viewer-mode .open-add-popup{pointer-events:none!important;opacity:.6!important}