@charset "UTF-8";.install-prompt-banner{position:fixed;bottom:70px;left:1rem;right:1rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 4px 20px #4f46e54d;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{display:flex;align-items:center;gap:.75rem;flex:1}.install-prompt-icon{font-size:2rem}.install-prompt-text{display:flex;flex-direction:column;gap:.125rem}.install-prompt-text strong{font-size:.9rem}.install-prompt-text span{font-size:.75rem;opacity:.9}.install-prompt-actions{display:flex;align-items:center;gap:.5rem}.install-button{background:#fff;color:#4f46e5;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.install-button:active{transform:scale(.95)}.install-button.secondary{background:#4f46e5;color:#fff;width:100%;padding:.75rem}.dismiss-button{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.install-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.install-prompt.ios-instructions{background:#fff;border-radius:16px;padding:1.5rem;max-width:320px;width:100%;color:#1f2937}.ios-instructions h3{margin:0 0 1rem;font-size:1.25rem}.ios-instructions p{margin:0 0 1rem;color:#6b7280}.ios-instructions ol{margin:0 0 1.5rem;padding-left:1.25rem}.ios-instructions li{margin-bottom:.75rem;line-height:1.5}.ios-icon{display:inline-block;margin-left:.25rem;font-size:1.1rem}.install-prompt-buttons{display:flex;gap:.5rem}.login-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:2rem;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#0f0f1a,#1a1a2e,#16213e,#2d1b4d,#1a1a2e,#0f0f1a);z-index:0}.login-background:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(ellipse,rgba(160,100,200,.35) 0%,rgba(120,80,180,.2) 30%,rgba(100,60,160,.1) 50%,transparent 70%);border-radius:50%;filter:blur(60px)}.login-background:after{content:"";position:absolute;bottom:20%;left:20%;width:350px;height:350px;background:radial-gradient(ellipse,rgba(80,120,200,.25) 0%,rgba(60,100,180,.15) 40%,transparent 70%);border-radius:50%;filter:blur(50px)}.login-container{position:relative;z-index:1;width:100%;max-width:320px}.login-header{text-align:center;margin-bottom:3rem}.login-header .login-logo{width:120px;height:120px;border-radius:16px;opacity:.9;filter:drop-shadow(0 4px 20px rgba(138,100,170,.3))}@media not all and (display-mode: standalone){.login-header .login-logo{opacity:.7;mix-blend-mode:screen;filter:drop-shadow(0 2px 10px rgba(138,100,170,.2))}}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{position:relative;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:.5rem;opacity:0;transform:translate(40px);animation:slideInFromRight .3s ease-out forwards}.login-form .form-group:nth-child(1){animation-delay:0ms}.login-form .form-group:nth-child(2){animation-delay:.1s}.login-form .form-group:focus-within{border-bottom-color:#fff9}.login-form .form-group .form-icon{display:flex;align-items:center;justify-content:center;width:40px;color:#fff9}.login-form .form-group .form-icon .material-icons{font-size:20px}.login-form .form-group .form-input{flex:1;padding:.75rem .5rem;font-size:1rem;color:#fff;background:transparent;border:none;outline:none;box-sizing:border-box}.login-form .form-group .form-input::placeholder{color:#ffffff80}.login-form .form-group .form-input:focus{outline:none}.login-form .form-group .form-input:disabled{opacity:.6;cursor:not-allowed}.login-form .form-group .form-input:-webkit-autofill,.login-form .form-group .form-input:-webkit-autofill:hover,.login-form .form-group .form-input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}.login-form .error-message{padding:.75rem 1rem;font-size:.875rem;color:#ff6b6b;background-color:#ff6b6b1a;border-radius:8px;text-align:center}.login-form .login-button{width:100%;padding:1rem 1.5rem;margin-top:1.5rem;font-size:.875rem;font-weight:600;letter-spacing:2px;color:#1a1a2e;background:linear-gradient(135deg,#fff,#e8e8e8);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fff3}.login-form .login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.login-form .login-button:active:not(:disabled){transform:translateY(0)}.login-form .login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:2rem}.login-footer .forgot-password-link{font-size:.875rem;color:#fff9;text-decoration:none;transition:color .2s ease}.login-footer .forgot-password-link:hover{color:#ffffffe6}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.spinner .backdrop{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;background-color:var(--page-background-color, #0f0f1a);z-index:1000;gap:20px}.spinner .spinner-text{color:var(--main-text-color, #fff);font-size:14px;margin:0;text-align:center}.spinner .loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:var(--spinner-color, #fff)}.spinner .loader:before,.spinner .loader:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.spinner .loader:after{color:var(--activated-color, #2382e4);transform:rotateY(70deg);animation-delay:.4s}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.overlay{position:fixed;top:calc(56px + max(env(safe-area-inset-top,0px),28px));left:0;right:0;bottom:calc(52px + env(safe-area-inset-bottom,0px));background-color:#000000d9;z-index:50;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .2s ease-out}.overlay-content{width:100%;height:100%;display:flex;flex-direction:column;padding:0;color:var(--main-text-color);overflow:hidden}.overlay-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:1rem 0 0;padding:0 1rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.overlay-title{margin:0;font-size:1.25rem;font-weight:600;color:#ffffffe6}.overlay-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.overlay-close .material-icons{font-size:1.25rem;color:#ffffffb3}.overlay-close:active{background:#fff3}.overlay-body{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0;margin:0}.overlay-body::-webkit-scrollbar{width:6px}.overlay-body::-webkit-scrollbar-track{background:transparent}.overlay-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.overlay-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.overlay-actions{position:sticky;bottom:0;left:0;right:0;width:100%;margin:auto 0 0;padding:1rem;background:#141419;border-top:1px solid rgba(255,255,255,.08);z-index:10;flex-shrink:0}.overlay-actions>*{display:flex;gap:.75rem;width:100%;align-items:center}.overlay-actions button{display:flex;align-items:center;justify-content:center}.search-overlay{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding:0}.search-overlay__header{display:flex;justify-content:flex-end;align-items:center;padding:1rem;flex-shrink:0}.search-overlay__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.search-overlay__close .material-icons{font-size:1.25rem;color:#ffffffb3}.search-overlay__close:active{background:#fff3}.search-overlay__body{flex:1;display:flex;flex-direction:column;padding:0 1rem 1rem;overflow:hidden}.search-overlay__navigating{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;color:#ffffffe6;font-size:.9rem}.search-overlay__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#4a90d9;border-radius:50%;animation:spin .8s linear infinite}.search-overlay__input-container{position:relative;display:flex;align-items:center;margin:0 0 1rem;flex-shrink:0}.search-overlay__search-icon{position:absolute;left:12px;font-size:20px;color:#ffffff80;pointer-events:none}.search-overlay__input{width:100%;height:44px;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:0 44px;font-size:16px;color:#fffffff2;transition:border-color .2s ease,background-color .2s ease}.search-overlay__input::placeholder{color:#fff6}.search-overlay__input:focus{outline:none;border-color:#4a90d9;background-color:#ffffff26}.search-overlay__clear-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.search-overlay__clear-btn .material-icons{font-size:18px;color:#ffffffb3}.search-overlay__clear-btn:active{background:#fff3}.search-overlay__results{flex:1;overflow-y:auto;padding:0}.search-overlay__results::-webkit-scrollbar{width:6px}.search-overlay__results::-webkit-scrollbar-track{background:transparent}.search-overlay__results::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.search-overlay__results::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.search-overlay__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#fff9;font-size:.9rem}.search-overlay__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#ffffff80}.search-overlay__empty .material-icons{font-size:3rem;opacity:.6}.search-overlay__empty p{margin:0;font-size:.95rem}.search-overlay__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#ffffff80}.search-overlay__no-results .material-icons{font-size:3rem;opacity:.6}.search-overlay__no-results p{margin:0;font-size:.95rem}.search-overlay__category{margin-bottom:1.5rem}.search-overlay__category:last-child{margin-bottom:0}.search-overlay__category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#ffffff80;margin:0 0 .75rem;letter-spacing:.5px}.search-overlay__list{display:flex;flex-direction:column;gap:.5rem}.search-overlay__item{background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.875rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start}.search-overlay__item:active{background-color:#ffffff26;border-color:#4a90d9}.search-overlay__item--task{border-left:3px solid #4a90d9}.search-overlay__item--note{border-left:3px solid #66bb6a}.search-overlay__item--list{border-left:3px solid #9c27b0}.search-overlay__item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;width:100%;flex-wrap:wrap}.search-overlay__item-title{font-weight:500;font-size:.95rem;color:#fffffff2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.search-overlay__color-indicator{width:10px;height:10px;border-radius:2px;flex-shrink:0}.search-overlay__status-badge{font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:capitalize;flex-shrink:0;background-color:#ffffff1a;color:#ffffffb3}.search-overlay__status-badge--not-started{background-color:#9e9e9e33;color:#9e9e9e}.search-overlay__status-badge--in-progress{background-color:#4a90d933;color:#4a90d9}.search-overlay__status-badge--completed,.search-overlay__status-badge--done{background-color:#4caf5033;color:#4caf50}.search-overlay__status-badge--stuck{background-color:#f4433633;color:#f44336}.search-overlay__status-badge--pending{background-color:#ff980033;color:#ff9800}.search-overlay__type-badge{font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:500;flex-shrink:0;background-color:#9c27b033;color:#ba68c8}.search-overlay__item-description{font-size:.8rem;color:#ffffff80;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;width:100%}.search-overlay__item-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-overlay__meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#ffffff80}.search-overlay__meta-item .material-icons{font-size:.875rem}.notifications-overlay{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding:1rem 1rem 0}.notifications-overlay__navigating{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:100;color:#ffffffe6;font-size:.9rem}.notifications-overlay__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#4a90d9;border-radius:50%;animation:notifications-spin .8s linear infinite}@keyframes notifications-spin{to{transform:rotate(360deg)}}.notifications-overlay__header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;flex-shrink:0}.notifications-overlay__header-icon{font-size:1.5rem;color:#ff9800}.notifications-overlay__header-title{font-size:1.1rem;font-weight:600;color:#ffffffe6;flex:1}.notifications-overlay__badge{background-color:#f44336;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:24px;text-align:center}.notifications-overlay__close{background:none;border:none;padding:.25rem;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:color .2s ease}.notifications-overlay__close:hover{color:#ffffffe6}.notifications-overlay__close .material-icons{font-size:1.25rem}.notifications-overlay__content{flex:1;overflow-y:auto;padding-right:.25rem}.notifications-overlay__content::-webkit-scrollbar{width:4px}.notifications-overlay__content::-webkit-scrollbar-track{background:transparent}.notifications-overlay__content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.notifications-overlay__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#fff9;font-size:.9rem}.notifications-overlay__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#ffffff80}.notifications-overlay__error .material-icons{font-size:2.5rem;color:#f44336}.notifications-overlay__error p{margin:0;font-size:.95rem}.notifications-overlay__error button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s}.notifications-overlay__error button:active{background:#fff3}.notifications-overlay__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem;text-align:center;color:#ffffff80}.notifications-overlay__empty .material-icons{font-size:3rem;color:#4caf50;opacity:.7}.notifications-overlay__empty p{margin:0;font-size:1.1rem;font-weight:500;color:#ffffffb3}.notifications-overlay__empty-subtitle{font-size:.85rem;color:#fff6}.notifications-overlay__section{margin-bottom:1.5rem}.notifications-overlay__section:last-child{margin-bottom:0}.notifications-overlay__section-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;margin:0 0 .75rem;letter-spacing:.5px}.notifications-overlay__section-title .material-icons{font-size:1rem}.notifications-overlay__section-title--overdue{color:#f44336}.notifications-overlay__section-title--today{color:#ff9800}.notifications-overlay__list{display:flex;flex-direction:column;gap:.5rem}.notifications-overlay__item{background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.875rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.notifications-overlay__item:active{background-color:#ffffff26}.notifications-overlay__item--overdue{border-left:3px solid #f44336}.notifications-overlay__item--today{border-left:3px solid #ff9800}.notifications-overlay__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notifications-overlay__item-title{font-weight:500;font-size:.95rem;color:#fffffff2;flex:1;line-height:1.3}.notifications-overlay__item-type-label{font-size:.75rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.notifications-overlay__item-type{display:inline-flex;align-items:center;opacity:.6}.notifications-overlay__item-type .material-icons{font-size:1rem}.notifications-overlay__item-deadline{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:10px;flex-shrink:0;background-color:#f4433633;color:#f44336}.notifications-overlay__item-deadline--today{background-color:#ff980033;color:#ff9800}.notifications-overlay__item-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notifications-overlay__meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#ffffff80}.notifications-overlay__meta-item .material-icons{font-size:.875rem}.user-overlay{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.user-overlay .user-email{color:var(--task-not-started-color);font-size:.875rem}.user-overlay .logout-button{margin-top:1rem;padding:.75rem 2rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--error-color);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.user-overlay .logout-button:hover{opacity:.9}.user-overlay .logout-button:active{opacity:.8}.color-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:8px 0;width:100%}.color-picker .color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:3px solid transparent;justify-self:center}.color-picker .color-option:active{transform:scale(.95)}.color-picker .color-option.selected{border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #0000004d}.add-project-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.add-project-overlay .add-project-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.add-project-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.add-project-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.add-project-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.add-project-overlay .form-group input::placeholder{color:#ffffff4d}.add-project-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.add-project-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.add-project-overlay .add-project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.add-project-overlay .add-project-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-project-overlay .add-project-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.add-project-overlay .add-project-actions .cancel-button:active{background:#ffffff26}.add-project-overlay .add-project-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-project-overlay .add-project-actions .save-button:active:not(:disabled){transform:scale(.98)}.add-project-overlay .add-project-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.edit-project-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.edit-project-overlay .edit-project-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.edit-project-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-project-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.edit-project-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.edit-project-overlay .form-group input::placeholder{color:#ffffff4d}.edit-project-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.edit-project-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.edit-project-overlay .edit-project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.edit-project-overlay .edit-project-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-project-overlay .edit-project-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.edit-project-overlay .edit-project-actions .cancel-button:active{background:#ffffff26}.edit-project-overlay .edit-project-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-project-overlay .edit-project-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-project-overlay .edit-project-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.delete-project-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-project-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-project-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-project-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-project-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-project-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-project-overlay .warning-message strong{color:#ffffffe6}.delete-project-overlay .warning-details{font-size:.875rem;color:#ffffff80;margin:0;line-height:1.5}.delete-project-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-project-overlay .delete-project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-project-overlay .delete-project-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-project-overlay .delete-project-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-project-overlay .delete-project-actions .cancel-button:active{background:#ffffff26}.delete-project-overlay .delete-project-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-project-overlay .delete-project-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-project-overlay .delete-project-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.organizations-page{width:100%;height:100%;padding:1rem .5rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.organizations-page::-webkit-scrollbar{display:none}.organizations-page .section{margin-bottom:1.5rem}.organizations-page .section .section-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;opacity:0;animation:fadeIn .4s ease-out forwards}.organizations-page .section .section-divider .section-divider-spacer{width:28px}.organizations-page .section .section-divider .section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.organizations-page .section .section-divider .section-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59}.organizations-page .section .section-divider--with-btn .section-divider-line:last-of-type{flex:.7}.organizations-page .section .section-divider .section-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.organizations-page .section .section-divider .section-add-btn .material-icons{font-size:1.1rem;color:#ffffff80;transition:color .2s ease}.organizations-page .section .section-divider .section-add-btn:hover,.organizations-page .section .section-divider .section-add-btn:active{background:#667eea4d}.organizations-page .section .section-divider .section-add-btn:hover .material-icons,.organizations-page .section .section-divider .section-add-btn:active .material-icons{color:#ffffffe6}.organizations-page .section .section-divider .section-add-btn:active{transform:scale(.92)}.organizations-page .section .section-divider .section-add-btn:disabled{opacity:.3;cursor:not-allowed}.organizations-page .section .section-divider .section-add-btn:disabled:hover,.organizations-page .section .section-divider .section-add-btn:disabled:active{background:#ffffff14;transform:none}.organizations-page .section .section-divider .section-add-btn:disabled:hover .material-icons,.organizations-page .section .section-divider .section-add-btn:disabled:active .material-icons{color:#ffffff80}.organizations-page .list{display:flex;flex-direction:column;gap:.5rem}.organizations-page .list-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(15px);animation:slideIn .35s ease-out forwards}.organizations-page .list-item:hover,.organizations-page .list-item:active{background:#ffffff0f;border-color:#ffffff1a}.organizations-page .list-item:active{transform:scale(.98)}.organizations-page .list-item.selected{background:#667eea26;border-color:#667eea66}.organizations-page .list-item.selected .list-item-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.organizations-page .list-item.selected .list-item-name{color:#fffffff2}.organizations-page .list-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff14;transition:all .25s ease}.organizations-page .list-item-icon .material-icons{font-size:1.25rem;color:#ffffffe6}.organizations-page .list-item-content{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.organizations-page .list-item-name{font-size:.95rem;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organizations-page .list-item-meta{font-size:.75rem;color:#fff6}.organizations-page .list-item-check{font-size:1.25rem;color:#667eea;transition:color .2s ease}.organizations-page .list-item:not(.selected) .list-item-check{color:#fff3}.organizations-page .list-item-actions{display:flex;gap:.5rem;margin-left:auto}.organizations-page .list-item-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.organizations-page .list-item-action-btn .material-icons{font-size:1rem;color:#ffffff80}.organizations-page .list-item-action-btn:active{transform:scale(.92);background:#ffffff26}.organizations-page .list-item-action-btn:active .material-icons{color:#fffc}.organizations-page .list-item-action-btn--danger:active{background:#f27a5e33}.organizations-page .list-item-action-btn--danger:active .material-icons{color:#f27a5e}.organizations-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;opacity:0;animation:fadeIn .4s ease-out forwards;animation-delay:.1s}.organizations-page .empty-state .material-icons{font-size:2.5rem;color:#ffffff26;margin-bottom:.75rem}.organizations-page .empty-state p{font-size:.9rem;color:#ffffff59;margin:0}@keyframes slideIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.apps-page{width:100%;height:100%;padding:1rem .5rem}.apps-page .apps-grid{display:flex;flex-direction:column;gap:.75rem}.apps-page .app-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(20px);animation:slideIn .4s ease-out forwards}.apps-page .app-card:hover,.apps-page .app-card:active{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.apps-page .app-card:active{transform:scale(.98) translate(4px)}.apps-page .app-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;box-shadow:0 4px 15px #0003,inset 0 1px #fff3}.apps-page .app-card-icon .material-icons{font-size:24px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.apps-page .app-card-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.apps-page .app-card-name{font-size:1rem;font-weight:600;color:var(--main-text-color, #fff);letter-spacing:.01em}.apps-page .app-card-description{font-size:.8rem;color:#ffffff80;letter-spacing:.02em}.apps-page .app-card-arrow{color:#ffffff4d;font-size:20px;transition:all .3s ease}.apps-page .app-card:hover .app-card-arrow,.apps-page .app-card:active .app-card-arrow{color:#fff9;transform:translate(2px)}.apps-page .apps-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;opacity:0;animation:fadeIn .4s ease-out forwards;animation-delay:.25s}.apps-page .apps-divider--top{margin-top:0;animation-delay:0ms}.apps-page .apps-divider .apps-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.apps-page .apps-divider .apps-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.add-taskgroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.add-taskgroup-overlay .add-taskgroup-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.add-taskgroup-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.add-taskgroup-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.add-taskgroup-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.add-taskgroup-overlay .form-group input::placeholder{color:#ffffff4d}.add-taskgroup-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.add-taskgroup-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.add-taskgroup-overlay .add-taskgroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.add-taskgroup-overlay .add-taskgroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-taskgroup-overlay .add-taskgroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.add-taskgroup-overlay .add-taskgroup-actions .cancel-button:active{background:#ffffff26}.add-taskgroup-overlay .add-taskgroup-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-taskgroup-overlay .add-taskgroup-actions .save-button:active:not(:disabled){transform:scale(.98)}.add-taskgroup-overlay .add-taskgroup-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.edit-taskgroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.edit-taskgroup-overlay .edit-taskgroup-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.edit-taskgroup-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-taskgroup-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.edit-taskgroup-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.edit-taskgroup-overlay .form-group input::placeholder{color:#ffffff4d}.edit-taskgroup-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.edit-taskgroup-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.edit-taskgroup-overlay .edit-taskgroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.edit-taskgroup-overlay .edit-taskgroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-taskgroup-overlay .edit-taskgroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.edit-taskgroup-overlay .edit-taskgroup-actions .cancel-button:active{background:#ffffff26}.edit-taskgroup-overlay .edit-taskgroup-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-taskgroup-overlay .edit-taskgroup-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-taskgroup-overlay .edit-taskgroup-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.delete-taskgroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-taskgroup-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-taskgroup-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-taskgroup-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-taskgroup-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-taskgroup-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-taskgroup-overlay .warning-message strong{color:#ffffffe6}.delete-taskgroup-overlay .warning-details{font-size:.875rem;color:#ffffff80;margin:0;line-height:1.5}.delete-taskgroup-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-taskgroup-overlay .delete-taskgroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-taskgroup-overlay .delete-taskgroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-taskgroup-overlay .delete-taskgroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-taskgroup-overlay .delete-taskgroup-actions .cancel-button:active{background:#ffffff26}.delete-taskgroup-overlay .delete-taskgroup-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-taskgroup-overlay .delete-taskgroup-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-taskgroup-overlay .delete-taskgroup-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.delete-task-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-task-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-task-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-task-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-task-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-task-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-task-overlay .warning-message strong{color:#ffffffe6}.delete-task-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-task-overlay .delete-task-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-task-overlay .delete-task-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-task-overlay .delete-task-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-task-overlay .delete-task-actions .cancel-button:active{background:#ffffff26}.delete-task-overlay .delete-task-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-task-overlay .delete-task-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-task-overlay .delete-task-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-modal-content{padding:0}.emoji-picker-modal-content aside{border:none!important;background:var(--modal-background-color)!important}.emoji-picker-modal-content .epr-emoji-category-label{background:var(--modal-background-color)!important;color:var(--main-text-color)!important}.emoji-picker-modal-content .epr-search{background:var(--task-background-color)!important;border:1px solid var(--border-color)!important;color:var(--main-text-color)!important}.emoji-picker-modal-content .epr-header{background:var(--modal-background-color)!important}.emoji-picker-modal-content .epr-preview{background:var(--modal-background-color)!important;color:var(--main-text-color)!important}.edit-task-overlay{display:flex;flex-direction:column;gap:0;height:100%;width:100%}.edit-task-form{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;padding:1rem 1rem 0}.edit-task-form .form-row{display:flex;gap:.75rem}.edit-task-form .form-row .form-group{flex:1}.edit-task-form .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-task-form .form-group.description-group{gap:0!important;min-height:200px;max-height:300px}.edit-task-form .form-group.description-group label{margin-bottom:.5rem}.edit-task-form .form-group label{font-size:.85rem;font-weight:500;color:#ffffffb3}.edit-task-form .form-group input[type=text]{padding:.75rem 1rem;font-size:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--main-text-color, #fff);outline:none;transition:all .2s ease}.edit-task-form .form-group input[type=text]::placeholder{color:#ffffff59}.edit-task-form .form-group input[type=text]:focus{border-color:#667eea80;background:#ffffff1a}.dropdown-wrapper{position:relative}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:.9rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--main-text-color, #fff);cursor:pointer;transition:all .2s ease}.dropdown-trigger:active{background:#ffffff1f}.dropdown-trigger .material-icons{font-size:1.125rem;color:#ffffff80}.dropdown-trigger.not-started{background:var(--task-not-started-color, #6c757d);border-color:var(--task-not-started-color, #6c757d);color:#fff}.dropdown-trigger.not-started .material-icons{color:#fffc}.dropdown-trigger.in-progress{background:var(--task-in-progress-color, #ffc107);border-color:var(--task-in-progress-color, #ffc107);color:#fff}.dropdown-trigger.in-progress .material-icons{color:#fffc}.dropdown-trigger.completed{background:var(--task-completed-color, #28a745);border-color:var(--task-completed-color, #28a745);color:#fff}.dropdown-trigger.completed .material-icons{color:#fffc}.dropdown-trigger.stuck{background:var(--task-stuck-color, #dc3545);border-color:var(--task-stuck-color, #dc3545);color:#fff}.dropdown-trigger.stuck .material-icons{color:#fffc}.dropdown-trigger.pending{background:var(--task-pending-color, #17a2b8);border-color:var(--task-pending-color, #17a2b8);color:#fff}.dropdown-trigger.pending .material-icons{color:#fffc}.dropdown-trigger.urgent{background:var(--priority-urgent-color, #dc3545);border-color:var(--priority-urgent-color, #dc3545);color:#fff}.dropdown-trigger.urgent .material-icons{color:#fffc}.dropdown-trigger.high{background:var(--priority-high-color, #fd7e14);border-color:var(--priority-high-color, #fd7e14);color:#fff}.dropdown-trigger.high .material-icons{color:#fffc}.dropdown-trigger.medium{background:var(--priority-medium-color, #ffc107);border-color:var(--priority-medium-color, #ffc107);color:#fff}.dropdown-trigger.medium .material-icons{color:#fffc}.dropdown-trigger.low{background:var(--priority-low-color, #20c997);border-color:var(--priority-low-color, #20c997);color:#fff}.dropdown-trigger.low .material-icons{color:#fffc}.dropdown-trigger.trivial{background:var(--priority-trivial-color, #6c757d);border-color:var(--priority-trivial-color, #6c757d);color:#fff}.dropdown-trigger.trivial .material-icons{color:#fffc}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e1e28fa;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.5rem;z-index:101;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:.5rem}.dropdown-menu.responsible-menu{max-height:300px;overflow-y:auto}.dropdown-item{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;font-weight:500;background:transparent;border:none;border-radius:6px;color:var(--main-text-color, #fff);cursor:pointer;text-align:center;transition:all .15s ease}.dropdown-item:active{transform:scale(.98)}.dropdown-item.not-started{background:var(--task-not-started-color, #6c757d)}.dropdown-item.in-progress{background:var(--task-in-progress-color, #ffc107)}.dropdown-item.completed{background:var(--task-completed-color, #28a745)}.dropdown-item.stuck{background:var(--task-stuck-color, #dc3545)}.dropdown-item.pending{background:var(--task-pending-color, #17a2b8)}.dropdown-item.urgent{background:var(--priority-urgent-color, #dc3545)}.dropdown-item.high{background:var(--priority-high-color, #fd7e14)}.dropdown-item.medium{background:var(--priority-medium-color, #ffc107)}.dropdown-item.low{background:var(--priority-low-color, #20c997)}.dropdown-item.trivial{background:var(--priority-trivial-color, #6c757d)}.dropdown-item.clear{background:#ffffff14;color:#ffffff80;justify-content:center}.dropdown-item.member-item{justify-content:flex-start;background:transparent;color:var(--main-text-color, #fff)}.dropdown-item.member-item:active{background:#ffffff1a}.dropdown-item.member-item.selected{background:#667eea33;outline:none}.dropdown-item.member-item .member-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.dropdown-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.member-filter{width:100%;padding:.625rem .75rem;font-size:.9rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--main-text-color, #fff);margin-bottom:.5rem}.member-filter::placeholder{color:#ffffff59}.member-filter:focus{outline:none;border-color:#667eea80}.members-list{max-height:180px;overflow-y:auto}.no-members{padding:1rem;text-align:center;color:#fff6;font-size:.85rem}.deadline-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.deadline-controls{display:flex;align-items:center;gap:.5rem}.deadline-controls input[type=date]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.deadline-picker-btn{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s ease}.deadline-picker-btn .material-icons{font-size:1.125rem}.deadline-picker-btn:active{background:#ffffff1f}.clear-deadline-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff64641a;border:none;border-radius:10px;color:#ff6464cc;cursor:pointer;transition:all .2s ease;flex-shrink:0}.clear-deadline-btn .material-icons{font-size:1.125rem}.clear-deadline-btn:active{background:#ff646433}.description-toolbar{display:flex;gap:.25rem;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-bottom:none;border-radius:10px 10px 0 0;flex-shrink:0}.description-toolbar .toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#fff9;cursor:pointer;transition:all .15s ease}.description-toolbar .toolbar-btn .material-icons{font-size:1.125rem}.description-toolbar .toolbar-btn:active{background:#ffffff1a;color:#ffffffe6}.description-editor{flex:1;min-height:150px;overflow-y:auto;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-top:none;border-radius:0 0 10px 10px}.description-editor .ProseMirror{outline:none;min-height:130px;color:var(--main-text-color, #fff);font-size:.95rem;line-height:1.6}.description-editor .ProseMirror p{margin:0 0 .5rem}.description-editor .ProseMirror p:last-child{margin-bottom:0}.description-editor .ProseMirror ul,.description-editor .ProseMirror ol{padding-left:1.5rem;margin:.5rem 0}.description-editor .ProseMirror li{margin:.25rem 0}.description-editor .ProseMirror strong{font-weight:600}.description-editor .ProseMirror em{font-style:italic}.description-editor .ProseMirror.ProseMirror-focused{outline:none}.description-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#ffffff59;float:left;height:0;pointer-events:none}.edit-task-actions{display:flex;gap:.75rem;width:100%}.edit-task-actions button{flex:1;padding:.875rem;font-size:1rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-task-actions .cancel-button{background:#ffffff14;color:#ffffffb3}.edit-task-actions .cancel-button:active{background:#ffffff1f}.edit-task-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-task-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-task-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.images-group{margin-top:1rem}.images-group .images-upload-section{margin-bottom:1rem}.images-group .upload-image-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:#ffffff14;border:1px dashed rgba(255,255,255,.2);border-radius:10px;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .2s ease}.images-group .upload-image-btn:active:not(:disabled){background:#ffffff1f;transform:scale(.98)}.images-group .upload-image-btn:disabled{opacity:.5;cursor:not-allowed}.images-group .upload-image-btn .material-icons{font-size:1.25rem}.images-group .images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.images-group .image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0003;cursor:pointer}.images-group .image-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.images-group .image-item:active img{transform:scale(.95)}.images-group .image-item .delete-image-btn{position:absolute;top:.25rem;right:.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s ease}.images-group .image-item .delete-image-btn .material-icons{font-size:18px;color:#ff6b6b}.images-group .image-item .delete-image-btn:active{background:#000000e6}.images-group .image-item:hover .delete-image-btn,.images-group .image-item:active .delete-image-btn{opacity:1}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-viewer-overlay .image-viewer-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-viewer-overlay .image-container{max-width:90%;max-height:80%;display:flex;align-items:center;justify-content:center}.image-viewer-overlay .image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.image-viewer-overlay .close-button{position:absolute;top:6.5rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:100;box-shadow:0 2px 8px #00000080}.image-viewer-overlay .close-button .material-icons{font-size:24px;color:#fff}.image-viewer-overlay .close-button:active{background:#000000e6;border-color:#ffffff80}.image-viewer-overlay .nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:100;box-shadow:0 2px 8px #00000080}.image-viewer-overlay .nav-button .material-icons{font-size:24px;color:#fff}.image-viewer-overlay .nav-button:active{background:#000000e6;border-color:#ffffff80}.image-viewer-overlay .nav-button.prev-button{left:1rem}.image-viewer-overlay .nav-button.next-button{right:1rem}.image-viewer-overlay .image-info{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:10px}.image-viewer-overlay .image-info .image-filename{font-size:.85rem;color:#ffffffe6;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-overlay .image-info .image-counter{font-size:.75rem;color:#fff9}.confirm-complete-task-overlay{padding:20px}.confirm-complete-task-overlay .warning-content{text-align:center;margin-bottom:20px}.confirm-complete-task-overlay .warning-content .warning-icon{margin-bottom:15px}.confirm-complete-task-overlay .warning-content .warning-icon .material-icons{font-size:48px;color:#2196f3}.confirm-complete-task-overlay .warning-content .warning-title{font-size:20px;font-weight:600;margin:0 0 10px;color:var(--text-primary)}.confirm-complete-task-overlay .warning-content .warning-message{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.confirm-complete-task-overlay .warning-content .warning-message strong{color:var(--text-primary)}.confirm-complete-task-overlay .confirm-complete-actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid var(--border-color)}.confirm-complete-task-overlay .confirm-complete-actions button{flex:1;padding:14px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.confirm-complete-task-overlay .confirm-complete-actions button.cancel-button{background:#6c757d;color:#fff}.confirm-complete-task-overlay .confirm-complete-actions button.cancel-button:active{background:#5a6268}.confirm-complete-task-overlay .confirm-complete-actions button.confirm-button{background:#4caf50;color:#fff}.confirm-complete-task-overlay .confirm-complete-actions button.confirm-button:active{background:#45a049}.tasks-page{width:100%;height:100%;padding:.5rem 0;display:flex;flex-direction:column}.tasks-page .tasks-section-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:0 .25rem;opacity:0;animation:fadeIn .4s ease-out forwards}.tasks-page .tasks-section-divider .tasks-section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.tasks-page .tasks-section-divider .tasks-section-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59}.tasks-page .tasks-section-divider .tasks-section-divider-line:first-of-type{flex:.7}.tasks-page .tasks-section-divider .tasks-section-divider-line:last-of-type{flex:.3}.tasks-page .tasks-section-divider .tasks-section-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.tasks-page .tasks-section-divider .tasks-section-toggle-btn .material-icons{font-size:1.1rem;color:#ffffff59;transition:color .2s ease}.tasks-page .tasks-section-divider .tasks-section-toggle-btn:active{background:#ffffff26}.tasks-page .tasks-section-divider .tasks-section-toggle-btn--active{background:#667eea40}.tasks-page .tasks-section-divider .tasks-section-toggle-btn--active .material-icons{color:#fffc}.tasks-page .tasks-section-divider .tasks-section-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.tasks-page .tasks-section-divider .tasks-section-add-btn .material-icons{font-size:1.1rem;color:#ffffff80;transition:color .2s ease}.tasks-page .tasks-section-divider .tasks-section-add-btn:hover,.tasks-page .tasks-section-divider .tasks-section-add-btn:active{background:#667eea4d}.tasks-page .tasks-section-divider .tasks-section-add-btn:hover .material-icons,.tasks-page .tasks-section-divider .tasks-section-add-btn:active .material-icons{color:#ffffffe6}.tasks-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:4rem}.tasks-page--loading p{color:#ffffff80;font-size:.9rem}.tasks-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:4rem}.tasks-page--error .material-icons{font-size:48px;color:#ffffff4d}.tasks-page--error p{color:#fff9;font-size:.95rem}.tasks-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding-top:4rem}.tasks-page--empty .tasks-empty-icon{font-size:56px;color:#ffffff26}.tasks-page--empty p{color:#fff9;font-size:1rem;font-weight:500}.tasks-page--detail{padding:0;gap:0;height:calc(100vh - 84px - max(env(safe-area-inset-top,0px),28px) - 2rem - env(safe-area-inset-bottom,0px));overflow:hidden}.tasks-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}.tasks-retry-btn{padding:.5rem 1.5rem;background:#ffffff1a;color:var(--main-text-color, #fff);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;font-size:.85rem}.tasks-retry-btn:active{background:#ffffff26}.task-group{margin-bottom:.5rem;opacity:0;transform:translateY(10px);animation:taskSlideIn .35s ease-out forwards}.task-group .task-group-header{display:flex;align-items:center;gap:.75rem;padding:.85rem .75rem;cursor:pointer;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:background .2s,filter .2s}.task-group .task-group-header:active{filter:brightness(1.2)}.task-group .task-group-chevron{font-size:20px;color:#ffffff59;flex-shrink:0;transition:color .15s}.task-group .task-group-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 6px #0003}.task-group .task-group-name{flex:1;font-size:.95rem;font-weight:600;color:var(--main-text-color, #fff);letter-spacing:.01em}.task-group .task-group-count{font-size:.75rem;color:#fff6;background:#ffffff0f;padding:.15rem .5rem;border-radius:10px;font-weight:500}.task-group .task-group-menu-wrapper{position:relative}.task-group .task-group-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;cursor:pointer;padding:0;transition:background .15s}.task-group .task-group-menu-btn .material-icons{font-size:20px;color:#ffffff59}.task-group .task-group-menu-btn:active{background:#ffffff1a}.task-group .task-group-menu-btn:active .material-icons{color:#ffffffb3}.task-group .task-group-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.task-group .task-group-menu-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;margin-top:4px;padding:.35rem 0;background:var(--card-background-color, #1e1e2e);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 24px #0006;animation:menuFadeIn .15s ease-out}.task-group .task-group-menu-dropdown button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--main-text-color, #fff);font-size:.85rem;cursor:pointer;transition:background .12s}.task-group .task-group-menu-dropdown button .material-icons{font-size:18px;color:#ffffff80}.task-group .task-group-menu-dropdown button:active{background:#ffffff14}.task-group .task-group-menu-dropdown button.danger,.task-group .task-group-menu-dropdown button.danger .material-icons{color:#e85d75}.task-group-tasks{padding:.25rem 0 .25rem .5rem;margin-bottom:.5rem;min-height:40px;transition:background .2s ease,border-color .2s ease;border-radius:8px;border:2px dashed transparent}.task-group-tasks--drag-over{background:#667eea1a;border-color:#667eea66}.task-group-empty{padding:.75rem 1rem}.task-group-empty span{color:#ffffff40;font-size:.8rem;font-style:italic}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin:.25rem 0;cursor:pointer;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-left:3px solid;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.task-item--due-today{background:#ffc1071f;border-top-color:#ffc1074d;border-right-color:#ffc1074d;border-bottom-color:#ffc1074d}.task-item--overdue{background:#dc35451f;border-top-color:#dc35454d;border-right-color:#dc35454d;border-bottom-color:#dc35454d}.task-item--completed .task-item-title{text-decoration:line-through;color:#fff6}.task-item--dragging{box-shadow:0 8px 32px #0006;opacity:.9;z-index:100;transform:translateZ(0);will-change:transform}.task-item--overlay{background:#282832f2;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #00000080;opacity:1}.task-item:active:not(.task-item--dragging){background:#ffffff0f;border-color:#ffffff1a}.task-item .task-item-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;padding:5.5px;margin:-5.5px 0 -5.5px -5.5px;transition:all .2s ease}.task-item .task-item-checkbox .material-icons{font-size:16px;color:#fff}.task-item .task-item-checkbox:active{transform:scale(.9)}.task-item .task-item-content{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.task-item .task-item-title{font-size:.9rem;font-weight:500;color:var(--main-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item .task-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.3}.task-item .task-item-status{font-weight:500;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item .task-item-deadline{color:#ffffff80;white-space:nowrap}.task-item .task-item-deadline.due-today{color:#ffc107}.task-item .task-item-deadline.overdue{color:#dc3545}.task-item .task-item-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.task-item .task-item-drag-handle{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;color:#fff6;touch-action:none;cursor:grab;flex-shrink:0}.task-item .task-item-drag-handle:active{cursor:grabbing}.task-item .task-item-drag-handle .material-icons{font-size:1.25rem}.task-item .task-item-expand-btn{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;background:none;border:none;border-radius:6px;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.task-item .task-item-expand-btn .material-icons{font-size:20px;color:var(--activated-color, #2382e4)}.task-item .task-item-expand-btn:active{background:#2382e426}.task-item .task-item-expand-btn:active .material-icons{color:var(--activated-color, #2382e4)}.task-item .task-item-delete-btn{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;background:none;border:none;border-radius:6px;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.task-item .task-item-delete-btn .material-icons{font-size:18px;color:#fff3}.task-item .task-item-delete-btn:active{background:#e85d7526}.task-item .task-item-delete-btn:active .material-icons{color:#e85d75}.task-edit-container{display:flex;flex-direction:column;flex:1;padding:0 .5rem;min-height:0;overflow:hidden}.task-edit-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.task-title-input{flex:1;min-width:0;padding:.65rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--main-text-color, #fff);font-size:.95rem;font-weight:600;outline:none;transition:border-color .2s}.task-title-input:focus{border-color:#ffffff40}.task-title-input::placeholder{color:#ffffff40}.task-update-btn{padding:.65rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.task-update-btn:active{transform:scale(.96)}.task-update-btn.saving{opacity:.7;cursor:not-allowed}.task-update-btn:disabled{opacity:.5;cursor:not-allowed}.task-save-message{padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;margin-top:.5rem;text-align:center;animation:fadeIn .2s ease-out;flex-shrink:0}.task-save-message.success{background:#34d4911a;color:#34d491;border:1px solid rgba(52,212,145,.2)}.task-save-message.error{background:#e8697d1a;color:#e8697d;border:1px solid rgba(232,105,125,.2)}.task-edit-toolbar{display:flex;align-items:center;gap:.25rem;padding:.4rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.task-edit-toolbar::-webkit-scrollbar{display:none}.task-editor-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:text;transition:border-color .2s}.task-editor-scrollable:focus-within{border-color:#ffffff26}.task-editor-scrollable .task-content-area{min-height:100%;font-size:.9rem;line-height:1.6;color:var(--main-text-color, #fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.task-editor-scrollable .task-content-area .ProseMirror{outline:none;border:none;min-height:100%}.task-editor-scrollable .task-content-area .ProseMirror>*:first-child{margin-top:0}.task-editor-scrollable .task-content-area .ProseMirror p{margin:0 0 .5rem}.task-editor-scrollable .task-content-area .ProseMirror h1,.task-editor-scrollable .task-content-area .ProseMirror h2,.task-editor-scrollable .task-content-area .ProseMirror h3{color:var(--main-text-color, #fff);margin:1rem 0 .5rem;font-weight:600}.task-editor-scrollable .task-content-area .ProseMirror h1{font-size:1.4rem}.task-editor-scrollable .task-content-area .ProseMirror h2{font-size:1.2rem}.task-editor-scrollable .task-content-area .ProseMirror h3{font-size:1.05rem}.task-editor-scrollable .task-content-area .ProseMirror ul,.task-editor-scrollable .task-content-area .ProseMirror ol{padding-left:1.5rem;margin:.25rem 0}.task-editor-scrollable .task-content-area .ProseMirror li{margin:.15rem 0}.task-editor-scrollable .task-content-area .ProseMirror blockquote{border-left:3px solid rgba(255,255,255,.2);padding-left:.75rem;margin:.5rem 0;color:#ffffffa6;font-style:italic}.task-editor-scrollable .task-content-area .ProseMirror code{background:#ffffff14;border-radius:4px;padding:.15rem .3rem;font-size:.85em;font-family:SF Mono,Monaco,Menlo,monospace}.task-editor-scrollable .task-content-area .ProseMirror pre{background:#0000004d;border-radius:8px;padding:.75rem;margin:.5rem 0;overflow-x:auto}.task-editor-scrollable .task-content-area .ProseMirror pre code{background:none;padding:0;border-radius:0;font-size:.85rem;color:#fffc}.task-editor-scrollable .task-content-area .ProseMirror hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:1rem 0}.task-editor-scrollable .task-content-area .ProseMirror strong{font-weight:700}.task-editor-scrollable .task-content-area .ProseMirror em{font-style:italic}.task-editor-scrollable .task-content-area .ProseMirror s{text-decoration:line-through;color:#ffffff80}.task-editor-scrollable .task-content-area .ProseMirror p.is-editor-empty:first-child:before{content:"Describe your task here...";float:left;color:#fff3;pointer-events:none;height:0}@keyframes taskSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes taskItemSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.tasks-add-group-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;margin-top:.5rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#ffffff73;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tasks-add-group-btn .material-icons{font-size:20px}.tasks-add-group-btn:active{background:#ffffff12;border-color:#fff3;color:#ffffffb3}.task-subtasks{margin-left:1rem;margin-top:.25rem;padding-left:.75rem;border-left:2px solid rgba(255,255,255,.1);position:relative;will-change:contents;contain:layout style;backface-visibility:hidden;transform:translateZ(0)}.task-subtasks .task-item{margin-bottom:.25rem;opacity:.9}.task-subtasks .task-item:last-child{margin-bottom:.5rem}.task-subtasks .task-item--dragging{opacity:.9!important}.add-notegroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.add-notegroup-overlay .add-notegroup-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.add-notegroup-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.add-notegroup-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.add-notegroup-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.add-notegroup-overlay .form-group input::placeholder{color:#ffffff4d}.add-notegroup-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.add-notegroup-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.add-notegroup-overlay .add-notegroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.add-notegroup-overlay .add-notegroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-notegroup-overlay .add-notegroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.add-notegroup-overlay .add-notegroup-actions .cancel-button:active{background:#ffffff26}.add-notegroup-overlay .add-notegroup-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-notegroup-overlay .add-notegroup-actions .save-button:active:not(:disabled){transform:scale(.98)}.add-notegroup-overlay .add-notegroup-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.edit-notegroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.edit-notegroup-overlay .edit-notegroup-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.edit-notegroup-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-notegroup-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.edit-notegroup-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.edit-notegroup-overlay .form-group input::placeholder{color:#ffffff4d}.edit-notegroup-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.edit-notegroup-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.edit-notegroup-overlay .edit-notegroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.edit-notegroup-overlay .edit-notegroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-notegroup-overlay .edit-notegroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.edit-notegroup-overlay .edit-notegroup-actions .cancel-button:active{background:#ffffff26}.edit-notegroup-overlay .edit-notegroup-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-notegroup-overlay .edit-notegroup-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-notegroup-overlay .edit-notegroup-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.delete-notegroup-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-notegroup-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-notegroup-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-notegroup-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-notegroup-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-notegroup-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-notegroup-overlay .warning-message strong{color:#ffffffe6}.delete-notegroup-overlay .warning-details{font-size:.875rem;color:#ffffff80;margin:0;line-height:1.5}.delete-notegroup-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-notegroup-overlay .delete-notegroup-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-notegroup-overlay .delete-notegroup-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-notegroup-overlay .delete-notegroup-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-notegroup-overlay .delete-notegroup-actions .cancel-button:active{background:#ffffff26}.delete-notegroup-overlay .delete-notegroup-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-notegroup-overlay .delete-notegroup-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-notegroup-overlay .delete-notegroup-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.delete-note-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-note-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-note-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-note-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-note-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-note-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-note-overlay .warning-message strong{color:#ffffffe6}.delete-note-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-note-overlay .delete-note-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-note-overlay .delete-note-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-note-overlay .delete-note-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-note-overlay .delete-note-actions .cancel-button:active{background:#ffffff26}.delete-note-overlay .delete-note-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-note-overlay .delete-note-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-note-overlay .delete-note-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.notes-page{width:100%;height:100%;padding:.5rem 0;display:flex;flex-direction:column}.notes-page .notes-section-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:0 .25rem;opacity:0;animation:fadeIn .4s ease-out forwards}.notes-page .notes-section-divider .notes-section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.notes-page .notes-section-divider .notes-section-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59}.notes-page .notes-section-divider .notes-section-divider-line:last-of-type{flex:.7}.notes-page .notes-section-divider .notes-section-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.notes-page .notes-section-divider .notes-section-add-btn .material-icons{font-size:1.1rem;color:#ffffff80;transition:color .2s ease}.notes-page .notes-section-divider .notes-section-add-btn:hover,.notes-page .notes-section-divider .notes-section-add-btn:active{background:#667eea4d}.notes-page .notes-section-divider .notes-section-add-btn:hover .material-icons,.notes-page .notes-section-divider .notes-section-add-btn:active .material-icons{color:#ffffffe6}.notes-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:4rem}.notes-page--loading p{color:#ffffff80;font-size:.9rem}.notes-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-top:4rem}.notes-page--error .material-icons{font-size:48px;color:#ffffff4d}.notes-page--error p{color:#fff9;font-size:.95rem}.notes-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding-top:4rem}.notes-page--empty .notes-empty-icon{font-size:56px;color:#ffffff26}.notes-page--empty p{color:#fff9;font-size:1rem;font-weight:500}.notes-page--empty .notes-empty-hint{color:#ffffff59;font-size:.8rem}.notes-page--detail{padding:0;gap:0;height:calc(100vh - 84px - max(env(safe-area-inset-top,0px),28px) - 2rem - env(safe-area-inset-bottom,0px));overflow:hidden}.notes-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notes-retry-btn{padding:.5rem 1.5rem;background:#ffffff1a;color:var(--main-text-color, #fff);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;font-size:.85rem}.notes-retry-btn:active{background:#ffffff26}.note-group{margin-bottom:.5rem;opacity:0;transform:translateY(10px);animation:noteSlideIn .35s ease-out forwards}.note-group .note-group-header{display:flex;align-items:center;gap:.75rem;padding:.85rem .75rem;cursor:pointer;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .2s}.note-group .note-group-header:active{background:#ffffff12}.note-group .note-group-color{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 6px #0003}.note-group .note-group-name{flex:1;font-size:.95rem;font-weight:600;color:var(--main-text-color, #fff);letter-spacing:.01em}.note-group .note-group-count{font-size:.75rem;color:#fff6;background:#ffffff0f;padding:.15rem .5rem;border-radius:10px;font-weight:500}.note-group .note-group-menu-wrapper{position:relative}.note-group .note-group-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;cursor:pointer;padding:0;transition:background .15s}.note-group .note-group-menu-btn .material-icons{font-size:20px;color:#ffffff59}.note-group .note-group-menu-btn:active{background:#ffffff1a}.note-group .note-group-menu-btn:active .material-icons{color:#ffffffb3}.note-group .note-group-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.note-group .note-group-menu-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;margin-top:4px;padding:.35rem 0;background:var(--card-background-color, #1e1e2e);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 24px #0006;animation:menuFadeIn .15s ease-out}.note-group .note-group-menu-dropdown button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--main-text-color, #fff);font-size:.85rem;cursor:pointer;transition:background .12s}.note-group .note-group-menu-dropdown button .material-icons{font-size:18px;color:#ffffff80}.note-group .note-group-menu-dropdown button:active{background:#ffffff14}.note-group .note-group-menu-dropdown button.danger,.note-group .note-group-menu-dropdown button.danger .material-icons{color:#e85d75}.note-group-notes{padding:.25rem 0 .25rem .5rem}.note-group-empty{padding:.75rem 1rem}.note-group-empty span{color:#ffffff40;font-size:.8rem;font-style:italic}.note-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin:.25rem 0;cursor:pointer;border-radius:10px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease;opacity:0;transform:translate(10px);animation:noteItemSlideIn .3s ease-out forwards}.note-item:active{background:#ffffff0f;border-color:#ffffff1a}.note-item .note-item-color{width:6px;height:32px;border-radius:3px;flex-shrink:0}.note-item .note-item-content{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.note-item .note-item-title{font-size:.9rem;font-weight:500;color:var(--main-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item .note-item-preview{display:flex;align-items:center;gap:.2rem;font-size:.75rem;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.note-item .note-item-preview .note-item-more-icon{font-size:12px;color:#ffffff40;flex-shrink:0}.note-item .note-item-arrow{color:#fff3;font-size:18px;flex-shrink:0}.note-item .note-item-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:8px;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.note-item .note-item-delete-btn .material-icons{font-size:18px;color:#fff3}.note-item .note-item-delete-btn:active{background:#e85d7526}.note-item .note-item-delete-btn:active .material-icons{color:#e85d75}.note-edit-container{display:flex;flex-direction:column;flex:1;padding:0 .5rem;min-height:0;overflow:hidden}.note-edit-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.note-title-input{flex:1;min-width:0;padding:.65rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--main-text-color, #fff);font-size:.95rem;font-weight:600;outline:none;transition:border-color .2s}.note-title-input:focus{border-color:#ffffff40}.note-title-input::placeholder{color:#ffffff40}.note-update-btn{padding:.65rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.note-update-btn:active{transform:scale(.96)}.note-update-btn.saving{opacity:.7;cursor:not-allowed}.note-update-btn:disabled{opacity:.5;cursor:not-allowed}.note-save-message{padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;margin-top:.5rem;text-align:center;animation:fadeIn .2s ease-out;flex-shrink:0}.note-save-message.success{background:#34d4911a;color:#34d491;border:1px solid rgba(52,212,145,.2)}.note-save-message.error{background:#e8697d1a;color:#e8697d;border:1px solid rgba(232,105,125,.2)}.note-edit-toolbar{display:flex;align-items:center;gap:.25rem;padding:.4rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.note-edit-toolbar::-webkit-scrollbar{display:none}.toolbar-separator{width:1px;height:22px;background:#ffffff1f;margin:0 .15rem;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;flex-shrink:0;transition:all .15s}.toolbar-btn .material-icons{font-size:20px}.toolbar-btn:active{background:#ffffff1a;color:var(--main-text-color, #fff)}.note-editor-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:text;transition:border-color .2s}.note-editor-scrollable:focus-within{border-color:#ffffff26}.note-editor-scrollable .note-content-area{min-height:100%;font-size:.9rem;line-height:1.6;color:var(--main-text-color, #fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.note-editor-scrollable .note-content-area .ProseMirror{outline:none;border:none;min-height:100%}.note-editor-scrollable .note-content-area .ProseMirror>*:first-child{margin-top:0}.note-editor-scrollable .note-content-area .ProseMirror p{margin:0 0 .5rem}.note-editor-scrollable .note-content-area .ProseMirror h1,.note-editor-scrollable .note-content-area .ProseMirror h2,.note-editor-scrollable .note-content-area .ProseMirror h3{color:var(--main-text-color, #fff);margin:1rem 0 .5rem;font-weight:600}.note-editor-scrollable .note-content-area .ProseMirror h1{font-size:1.4rem}.note-editor-scrollable .note-content-area .ProseMirror h2{font-size:1.2rem}.note-editor-scrollable .note-content-area .ProseMirror h3{font-size:1.05rem}.note-editor-scrollable .note-content-area .ProseMirror ul,.note-editor-scrollable .note-content-area .ProseMirror ol{padding-left:1.5rem;margin:.25rem 0}.note-editor-scrollable .note-content-area .ProseMirror li{margin:.15rem 0}.note-editor-scrollable .note-content-area .ProseMirror blockquote{border-left:3px solid rgba(255,255,255,.2);padding-left:.75rem;margin:.5rem 0;color:#ffffffa6;font-style:italic}.note-editor-scrollable .note-content-area .ProseMirror code{background:#ffffff14;border-radius:4px;padding:.15rem .3rem;font-size:.85em;font-family:SF Mono,Monaco,Menlo,monospace}.note-editor-scrollable .note-content-area .ProseMirror pre{background:#0000004d;border-radius:8px;padding:.75rem;margin:.5rem 0;overflow-x:auto}.note-editor-scrollable .note-content-area .ProseMirror pre code{background:none;padding:0;border-radius:0;font-size:.85rem;color:#fffc}.note-editor-scrollable .note-content-area .ProseMirror hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:1rem 0}.note-editor-scrollable .note-content-area .ProseMirror strong{font-weight:700}.note-editor-scrollable .note-content-area .ProseMirror em{font-style:italic}.note-editor-scrollable .note-content-area .ProseMirror s{text-decoration:line-through;color:#ffffff80}.note-editor-scrollable .note-content-area .ProseMirror img.resizable-image{max-width:100%;height:auto;border-radius:8px;margin:.75rem 0;display:block;cursor:default;transition:box-shadow .2s ease;border:2px solid transparent}.note-editor-scrollable .note-content-area .ProseMirror img.resizable-image:hover{box-shadow:0 2px 8px #0000004d}.note-editor-scrollable .note-content-area .ProseMirror img.resizable-image[style*="cursor: nwse-resize"],.note-editor-scrollable .note-content-area .ProseMirror img.resizable-image[style*="cursor: nesw-resize"]{border-color:#2196f380;box-shadow:0 0 0 2px #2196f333}.note-editor-scrollable .note-content-area .ProseMirror p.is-editor-empty:first-child:before{content:"Write your note here...";float:left;color:#fff3;pointer-events:none;height:0}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes noteItemSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.notes-add-group-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;margin-top:.5rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#ffffff73;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notes-add-group-btn .material-icons{font-size:20px}.notes-add-group-btn:active{background:#ffffff12;border-color:#fff3;color:#ffffffb3}.add-list-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.add-list-overlay .add-list-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.add-list-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.add-list-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.add-list-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.add-list-overlay .form-group input::placeholder{color:#ffffff4d}.add-list-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.add-list-overlay .form-group input[type=date]{color-scheme:dark}.add-list-overlay .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.add-list-overlay .form-group .deadline-input-wrapper{position:relative;display:flex;align-items:center}.add-list-overlay .form-group .deadline-input-wrapper input{flex:1;padding-right:3rem}.add-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.add-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn .material-icons{font-size:1rem}.add-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn:active{background:#ff646433;color:#ff6464cc}.add-list-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.add-list-overlay .type-toggle{display:flex;gap:.75rem}.add-list-overlay .type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;color:#fff9}.add-list-overlay .type-option .material-icons{font-size:1.5rem}.add-list-overlay .type-option span:last-child{font-size:.85rem;font-weight:500}.add-list-overlay .type-option:active{transform:scale(.98)}.add-list-overlay .type-option--selected{background:#667eea26;border-color:#667eea66;color:#ffffffe6}.add-list-overlay .type-option--selected .material-icons{color:#667eea}.add-list-overlay .add-list-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.add-list-overlay .add-list-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.add-list-overlay .add-list-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.add-list-overlay .add-list-actions .cancel-button:active{background:#ffffff26}.add-list-overlay .add-list-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-list-overlay .add-list-actions .save-button:active:not(:disabled){transform:scale(.98)}.add-list-overlay .add-list-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.edit-list-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.edit-list-overlay .edit-list-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.edit-list-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-list-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.edit-list-overlay .form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.edit-list-overlay .form-group input::placeholder{color:#ffffff4d}.edit-list-overlay .form-group input:focus{border-color:#ffffff4d;background:#ffffff1a}.edit-list-overlay .form-group input[type=date]{color-scheme:dark}.edit-list-overlay .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.edit-list-overlay .form-group .deadline-input-wrapper{position:relative;display:flex;align-items:center}.edit-list-overlay .form-group .deadline-input-wrapper input{flex:1;padding-right:3rem}.edit-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.edit-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn .material-icons{font-size:1rem}.edit-list-overlay .form-group .deadline-input-wrapper .clear-deadline-btn:active{background:#ff646433;color:#ff6464cc}.edit-list-overlay .form-group .error-message{font-size:.8rem;color:#f27a5e;margin-top:.25rem}.edit-list-overlay .type-toggle{display:flex;gap:.75rem}.edit-list-overlay .type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;color:#fff9}.edit-list-overlay .type-option .material-icons{font-size:1.5rem}.edit-list-overlay .type-option span:last-child{font-size:.85rem;font-weight:500}.edit-list-overlay .type-option:active{transform:scale(.98)}.edit-list-overlay .type-option--selected{background:#667eea26;border-color:#667eea66;color:#ffffffe6}.edit-list-overlay .type-option--selected .material-icons{color:#667eea}.edit-list-overlay .edit-list-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.edit-list-overlay .edit-list-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-list-overlay .edit-list-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.edit-list-overlay .edit-list-actions .cancel-button:active{background:#ffffff26}.edit-list-overlay .edit-list-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-list-overlay .edit-list-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-list-overlay .edit-list-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.delete-list-overlay{width:100%;display:flex;flex-direction:column;gap:1.5rem;height:100%}.delete-list-overlay .warning-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0;flex:1}.delete-list-overlay .warning-icon{width:64px;height:64px;border-radius:50%;background:#f27a5e26;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.delete-list-overlay .warning-icon .material-icons{font-size:2rem;color:#f27a5e}.delete-list-overlay .warning-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.delete-list-overlay .warning-message{font-size:1rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.5}.delete-list-overlay .warning-message strong{color:#ffffffe6}.delete-list-overlay .warning-details{font-size:.875rem;color:#ffffff80;margin:0;line-height:1.5}.delete-list-overlay .error-message{font-size:.85rem;color:#f27a5e;margin-top:1rem}.delete-list-overlay .delete-list-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.delete-list-overlay .delete-list-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-list-overlay .delete-list-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.delete-list-overlay .delete-list-actions .cancel-button:active{background:#ffffff26}.delete-list-overlay .delete-list-actions .delete-button{background:linear-gradient(135deg,#e85d75,#d54c4c);color:#fff}.delete-list-overlay .delete-list-actions .delete-button:active:not(:disabled){transform:scale(.98)}.delete-list-overlay .delete-list-actions .delete-button:disabled{opacity:.5;cursor:not-allowed}.todo-lists-page{width:100%;height:100%;padding:1rem .5rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.todo-lists-page::-webkit-scrollbar{display:none}.todo-lists-page .section-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;opacity:0;animation:fadeIn .4s ease-out forwards}.todo-lists-page .section-divider .section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.todo-lists-page .section-divider .section-divider-text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59}.todo-lists-page .section-divider--with-btn .section-divider-line:last-of-type{flex:.7}.todo-lists-page .section-divider .section-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.todo-lists-page .section-divider .section-add-btn .material-icons{font-size:1.1rem;color:#ffffff80;transition:color .2s ease}.todo-lists-page .section-divider .section-add-btn:hover,.todo-lists-page .section-divider .section-add-btn:active{background:#667eea4d}.todo-lists-page .section-divider .section-add-btn:hover .material-icons,.todo-lists-page .section-divider .section-add-btn:active .material-icons{color:#ffffffe6}.todo-lists-page .section-divider .section-add-btn:active{transform:scale(.92)}.todo-lists-page .section-divider .section-add-btn:disabled{opacity:.3;cursor:not-allowed}.todo-lists-page .section-divider .section-add-btn:disabled:hover,.todo-lists-page .section-divider .section-add-btn:disabled:active{background:#ffffff14;transform:none}.todo-lists-page .section-divider .section-add-btn:disabled:hover .material-icons,.todo-lists-page .section-divider .section-add-btn:disabled:active .material-icons{color:#ffffff80}.todo-lists-page .loading-state,.todo-lists-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;gap:.75rem}.todo-lists-page .loading-state .material-icons,.todo-lists-page .empty-state .material-icons{font-size:3rem;color:#fff3}.todo-lists-page .loading-state .material-icons.spinning,.todo-lists-page .empty-state .material-icons.spinning{animation:spin 1s linear infinite}.todo-lists-page .loading-state p,.todo-lists-page .empty-state p{color:#ffffff80;font-size:1rem;margin:0}.todo-lists-page .loading-state .empty-hint,.todo-lists-page .empty-state .empty-hint{color:#ffffff4d;font-size:.85rem}.todo-lists-page .lists-container{display:flex;flex-direction:column;gap:1rem}.todo-lists-page .list-card{display:flex;flex-wrap:wrap;background:#ffffff0d;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);position:relative}.todo-lists-page .list-card--checklist{background:#43e97b14;border-color:#43e97b26}.todo-lists-page .list-card--todolist{background:#4facfe14;border-color:#4facfe26}.todo-lists-page .list-card--dragging{box-shadow:0 8px 32px #0006;opacity:.9}.todo-lists-page .list-card:active:not(.todo-lists-page .list-card--dragging){transform:scale(.98)}.todo-lists-page .list-card--checklist:active:not(.todo-lists-page .list-card--dragging){background:#43e97b1f}.todo-lists-page .list-card--todolist:active:not(.todo-lists-page .list-card--dragging){background:#4facfe1f}.todo-lists-page .list-card .list-card-actions{display:flex;flex-direction:row;gap:.5rem;align-items:center;padding:0}.todo-lists-page .list-card .list-card-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#ffffff14;cursor:pointer;transition:all .2s ease}.todo-lists-page .list-card .list-card-action-btn .material-icons{font-size:.9rem;color:#fff6}.todo-lists-page .list-card .list-card-action-btn:active{transform:scale(.92);background:#ffffff26}.todo-lists-page .list-card .list-card-action-btn:active .material-icons{color:#fffc}.todo-lists-page .list-card .list-card-action-btn--danger:active{background:#f27a5e33}.todo-lists-page .list-card .list-card-action-btn--danger:active .material-icons{color:#f27a5e}.todo-lists-page .list-card .list-card-drag-handle{display:flex;align-items:center;justify-content:center;padding:0 .75rem 0 .5rem;cursor:grab;touch-action:none;flex-shrink:0}.todo-lists-page .list-card .list-card-drag-handle .material-icons{font-size:1.25rem;color:#ffffff4d}.todo-lists-page .list-card .list-card-drag-handle:active{cursor:grabbing}.todo-lists-page .list-card .list-card-accent{width:4px;flex-shrink:0}.todo-lists-page .list-card .list-card-content{flex:1;padding:1rem 0 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.todo-lists-page .list-card .list-card-header{display:flex;align-items:center;justify-content:space-between}.todo-lists-page .list-card .list-card-title{font-size:1rem;font-weight:600;color:#ffffffe6;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-lists-page .list-card .list-card-meta{display:flex;align-items:center;gap:.5rem}.todo-lists-page .list-card .list-card-type{font-size:.75rem;color:#ffffff80;font-weight:500;text-transform:capitalize}.todo-lists-page .list-card .list-card-type--checklist{color:#43e97bcc}.todo-lists-page .list-card .list-card-type--todolist{color:#4facfecc}.todo-lists-page .list-card .list-card-separator{font-size:.6rem;color:#ffffff40}.todo-lists-page .list-card .list-card-count{font-size:.75rem;color:#fff6;white-space:nowrap}.todo-lists-page .list-card .list-card-deadline{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.todo-lists-page .list-card .list-card-deadline .material-icons{font-size:.9rem}.todo-lists-page .list-card .list-card-deadline--overdue,.todo-lists-page .list-card .list-card-deadline--due-today{font-weight:600}.todo-lists-page .list-card .list-card-progress{width:100%;height:4px;background:#ffffff1a;border-radius:0 0 16px 16px;overflow:hidden;position:absolute;bottom:0;left:0}.todo-lists-page .list-card .list-card-progress-bar{height:100%;border-radius:0;transition:width .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-item-overlay{width:100%;display:flex;flex-direction:column;gap:0;height:100%}.edit-item-overlay .edit-item-form{display:flex;flex-direction:column;gap:1rem;flex:1;padding:1rem 1rem 0}.edit-item-overlay .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-item-overlay .form-group label{font-size:.85rem;font-weight:500;color:#fff9}.edit-item-overlay .form-group input,.edit-item-overlay .form-group textarea{width:100%;padding:.875rem 1rem;font-size:1rem;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit}.edit-item-overlay .form-group input::placeholder,.edit-item-overlay .form-group textarea::placeholder{color:#ffffff4d}.edit-item-overlay .form-group input:focus,.edit-item-overlay .form-group textarea:focus{border-color:#ffffff4d;background:#ffffff1a}.edit-item-overlay .form-group input[type=date],.edit-item-overlay .form-group textarea[type=date]{color-scheme:dark}.edit-item-overlay .form-group input[type=date]::-webkit-calendar-picker-indicator,.edit-item-overlay .form-group textarea[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.edit-item-overlay .form-group textarea{resize:none;line-height:1.5}.edit-item-overlay .form-group .description-editor-wrapper{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;min-height:120px;transition:all .2s ease}.edit-item-overlay .form-group .description-editor-wrapper:focus-within{border-color:#ffffff4d;background:#ffffff1a}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror{outline:none;min-height:90px;color:#ffffffe6;font-size:1rem;line-height:1.5}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror p{margin:0}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror p:not(:last-child){margin-bottom:.25rem}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror.ProseMirror-focused{outline:none}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror[data-placeholder]:before{content:attr(data-placeholder);float:left;color:#ffffff4d;pointer-events:none;height:0}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror strong{font-weight:600}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror em{font-style:italic}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror ul,.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror ol{padding-left:1.5rem;margin:.5rem 0}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror pre{background:#ffffff1a;padding:.75rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror pre code{background:none;padding:0}.edit-item-overlay .form-group .description-editor-wrapper .description-editor .ProseMirror blockquote{border-left:3px solid rgba(255,255,255,.3);padding-left:1rem;margin:.5rem 0;color:#ffffffb3}.edit-item-overlay .form-group .deadline-input-wrapper{display:flex;flex-direction:column;gap:.75rem}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-display{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-display .material-icons{font-size:1.25rem;color:#fff9}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-display .deadline-date-text{font-size:1rem;color:#ffffffe6;font-weight:500}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls{display:flex;align-items:center;gap:.5rem;position:relative}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .deadline-picker-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff9;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-family:inherit}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .deadline-picker-btn .material-icons{font-size:1.125rem}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .deadline-picker-btn:active{background:#ffffff1f}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls input[type=date]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:-1}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .clear-deadline-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .clear-deadline-btn .material-icons{font-size:1rem}.edit-item-overlay .form-group .deadline-input-wrapper .deadline-controls .clear-deadline-btn:active{background:#ff646433;color:#ff6464cc}.edit-item-overlay .edit-item-actions{display:flex;gap:.75rem;width:100%}.edit-item-overlay .edit-item-actions button{flex:1;padding:.875rem 1rem;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-item-overlay .edit-item-actions .cancel-button{background:#ffffff1a;color:#ffffffb3}.edit-item-overlay .edit-item-actions .cancel-button:active{background:#ffffff26}.edit-item-overlay .edit-item-actions .save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-item-overlay .edit-item-actions .save-button:active:not(:disabled){transform:scale(.98)}.edit-item-overlay .edit-item-actions .save-button:disabled{opacity:.5;cursor:not-allowed}.undo-toast{position:fixed;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:200;min-width:280px;max-width:calc(100vw - 2rem);background:#28283cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.15);overflow:hidden;animation:undoSlideUp .3s ease-out;box-shadow:0 8px 32px #0006}.undo-toast-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem}.undo-toast-message{color:#ffffffe6;font-size:.875rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo-toast-btn{display:flex;align-items:center;gap:.25rem;background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#667eea;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;flex-shrink:0;transition:all .2s ease}.undo-toast-btn .material-icons{font-size:1rem}.undo-toast-btn:active{background:#667eea66;transform:scale(.95)}.undo-toast-progress{height:3px;background:#ffffff1a}.undo-toast-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .05s linear;border-radius:0 0 2px 2px}@keyframes undoSlideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.todo-list-detail{width:100%;height:100%;padding:1rem .5rem;overflow-y:auto;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none}.todo-list-detail::-webkit-scrollbar{display:none}.todo-list-detail .add-item-section{display:flex;gap:.5rem;margin-bottom:1rem;align-items:center;width:100%}.todo-list-detail .add-item-input-wrapper{flex:1;min-width:0;display:flex;gap:.5rem;align-items:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.5rem .5rem .5rem .75rem;transition:border-color .2s ease}.todo-list-detail .add-item-input-wrapper:focus-within{border-color:#fff3}.todo-list-detail .add-item-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#ffffffe6;font-size:.95rem;font-family:inherit}.todo-list-detail .add-item-input::placeholder{color:#fff6}.todo-list-detail .add-item-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease;flex-shrink:0}.todo-list-detail .add-item-btn .material-icons{font-size:1.25rem}.todo-list-detail .add-item-btn:active:not(:disabled){transform:scale(.95);background:#ffffff26}.todo-list-detail .add-item-btn:disabled{opacity:.3;cursor:default}.todo-list-detail .add-position-buttons{display:flex;gap:.25rem;flex-shrink:0}.todo-list-detail .position-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff6;cursor:pointer;transition:all .2s ease}.todo-list-detail .position-btn .material-icons{font-size:1.25rem}.todo-list-detail .position-btn.active{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.todo-list-detail .position-btn:active{transform:scale(.95)}.todo-list-detail .loading-state,.todo-list-detail .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;gap:.75rem}.todo-list-detail .loading-state .material-icons,.todo-list-detail .empty-state .material-icons{font-size:3rem;color:#fff3}.todo-list-detail .loading-state .material-icons.spinning,.todo-list-detail .empty-state .material-icons.spinning{animation:spin 1s linear infinite}.todo-list-detail .loading-state p,.todo-list-detail .empty-state p{color:#ffffff80;font-size:1rem;margin:0}.todo-list-detail .loading-state .empty-hint,.todo-list-detail .empty-state .empty-hint{color:#ffffff4d;font-size:.85rem}.todo-list-detail .list-items{display:flex;flex-direction:column;gap:.5rem}.todo-list-detail .list-item{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 0 .875rem 1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08);border-left:3px solid;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.todo-list-detail .list-item--simple{align-items:center;padding:.625rem 0 .625rem 1rem}.todo-list-detail .list-item--completed{background:#ffffff05}.todo-list-detail .list-item--completed .list-item-text{text-decoration:line-through;color:#ffffff59}.todo-list-detail .list-item--completed .list-item-checkbox .material-icons{opacity:.6}.todo-list-detail .list-item.overdue{background:#dc354526;border-top-color:#dc354540;border-right-color:#dc354540;border-bottom-color:#dc354540}.todo-list-detail .list-item.overdue .list-item-deadline,.todo-list-detail .list-item.overdue .list-item-deadline .material-icons{color:#dc3545e6}.todo-list-detail .list-item.overdue:active{background:#dc354533}.todo-list-detail .list-item.due-today{background:#ffc10726;border-top-color:#ffc10740;border-right-color:#ffc10740;border-bottom-color:#ffc10740}.todo-list-detail .list-item.due-today .list-item-deadline,.todo-list-detail .list-item.due-today .list-item-deadline .material-icons{color:#ffc107e6}.todo-list-detail .list-item.due-today:active{background:#ffc10733}.todo-list-detail .list-item--dragging{box-shadow:0 8px 32px #0006;opacity:.9;z-index:100}.todo-list-detail .list-item .list-item-actions{display:flex;align-items:center;gap:.125rem;margin-left:auto;flex-shrink:0}.todo-list-detail .list-item .list-item-expand-btn{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;background:transparent;border:none;border-radius:6px;color:#fff6;cursor:pointer;transition:all .2s ease}.todo-list-detail .list-item .list-item-expand-btn .material-icons{font-size:1.125rem}.todo-list-detail .list-item .list-item-expand-btn:active{background:#ffffff1a;color:#ffffffb3}.todo-list-detail .list-item .list-item-remove-btn{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;background:transparent;border:none;border-radius:6px;color:#ffffff4d;cursor:pointer;transition:all .2s ease}.todo-list-detail .list-item .list-item-remove-btn .material-icons{font-size:1.125rem}.todo-list-detail .list-item .list-item-remove-btn:active{background:#ff646433;color:#ff6464cc}.todo-list-detail .list-item .list-item-drag-handle{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;color:#fff6;touch-action:none;cursor:grab;flex-shrink:0}.todo-list-detail .list-item .list-item-drag-handle:active{cursor:grabbing}.todo-list-detail .list-item .list-item-drag-handle .material-icons{font-size:1.25rem}.todo-list-detail .list-item--toggling{opacity:.6;pointer-events:none}.todo-list-detail .list-item:active{transform:scale(.98);background:#ffffff14}.todo-list-detail .list-item .list-item-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;margin-left:-12px;cursor:pointer}.todo-list-detail .list-item .list-item-checkbox .material-icons{font-size:1.5rem;transition:color .2s ease}.todo-list-detail .list-item .list-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.todo-list-detail .list-item .list-item-text{font-size:.95rem;color:#ffffffe6;line-height:1.4;word-wrap:break-word}.todo-list-detail .list-item .list-item-description{font-size:.8rem;color:#ffffff73;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.todo-list-detail .list-item .list-item-description.expanded{white-space:pre-wrap!important;overflow:visible!important;text-overflow:unset!important}.todo-list-detail .list-item .list-item-description.expanded *{white-space:normal}.todo-list-detail .list-item .list-item-description.expanded p{display:block!important;margin:.5rem 0!important}.todo-list-detail .list-item .list-item-description.expanded p:first-child{margin-top:0!important}.todo-list-detail .list-item .list-item-description.expanded p:last-child{margin-bottom:0!important}.todo-list-detail .list-item .list-item-description.expanded p:empty{display:block!important;min-height:1em}.todo-list-detail .list-item .list-item-description.expanded ul,.todo-list-detail .list-item .list-item-description.expanded ol{display:block!important;margin:.5rem 0!important;padding-left:1.5rem!important}.todo-list-detail .list-item .list-item-description.expanded li{display:list-item!important;margin:.25rem 0!important}.todo-list-detail .list-item .list-item-description.expanded h1,.todo-list-detail .list-item .list-item-description.expanded h2,.todo-list-detail .list-item .list-item-description.expanded h3,.todo-list-detail .list-item .list-item-description.expanded h4,.todo-list-detail .list-item .list-item-description.expanded h5,.todo-list-detail .list-item .list-item-description.expanded h6{display:block!important;margin:.75rem 0 .375rem!important;font-weight:600}.todo-list-detail .list-item .list-item-description.expanded h1:first-child,.todo-list-detail .list-item .list-item-description.expanded h2:first-child,.todo-list-detail .list-item .list-item-description.expanded h3:first-child,.todo-list-detail .list-item .list-item-description.expanded h4:first-child,.todo-list-detail .list-item .list-item-description.expanded h5:first-child,.todo-list-detail .list-item .list-item-description.expanded h6:first-child{margin-top:0!important}.todo-list-detail .list-item .list-item-description.expanded br{display:block!important;content:""!important;margin:.25rem 0}.todo-list-detail .list-item .list-item-description.expanded strong{font-weight:600}.todo-list-detail .list-item .list-item-description.expanded em{font-style:italic}.todo-list-detail .list-item .list-item-description.expanded code{background:#ffffff1a;padding:.125rem .25rem;border-radius:3px;font-size:.75rem}.todo-list-detail .list-item .list-item-deadline{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#fff6;margin-top:.25rem}.todo-list-detail .list-item .list-item-deadline .material-icons{font-size:.875rem;color:#ffffffe6}@keyframes slideInFromRight{to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--top-bar-height: 55px;--left-side-bar-max-width: 55px;--left-side-bar-min-width: 55px;--action-bar-height: 55px;--border-width: 1px;--border-highlight-width: 1px;--main-background-color: #303143;--main-text-color: #ffffff;--page-background-color: #24293b;--top-left-bar-background-color: #303143;--top-left-bar-active-background-color: #42435a;--activated-color: #2382e4;--green-activated-color: #34d491;--bars-border-color: #1b1f2d;--action-bar-background-color: #535a72;--action-bar-spacer-border-color: #7f8084;--action-bar-button-hover-color: #808186;--spinner-backdrop-background-color: rgba(0, 0, 0, .5);--spinner-color: #ffffff;--task-completed-color: #34d491;--task-in-progress-color: #fdbc65;--task-stuck-color: #e8697d;--task-not-started-color: #797e93;--task-pending-color: #2382e4;--task-line-color: #42435a;--task-background-color: #303143;--priority-urgent-color: #e8697d;--priority-high-color: #fdbc65;--priority-medium-color: #2382e4;--priority-low-color: #34d491;--priority-trivial-color: #797e93;--error-color: #e8697d;--success-color: #34d491;--blue-button-color: #2382e4;--blue-button-hover-color: #1e6dbd;--gray-button-color: #42435a;--gray-button-hover-color: #535a72;--form-background-color: #0e081b;--checkbox-checked-color: #2382e4;--checkbox-unchecked-color: #42435a;--checkbox-border-color: #1b1f2d;--checkbox-border-radius: 2px;--checkbox-border-width: 2px;--checkbox-checked-background-color: #797e93;--checkbox-unchecked-background-color: #797e93;--table-header-background-color: #232330;--table-header-background-color: #545b73;--modal-background-color: #232330;--gradient-blue: linear-gradient( 135deg, #5fa8e3 0%, #2382e4 100% );--gradient-purple: linear-gradient( 135deg, #b773d1 0%, #a296e3 100% );--gradient-indigo: linear-gradient( 135deg, #2382e4 0%, #5e5cb3 100% );--gradient-violet: linear-gradient( 135deg, #a296e3 0%, #5e5cb3 100% );--gradient-pink: linear-gradient( 135deg, #d946a6 0%, #c88fb3 100% );--gradient-rose: linear-gradient( 135deg, #e09ba7 0%, #e85d75 100% );--gradient-orange: linear-gradient( 135deg, #f7a541 0%, #b68c4c 100% );--gradient-green: linear-gradient( 135deg, #75d0a4 0%, #4f9a4d 100% );--gradient-teal: linear-gradient( 135deg, #3ebde0 0%, #43c6c6 100% );--gradient-gray: linear-gradient( 135deg, #5a6b7a 0%, #7c8a97 100% );--color-purple: #b773d1;--color-green: #4f9a4d;--color-yellow: #f5d547;--color-orange: #f27a5e;--color-blue: #2382e4;--color-pink: #d946a6;--color-teal: #43c6c6;--color-rose: #e85d75;--color-gray: #7c8a97}.theme-alternative{--main-text-color: blue;--page-background-color: red;--top-left-bar-background-color: green;--top-left-bar-active-background-color: yellow;--activated-color: #2382e4;--activated-special-color: #2382e4;--bars-border-color: #1b1f2d;--action-bar-background-color: #535a72;--action-bar-spacer-border-color: #7f8084;--action-bar-button-hover-color: #808186;--spinner-backdrop-background-color: rgba(0, 0, 0, .5);--spinner-color: #ffffff}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.authentication-view .left-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.authentication-view .left-wrapper .title{font-size:2.5rem;color:var(--activated-color);align-self:flex-start;margin:20px 40px 40px}.authentication-view .left-wrapper .quote{margin-bottom:70px}.authentication-view .right-wrapper{width:750px;background-color:#000000b3;display:flex;align-items:center;flex-direction:column}.authentication-view .right-wrapper .title{font-size:3rem;color:var(--main-text-color);margin-bottom:50px;margin-top:200px}.authentication-view .right-wrapper .link{color:var(--main-text-color);text-decoration:none}.authentication-view .right-wrapper .link:visited{color:var(--main-text-color)}.authentication-view .right-wrapper .link:hover{text-decoration:underline}.authentication-view .right-wrapper .logo{position:absolute;bottom:70px}.authentication-view .center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:400px;background-color:#000000b3;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.authentication-view .center-wrapper .link{color:var(--main-text-color);text-decoration:none}.authentication-view .center-wrapper .link:visited{color:var(--main-text-color)}.authentication-view .center-wrapper .link:hover{text-decoration:underline}.authentication-view .center-wrapper .options{display:flex;flex-direction:column;align-items:center;justify-content:center}.authentication-view .form{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.authentication-view form .flow-form{width:400px;height:40px;padding:10px 10px 10px 20px;margin-bottom:20px;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:auto}.authentication-view form .flow-form-row{width:175px;height:40px;padding:10px 10px 10px 20px;margin-bottom:0;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:pointer}.authentication-view form .flow-form-row:first-of-type{margin-right:20px}.authentication-view form .flow-button{all:unset;width:400px;height:40px;padding:10px 10px 10px 20px;background-color:var(--activated-color);color:var(--main-text-color);font-size:1rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;display:flex;align-items:center;justify-content:center;border:none;outline:none}.authentication-view form .flow-button:hover{background-color:var(--blue-button-hover-color)}.authentication-view form .auth-names{display:flex;flex-direction:row}.authentication-view .flow-verification-button{all:unset;width:200px;height:30px;padding:10px 10px 10px 20px;background-color:var(--top-left-bar-background-color);color:var(--main-text-color);font-size:1rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;display:flex;align-items:center;justify-content:center}.authentication-view .flow-verification-button:first-of-type{margin-top:10px}.authentication-view .flow-verification-button:hover{background-color:var(--top-left-bar-active-background-color)}.authentication-view .flow-verification-button{border:none;outline:none}.authentication-view .flow-form-resend{width:200px;height:30px;padding:10px 10px 10px 20px;margin-bottom:0;margin-top:0;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:pointer}.top-bar-buttons .top-bar-modal-button{width:200px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px}.top-bar-buttons .top-bar-modal-button .top-bar-button-icon{width:30px;height:30px;margin-right:10px;margin-left:10px;display:flex;align-items:center;justify-content:flex-start}.top-bar-buttons .top-bar-modal-button .top-bar-button-text{margin-right:10px;display:flex;align-items:center;justify-content:flex-start}.top-bar-buttons .top-bar-modal-button:hover{background-color:var(--top-left-bar-active-background-color);cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior-y:contain}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--page-background-color);color:var(--main-text-color);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.app{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px));padding-left:1rem;padding-right:1rem;background:var(--page-background-color);border-bottom:1px solid var(--bars-border-color);z-index:100}.app-header .back-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--main-text-color);cursor:pointer;padding:0;margin-right:.5rem}.app-header .back-button .material-icons{font-size:24px}.app-header h1{font-size:1.25rem;font-weight:600;flex:1}.app-context-bar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;align-items:center;height:28px;padding:0 1rem;background:var(--page-background-color);border-bottom:1px solid var(--bars-border-color);z-index:99;gap:.4rem}.app-context-bar .context-name{font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-context-bar .context-separator{font-size:.75rem;color:var(--main-text-color);opacity:.4;flex-shrink:0}.status-indicator{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px}.status-indicator.online{color:var(--success-color);background:#34d4911a}.status-indicator.offline{color:var(--error-color);background:#e8697d1a}.app-main{flex:1;padding:1rem;padding-top:calc(1rem + 84px + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + 52px + env(safe-area-inset-bottom,0px))}.update-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:1rem;background:var(--activated-color);color:#fff;border-radius:.5rem}.update-banner button{padding:.5rem 1rem;background:#fff;color:var(--activated-color);border:none;border-radius:.25rem;font-weight:500;cursor:pointer}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:52px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--page-background-color);border-top:1px solid var(--bars-border-color)}.nav-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:none;border:none;color:var(--main-text-color);cursor:pointer;transition:color .2s;opacity:.7;position:relative}.nav-item:hover,.nav-item:active,.nav-item.active{color:var(--activated-color);opacity:1}.nav-item .material-icons{font-size:26px}.nav-item--notifications{position:relative}.nav-item-indicator{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;border:2px solid var(--page-background-color)}.nav-item-indicator--overdue{background-color:#f44336}.nav-item-indicator--today{background-color:#ff9800}@media (display-mode: standalone){.app-header{padding-top:env(safe-area-inset-top,1rem)}}