:root{--primary-gradient:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--primary-dark:#0f0f1a;--surface-dark:#1a1a2ed9;--success-color:#2d6a4f;--warning-color:#e9c46a;--danger-color:#e76f51;--text-dark:#fff;--text-light:#e0e0e0;--white:#fff;--input-bg:#fff;--input-text:#000;--input-border:#000;--input-placeholder:#a0a0a0;--shadow-sm:0 2px 10px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 30px #00000080;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.4s ease;--border-color:#ffffff1a;--border-color-hover:#fff3;--navbar-height:70px;--navbar-z-index:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}img,svg,video{max-width:100%;display:block}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{background:var(--primary-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;overflow-x:hidden}#root{background:var(--primary-gradient);flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#e9c46a4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e9c46a99}::selection{background:var(--warning-color);color:var(--primary-dark)}.loading-container{justify-content:center;align-items:center;min-height:100dvh;font-size:1.2rem;display:flex;color:var(--white)!important}.loading-container-text{color:var(--white)!important}.loading-container-btn{color:var(--white)}.navbar{background:var(--primary-gradient);z-index:var(--navbar-z-index);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;margin:0 auto;padding:1rem;display:flex;position:relative}.nav-logo{z-index:1002}.nav-logo a{color:var(--white);transition:transform var(--transition-fast);background:#ffffff1a;border-radius:50px;padding:.5rem 1rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-block}.nav-logo a:hover{background:#fff3;transform:scale(1.05)}.nav-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;display:flex;position:relative}.hamburger-line{background-color:var(--white);width:100%;height:3px;transition:all var(--transition-base);transform-origin:50%;border-radius:3px;display:block}.nav-toggle.active .hamburger-line:first-child{transform:translateY(10px)rotate(45deg)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active .hamburger-line:nth-child(3){transform:translateY(-11px)rotate(-45deg)}.nav-menu{box-sizing:border-box;background:var(--primary-gradient);z-index:1001;width:100%;height:100vh;transition:transform var(--transition-base) cubic-bezier(.4, 0, .2, 1);flex-direction:column;gap:10px;margin:0;padding:80px 1rem 2rem;list-style:none;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.nav-menu.active{transform:translate(0)}.nav-menu::-webkit-scrollbar{width:5px}.nav-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.nav-menu::-webkit-scrollbar-thumb{background:#e9c46a80;border-radius:10px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#e9c46acc}.nav-item{opacity:0;transition:all var(--transition-base);transition-delay:calc(50ms * var(--item-index,0));box-sizing:border-box;width:100%;max-width:100%;margin-bottom:.75rem;list-style:none;transform:translate(30px)}.nav-menu.active .nav-item{opacity:1;transform:translate(0)}.nav-item:first-child{--item-index:1;transition-delay:50ms}.nav-item:nth-child(2){--item-index:2;transition-delay:.1s}.nav-item:nth-child(3){--item-index:3;transition-delay:.15s}.nav-item:nth-child(4){--item-index:4;transition-delay:.2s}.nav-link,.toggle-nav-btn,.logout-nav-btn{box-sizing:border-box;width:100%;max-width:100%;transition:all var(--transition-base);text-align:left;font:inherit;cursor:pointer;color:var(--white);appearance:none;background:#ffffff0d;border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.2rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-link.active{border-left:4px solid var(--warning-color);background:#e9c46a33;font-weight:600}.nav-link.active:after{content:"✓";color:var(--warning-color);font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.logout-nav-btn{background:#dc35451a;border:1px solid #dc35454d}.logout-nav-btn:hover{background:#e76f514d;border-color:#e76f51cc;transform:translate(5px)}.nav-link:hover,.toggle-nav-btn:hover{background:#e9c46a26;border-color:#e9c46a4d;transform:translate(5px)}.nav-link:active,.toggle-nav-btn:active,.logout-nav-btn:active{transform:scale(.98)}.nav-icon,.btn-icon{flex-shrink:0;min-width:30px;font-size:1.3rem}.nav-text,.btn-text{word-break:break-word;flex:1;min-width:0}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn var(--transition-base);cursor:pointer;background:#0009;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.menu-open{overflow:hidden}.toggle-nav-btn:after,.logout-nav-btn:after,.nav-link:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-nav-btn:active:after,.logout-nav-btn:active:after,.nav-link:active:after{width:200px;height:200px}.nav-toggle:focus-visible,.nav-link:focus-visible,.toggle-nav-btn:focus-visible,.logout-nav-btn:focus-visible{outline:2px solid var(--warning-color);outline-offset:2px}.nav-item:hover .nav-link:not(:hover){opacity:.7}.nav-item:not(:last-child){border-bottom:1px solid #ffffff0d}.nav-toggle.active{filter:drop-shadow(0 0 5px #e9c46a80)}@media (width>=970px){.nav-toggle{display:none!important}.nav-menu,.nav-menu.active{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;height:auto;padding:0;position:static;visibility:visible!important;opacity:1!important;display:flex!important;transform:translate(0)!important}.nav-item{opacity:1;width:auto;max-width:none;margin-bottom:0;transition:none;transform:none}.nav-link{white-space:nowrap;width:auto;max-width:none;padding:.5rem 1rem;font-size:1rem}.nav-item:last-child{margin-left:auto!important;margin-right:0!important}.nav-item:last-child .logout-nav-btn{color:var(--white);transition:all var(--transition-base);white-space:nowrap;background:#dc354526;border:1px solid #dc35454d;border-radius:10px;min-height:40px;padding:.4rem 1.2rem;width:auto!important;max-width:none!important}.nav-item:last-child .logout-nav-btn:hover{border-color:var(--danger-color);background:#e76f5166;box-shadow:0 4px 15px #e76f514d;transform:translateY(-2px)!important}.nav-overlay{display:none!important}body.menu-open{overflow:auto!important}}@media (height<=500px) and (orientation:landscape){.nav-container{background:var(--primary-gradient);z-index:1002;align-items:center;height:50px;padding:0 .75rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000004d}.nav-menu{-webkit-overflow-scrolling:touch;z-index:1003!important;width:100%!important;height:calc(100dvh - 50px)!important;padding:.75rem!important;position:fixed!important;inset:50px 0 0!important;overflow-y:auto!important}.nav-menu.active{visibility:visible!important;opacity:1!important;display:flex!important;transform:translate(0)!important}.nav-item{margin-bottom:.35rem}.nav-link,.logout-nav-btn{gap:.6rem;min-height:38px;padding:.5rem .75rem;font-size:.85rem}.nav-icon,.btn-icon{min-width:24px;font-size:1.1rem}.nav-text,.btn-text{font-size:.85rem}.nav-toggle{z-index:1003;width:26px;height:20px;position:relative}.hamburger-line{height:2px}.nav-toggle.active .hamburger-line:first-child{transform:translateY(9px)rotate(45deg)}.nav-toggle.active .hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-overlay{z-index:999}}footer.footer-component{background:var(--primary-gradient);color:var(--white);text-align:center;border-top:1px solid var(--border-color);will-change:transform;backface-visibility:hidden;contain:layout style paint;flex-shrink:0;width:100%;margin-top:auto;padding:0;font-size:.9em;position:relative;transform:translateZ(0)}@media (width>=861px){footer.footer-component{-webkit-backdrop-filter:blur(10px);animation:.6s footerFadeIn}}footer.footer-component .footer-container{width:100%;position:relative}footer.footer-component .footer-content{flex-direction:column;justify-content:center;align-items:center;gap:1.8em;max-width:1400px;margin:0 auto;padding:2em 1.5em;display:flex}footer.footer-component .footer-name{color:var(--white);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;margin:0 0 .35em;padding:.25em 0;font-size:1.2em;font-weight:600;list-style:none}footer.footer-component .footer-avatar{object-fit:cover;width:4.5em;height:4.5em;transition:all var(--transition-base);backface-visibility:hidden;border:2px solid #e9c46a4d;border-radius:9999px;margin:.5em auto;display:block;transform:translateZ(0);box-shadow:0 4px 15px #0000004d}footer.footer-component .footer-avatar:hover{border-color:var(--warning-color);transform:scale(1.05)translateZ(0);box-shadow:0 4px 20px #e9c46a33}footer.footer-component .footer-section{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}footer.footer-component .footer-section p{opacity:.9;color:var(--text-light);margin:0;font-size:.9em;line-height:1.5}footer.footer-component .contact-label{opacity:.8;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);font-size:.85em;font-weight:400;margin:.65em 0 .3em!important}footer.footer-component .contact-email{word-break:break-all;text-align:center;color:var(--text-light);border:1px solid var(--border-color);transition:all var(--transition-base);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;margin:.4em auto;padding:.5rem 1rem;font-size:.9em;list-style:none;display:flex}footer.footer-component .contact-email:hover{border-color:var(--border-color-hover);background:#ffffff14}footer.footer-component .footer-link{justify-content:center;align-items:center;gap:1em;width:100%;margin:.65em 0;list-style:none;display:flex}footer.footer-component .footer-link a{color:var(--text-light);transition:all var(--transition-base);opacity:.85;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9em;text-decoration:none;display:flex}footer.footer-component .footer-link a:hover{color:var(--white);opacity:1;background:#e9c46a1a;border-color:#e9c46a4d;transform:translateY(-2px)translateZ(0);box-shadow:0 4px 15px #e9c46a1a}footer.footer-component .footer-icon{stroke:currentColor;width:1.1em;height:1.1em;transition:transform var(--transition-fast)}footer.footer-component .footer-link a:hover .footer-icon{transform:scale(1.1)}footer.footer-component .footer-copyright{text-align:center;border-top:1px solid var(--border-color);opacity:.7;color:var(--text-light);letter-spacing:.5px;margin-top:.5em;padding:1.2em 0;font-size:.75em}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@media (width>=861px){footer.footer-component:before{content:"";background:linear-gradient(90deg,#0000 0%,#e9c46a4d 50%,#0000 100%);height:1px;position:absolute;top:-1px;left:0;right:0}}footer.footer-component a,footer.footer-component p,footer.footer-component div,footer.footer-component h1,footer.footer-component h2,footer.footer-component h3,footer.footer-component ul,footer.footer-component li{all:unset;display:revert}footer.footer-component a{color:var(--text-light);cursor:pointer;text-decoration:none}footer.footer-component p{margin:0;padding:0}footer.footer-component div{box-sizing:border-box}footer.footer-component h3{margin:0;padding:0;font-weight:600}@media (width>=640px){footer.footer-component .footer-content{grid-template-columns:repeat(2,1fr);gap:2em;padding:2.2em 2em;display:grid}footer.footer-component .footer-section{max-width:none}footer.footer-component .footer-section:first-child{border-right:1px solid var(--border-color);padding-right:2em}footer.footer-component .footer-section:last-child{padding-left:2em}}@media (width>=1024px){footer.footer-component .footer-content{gap:3em;max-width:1100px;margin:0 auto;padding:2.5em 2em}footer.footer-component .footer-avatar{width:5em;height:5em}footer.footer-component .footer-name{font-size:1.3em}footer.footer-component .footer-link a{padding:.5rem 1rem;font-size:1em}footer.footer-component .contact-email{padding:.6rem 1.2rem;font-size:1em}}@media (width>=768px) and (width<=1024px) and (height>=1024px){footer.footer-component{flex-shrink:0;position:relative;margin-top:auto!important}}@media (width>=900px) and (width<=1100px) and (height>=1300px){footer.footer-component{flex-shrink:0;position:relative;margin-top:auto!important}}@media (width<=860px){footer.footer-component{-webkit-backdrop-filter:none;animation:none;transform:translateZ(0)}footer.footer-component:before{display:none}}.task-form{background:var(--surface-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:.75rem;width:auto;margin:1rem;padding:1rem;display:flex}.task-input{width:100%;color:var(--input-text);background:var(--input-bg);border:2px solid var(--input-border);box-sizing:border-box;touch-action:manipulation;border-radius:12px;outline:none;padding:1rem;font-family:inherit;font-size:16px}.task-input::placeholder{color:var(--input-placeholder);opacity:1;font-size:.95rem;font-weight:300}.task-input::placeholder{color:var(--input-placeholder);opacity:1;font-size:.95rem;font-weight:300}.task-input::placeholder{color:var(--input-placeholder);opacity:1;font-size:.95rem;font-weight:300}.task-input:-ms-placeholder-shown{color:var(--input-placeholder);opacity:1;font-size:.95rem;font-weight:300}.task-input:focus{border-color:var(--success-color);color:#000;background:#fff;outline:none}.task-input:disabled{opacity:.5;cursor:not-allowed}.submit-button{width:100%;color:var(--white);background:var(--success-color);cursor:pointer;box-sizing:border-box;touch-action:manipulation;z-index:1;border:none;border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;font-weight:600;position:relative}.submit-button:hover{background:#1e5a3e}.submit-button:active{transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button.disabled{opacity:.6;cursor:not-allowed}.submit-button.disabled:hover{background:var(--success-color);box-shadow:none;transform:none}.task-form-group{flex-direction:column;flex:1;gap:.75rem;width:100%;display:flex}.task-input.error{border-color:var(--danger-color)!important;box-shadow:0 0 0 3px #e76f5133!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}.task-input,.login-input,.task-edit-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px}@media (width>=600px){.task-input,.login-input,.task-edit-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:1rem}.task-form{flex-direction:column;width:calc(100% - 2rem);max-width:500px;margin:1rem auto;padding:1.5rem}.task-input{flex:1;width:auto}.submit-button{width:auto;min-width:140px}}@media (width>=900px){.task-form{width:calc(100% - 4rem);max-width:500px;margin:3rem auto 1.5rem;padding:1.5rem 2rem}.task-input{font-size:1.05rem}.submit-button{min-width:160px;font-size:1.05rem}}.task-card{background:var(--surface-dark);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;animation:.4s watercolorFade;display:flex;position:relative;overflow:hidden}.task-card>*{box-sizing:border-box;max-width:100%}.task-card .task-edit-input{box-sizing:border-box;width:100%;max-width:100%;transition:all var(--transition-base);color:var(--text-dark);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:2px solid #ffffff26;border-radius:8px;order:2;padding:.5rem .75rem;font-size:1rem}.task-card .task-text{color:var(--text-dark);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 2px 4px #0000004d;transition:all var(--transition-fast);order:2;max-width:100%;padding:.25rem 0;font-size:1.1rem}.task-card .task-text.completed{color:#ffffff80;text-decoration:line-through}.task-card .checkbox-label{cursor:pointer;color:var(--text-light);transition:color var(--transition-fast);order:1;align-items:center;gap:.5rem;max-width:100%;font-size:.95rem;display:flex}.task-card .checkbox-label:hover{color:var(--white)}.task-card .task-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--success-color);transition:all var(--transition-fast);border-radius:4px;flex-shrink:0}.task-card .task-checkbox:hover{transform:scale(1.1)}.task-card .checkbox-text{-webkit-user-select:none;user-select:none;color:var(--text-light);font-weight:500}.task-card .task-card-actions{box-sizing:border-box;flex-direction:column;order:3;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.task-card .notify-button,.task-card .edit-button,.task-card .delete-button{cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 3px #0003;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;min-height:44px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.task-card .notify-button{color:var(--text-light);background:#e9c46a26;border-color:#e9c46a26}.task-card .notify-button:hover:not(:disabled){border-color:var(--warning-color);color:var(--white);background:#e9c46a4d;transform:translateY(-2px);box-shadow:0 4px 15px #e9c46a33}.task-card .edit-button{color:var(--white);background:#2d6a4f4d;border-color:#2d6a4f4d}.task-card .edit-button:hover:not(:disabled){border-color:var(--success-color);background:#2d6a4f80;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f4d}.task-card .edit-button.save{background:var(--success-color);color:var(--white);border-color:var(--success-color)}.task-card .edit-button.save:hover:not(:disabled){background:#1e5c3e;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f66}.task-card .delete-button{color:var(--white);background:#e76f5133;border-color:#e76f5133}.task-card .delete-button:hover:not(:disabled){border-color:var(--danger-color);background:#e76f5166;transform:translateY(-2px);box-shadow:0 4px 15px #e76f514d}.task-card .notify-button:disabled,.task-card .edit-button:disabled,.task-card .delete-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.task-card .notify-button.disabled,.task-card .delete-button.disabled{opacity:.4;cursor:not-allowed}.task-card:before{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle at 30%,#2d6a4f0d 0%,#0000 70%),radial-gradient(circle at 70% 80%,#e9c46a08 0%,#0000 60%);position:absolute;top:-50%;left:-50%}.task-card:hover:before{opacity:1}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);transform:translateY(-3px)}.task-card.completed{background:#2d6a4f26;border-color:#2d6a4f4d}.task-card.completed:after{content:"✓";color:var(--success-color);opacity:.4;font-size:1.2rem;position:absolute;top:.5rem;right:.75rem}.task-card:after{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);position:absolute;top:-50%;left:-50%}.task-card:hover:after{opacity:1}@keyframes watercolorFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-edit-wrapper{flex-direction:column;order:2;gap:.75rem;width:100%;display:flex}.task-edit-input.error{border-color:var(--danger-color)!important;box-shadow:0 0 0 3px #e76f5133!important}.char-counter{text-align:right;color:var(--text-light);transition:color var(--transition-base);padding-right:.25rem;font-size:.75rem;display:block}.char-counter.warning{color:var(--warning-color)}.char-counter.danger{color:var(--danger-color)}.error-message{color:var(--danger-color);border-left:3px solid var(--danger-color);background:#e76f511a;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;animation:.3s slideDown}@container tasks (width>=36rem){.task-card{flex-flow:wrap;align-items:center;gap:.75rem;padding:1.25rem}.task-card .checkbox-label{flex-shrink:0;order:1;min-width:80px}.task-card .task-text,.task-card .task-edit-wrapper{flex:1;order:2;min-width:120px}.task-card .task-card-actions{flex-flow:wrap;order:3;gap:.5rem;width:auto;margin-top:0;margin-left:auto}.task-card .notify-button,.task-card .edit-button,.task-card .delete-button{width:auto;min-height:38px;padding:.4rem .9rem;font-size:.85rem}}.task-list-wrapper{box-sizing:border-box;flex-direction:column;flex:1 0 auto;width:100%;min-height:200px;display:flex}.task-list{box-sizing:border-box;flex-direction:column;flex:1 0 auto;gap:.75rem;width:100%;max-width:1200px;margin:0 auto;padding:.5rem;display:flex;container:tasks/inline-size}.task-list-loading-btn{color:var(--white)}.task-list-empty{text-align:center;color:var(--text-light);flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;padding:2rem;display:flex}.pagination{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);background:#00000026;border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem .5rem;display:flex}.pagination-btn{border:1px solid var(--border-color);color:var(--white);cursor:pointer;transition:all var(--transition-base);background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--warning-color);background:#e9c46a33;transform:translateY(-2px);box-shadow:0 4px 15px #e9c46a26}.pagination-btn:active:not(:disabled){transform:scale(.97)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.pagination-info{color:var(--white);border:1px solid var(--border-color);text-align:center;background:#ffffff14;border-radius:6px;min-width:100px;padding:.25rem .75rem;font-size:.9rem;font-weight:500}@container tasks (width>=48rem){.task-card{flex-wrap:nowrap;gap:1rem;padding:1rem 1.5rem}.task-card .checkbox-label{flex-shrink:0;min-width:70px}.task-card .task-text,.task-card .task-edit-input{flex:0 auto;min-width:150px;font-size:1rem}.task-card .task-card-actions{flex-flow:row;gap:.5rem;width:auto;margin-left:auto}.task-card .notify-button,.task-card .edit-button,.task-card .delete-button{white-space:nowrap;min-height:38px;padding:.4rem 1rem;font-size:.85rem}}@container tasks (width>=64rem){.task-card{gap:1.25rem;padding:1rem 2rem}.task-card .task-text{min-width:200px;font-size:1.05rem}.task-card .task-edit-input{min-width:200px}}@container tasks (width>=80rem){.task-list{padding:.5rem 2rem}.task-card{gap:1.5rem;padding:1rem 2.5rem}.task-card .task-text{min-width:250px;font-size:1.1rem}}@media (width<=480px){.pagination{flex-direction:column;gap:.5rem;padding:.75rem .25rem}.pagination-btn{width:100%;min-height:36px;padding:.4rem .8rem;font-size:.8rem}.pagination-info{width:100%;min-width:auto;padding:.2rem .5rem;font-size:.8rem}.task-list-wrapper{min-height:150px}}@media (width>=481px) and (width<=767px){.pagination{gap:.75rem;padding:.75rem .5rem}.pagination-btn{min-height:38px;padding:.4rem 1rem;font-size:.85rem}.pagination-info{min-width:80px;padding:.2rem .6rem;font-size:.85rem}.task-list-wrapper{min-height:180px}}@media (width>=768px) and (width<=1024px) and (orientation:portrait){.task-list-wrapper{min-height:250px}.pagination{margin-top:.25rem;padding:.75rem .5rem}.pagination-btn{min-height:38px;padding:.4rem 1rem}}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.task-list-wrapper{min-height:200px}.pagination{padding:.5rem}.pagination-btn{min-height:36px;padding:.4rem .8rem;font-size:.8rem}.pagination-info{min-width:80px;padding:.2rem .5rem;font-size:.8rem}}@media (width>=1025px){.task-list-wrapper{min-height:300px}.pagination{padding:1rem .5rem}.pagination-btn{min-height:44px;padding:.6rem 1.5rem;font-size:.95rem}.pagination-info{padding:.3rem 1rem;font-size:.95rem}}@media (height<=600px) and (orientation:landscape){.task-list-wrapper{min-height:120px}.task-list{gap:.5rem;padding:.25rem}.pagination{gap:.5rem;padding:.25rem .5rem}.pagination-btn{min-height:30px;padding:.25rem .6rem;font-size:.75rem}.pagination-info{min-width:60px;padding:.15rem .4rem;font-size:.75rem}}@keyframes pageChange{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-list .task-card{animation:.3s pageChange}footer.footer-component{z-index:1;flex-shrink:0!important;margin-top:auto!important;position:relative!important}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content,.dashboard-container{flex-direction:column;flex:1 0 auto;display:flex}.task-list-wrapper{transition:opacity .1s ease-in-out}.task-list{animation:.12s listAppear}.task-card{animation:.12s backwards cardAppear}.task-card:first-child{animation-delay:10ms}.task-card:nth-child(2){animation-delay:20ms}.info-banner{box-sizing:border-box;width:100%;max-width:800px;transition:all var(--transition-base);will-change:transform;backface-visibility:hidden;background:#2d6a4f1f;border:1px solid #2d6a4f40;border-radius:16px;margin:1.5rem auto;padding:1.2rem 1.5rem;animation:.5s slideDown;transform:translateZ(0);box-shadow:0 4px 15px #0003}@media (width>=861px){.info-banner{-webkit-backdrop-filter:blur(10px)}}.info-banner:hover{background:#2d6a4f2e;border-color:#2d6a4f66;transform:translateY(-2px)translateZ(0);box-shadow:0 6px 25px #0000004d}.info-banner-content{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.info-banner-text{color:var(--text-light);text-align:center;align-items:flex-start;gap:.75rem;width:100%;margin:0;font-size:.95rem;line-height:1.7;display:flex}.info-banner-icon{flex-shrink:0;font-size:1.4rem;line-height:1.5}.info-banner{flex-shrink:0;min-height:0}@media (width<=599px){.info-banner{border-radius:12px;max-width:calc(100% - 1.5rem);margin:1rem .75rem;padding:1rem}.info-banner-text{text-align:center;flex-direction:column;align-items:center;font-size:.95rem}.info-banner-icon{font-size:1.8rem}}@media (width>=600px) and (width<=860px){.info-banner{width:calc(100% - 2rem);max-width:800px;margin:1.5rem auto;padding:1.2rem 1.5rem}.info-banner-content{flex-direction:column;align-items:center;gap:.75rem}.info-banner-text{text-align:center;font-size:.95rem}.info-banner-icon{font-size:1.4rem}}@media (width>=861px){.info-banner{width:100%;max-width:800px;margin:1.5rem auto;padding:1.2rem 1.5rem}.info-banner-content{flex-direction:row;justify-content:space-between;align-items:center}.info-banner-text{text-align:center;flex:1}.info-banner-icon{font-size:1.4rem}}@media (width<=860px){.info-banner{-webkit-backdrop-filter:none;contain:layout style paint}}@media (height<=500px) and (orientation:landscape){.info-banner{margin:.5rem auto;padding:.75rem 1rem}.info-banner-text{font-size:.85rem;line-height:1.5}.info-banner-icon{font-size:1.2rem}}.notification-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s notificationModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes notificationModalFadeIn{0%{opacity:0}to{opacity:1}}.notification-modal-content{background:var(--primary-gradient);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);will-change:transform;backface-visibility:hidden;contain:layout style paint;border-radius:20px;max-height:90dvh;padding:1.5rem;animation:.3s notificationModalSlideUp;position:relative;overflow:hidden;transform:translateZ(0)}.notification-modal-content.has-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.notification-modal-content.has-scroll::-webkit-scrollbar{width:6px}.notification-modal-content.has-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.notification-modal-content.has-scroll::-webkit-scrollbar-thumb{background:#e9c46a80;border-radius:10px}.notification-modal-content.has-scroll::-webkit-scrollbar-thumb:hover{background:#e9c46acc}@keyframes notificationModalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)translateZ(0)}to{opacity:1;transform:translateY(0)scale(1)translateZ(0)}}.notification-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.notification-modal-header h3{color:var(--white);text-shadow:0 2px 4px #0000004d;word-break:break-word;flex:1;margin:0;font-size:1rem;line-height:1.4}.notification-modal-close{border:1px solid var(--border-color);color:var(--white);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0;font-size:1.1rem;display:flex}.notification-modal-close:hover{border-color:var(--danger-color);background:#e76f5133;transform:rotate(90deg)}.notification-send-type-selector{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.notification-send-type-btn{border:2px solid var(--border-color);color:var(--text-light);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:flex}.notification-send-type-btn:hover{border-color:var(--border-color-hover);background:#ffffff0f}.notification-send-type-btn.active{border-color:var(--warning-color);color:var(--white);background:#e9c46a26;box-shadow:0 0 20px #e9c46a0d}.notification-form-group{flex-direction:column;gap:.3rem;display:flex}.notification-form-group label{color:var(--text-light);font-size:.85rem;font-weight:500}.notification-form-input{border:2px solid var(--border-color);color:var(--white);transition:all var(--transition-base);box-sizing:border-box;background:#ffffff0d;border-radius:10px;width:100%;min-height:42px;padding:.6rem .8rem;font-size:16px}.notification-form-input:focus{border-color:var(--warning-color);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #e9c46a1a}.notification-form-input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.notification-submit-button{background:var(--success-color);width:100%;color:var(--white);border:2px solid var(--success-color);cursor:pointer;transition:all var(--transition-base);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;margin-top:.75rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex}.notification-submit-button:hover:not(:disabled){background:#1e5a3e;transform:translateY(-2px);box-shadow:0 4px 20px #2d6a4f4d}.notification-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-send-now-container{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.notification-send-now-info{color:var(--text-light);text-align:center;border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.notification-send-now-info strong{color:var(--white);word-break:break-all}.notification-send-now-button{color:var(--white);cursor:pointer;transition:all var(--transition-base);background:#e9c46a33;border:2px solid #e9c46a4d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex}.notification-send-now-button:hover:not(:disabled){border-color:var(--warning-color);background:#e9c46a4d;transform:translateY(-2px);box-shadow:0 4px 20px #e9c46a33}.notification-send-now-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-modal-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.notification-modal-content>*{z-index:1;position:relative}@media (height<=500px) and (orientation:landscape){.notification-modal-overlay{align-items:flex-start;padding:1rem .5rem .5rem}.notification-modal-content{border-radius:16px;max-height:85dvh;padding:1rem}.notification-modal-header{margin-bottom:.75rem;padding-bottom:.5rem}.notification-modal-header h3{font-size:.9rem}.notification-send-type-selector{gap:.35rem;margin-bottom:.75rem}.notification-send-type-btn{min-height:36px;padding:.4rem .75rem;font-size:.8rem}.notification-form-group{gap:.2rem}.notification-form-group label{font-size:.8rem}.notification-form-input{min-height:36px;padding:.4rem .6rem;font-size:16px}.notification-send-now-container{gap:.5rem}.notification-send-now-info{padding:.5rem .75rem;font-size:.8rem}.notification-send-now-button,.notification-submit-button{min-height:36px;padding:.4rem .75rem;font-size:.85rem}}@media (width<=860px){.notification-modal-overlay{-webkit-backdrop-filter:none;background:#000000d9}}@media (width>=36rem){.notification-modal-content{max-width:520px;padding:1.75rem 2rem}.notification-send-type-selector{flex-direction:row}.notification-send-type-btn{flex:1;min-height:40px;padding:.6rem 1rem;font-size:.85rem}}@media (width>=48rem){.notification-modal-content{border-radius:24px;max-width:540px;padding:2rem 2.5rem}.notification-modal-header h3{font-size:1.2rem}}@media (width>=64rem){.notification-modal-content{border-radius:28px;max-width:580px;padding:2.5rem 3rem}.notification-modal-header h3{font-size:1.3rem}}.reschedule-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s rescheduleModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes rescheduleModalFadeIn{0%{opacity:0}to{opacity:1}}.reschedule-modal-content{background:var(--primary-gradient);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);will-change:transform;backface-visibility:hidden;contain:layout style paint;border-radius:20px;max-height:90dvh;padding:1.5rem;animation:.3s rescheduleModalSlideUp;position:relative;overflow:hidden;transform:translateZ(0)}.reschedule-modal-content.has-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.reschedule-modal-content.has-scroll::-webkit-scrollbar{width:6px}.reschedule-modal-content.has-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.reschedule-modal-content.has-scroll::-webkit-scrollbar-thumb{background:#e9c46a80;border-radius:10px}.reschedule-modal-content.has-scroll::-webkit-scrollbar-thumb:hover{background:#e9c46acc}@keyframes rescheduleModalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)translateZ(0)}to{opacity:1;transform:translateY(0)scale(1)translateZ(0)}}.reschedule-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.reschedule-modal-header h3{color:var(--white);text-shadow:0 2px 4px #0000004d;word-break:break-word;flex:1;margin:0;font-size:1rem;line-height:1.4}.reschedule-modal-close{border:1px solid var(--border-color);color:var(--white);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0;font-size:1.1rem;display:flex}.reschedule-modal-close:hover{border-color:var(--danger-color);background:#e76f5133;transform:rotate(90deg)}.reschedule-form{flex-direction:column;gap:.75rem;display:flex}.reschedule-form-group{flex-direction:column;gap:.3rem;display:flex}.reschedule-form-group label{color:var(--text-light);font-size:.85rem;font-weight:500}.reschedule-form-input{border:2px solid var(--border-color);color:var(--white);transition:all var(--transition-base);box-sizing:border-box;background:#ffffff0d;border-radius:10px;width:100%;min-height:42px;padding:.6rem .8rem;font-size:16px}.reschedule-form-input:focus{border-color:var(--warning-color);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #e9c46a1a}.reschedule-form-input::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.reschedule-submit-button{background:var(--success-color);width:100%;color:var(--white);border:2px solid var(--success-color);cursor:pointer;transition:all var(--transition-base);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex}.reschedule-submit-button:hover:not(:disabled){background:#1e5a3e;transform:translateY(-2px);box-shadow:0 4px 20px #2d6a4f4d}.reschedule-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.reschedule-modal-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.reschedule-modal-content>*{z-index:1;position:relative}@media (height<=500px) and (orientation:landscape){.reschedule-modal-overlay{align-items:flex-start;padding:1rem .5rem .5rem}.reschedule-modal-content{border-radius:16px;max-height:85dvh;padding:1rem}.reschedule-modal-header{margin-bottom:.75rem;padding-bottom:.5rem}.reschedule-modal-header h3{font-size:.9rem}.reschedule-form{gap:.5rem}.reschedule-form-group{gap:.2rem}.reschedule-form-group label{font-size:.8rem}.reschedule-form-input{min-height:36px;padding:.4rem .6rem;font-size:16px}.reschedule-submit-button{min-height:36px;margin-top:.5rem;padding:.4rem .75rem;font-size:.85rem}}@media (width<=860px){.reschedule-modal-overlay{-webkit-backdrop-filter:none;background:#000000d9}}@media (width>=36rem){.reschedule-modal-content{max-width:520px;padding:1.75rem 2rem}}@media (width>=48rem){.reschedule-modal-content{border-radius:24px;max-width:540px;padding:2rem 2.5rem}.reschedule-modal-header h3{font-size:1.2rem}}@media (width>=64rem){.reschedule-modal-content{border-radius:28px;max-width:580px;padding:2.5rem 3rem}.reschedule-modal-header h3{font-size:1.3rem}}.details-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s detailsModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes detailsModalFadeIn{0%{opacity:0}to{opacity:1}}.details-modal-content{background:var(--primary-gradient);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);will-change:transform;backface-visibility:hidden;contain:layout style paint;border-radius:20px;max-height:90dvh;padding:1.5rem;animation:.3s detailsModalSlideUp;position:relative;overflow:hidden;transform:translateZ(0)}.details-modal-content.has-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.details-modal-content.has-scroll::-webkit-scrollbar{width:6px}.details-modal-content.has-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.details-modal-content.has-scroll::-webkit-scrollbar-thumb{background:#e9c46a80;border-radius:10px}.details-modal-content.has-scroll::-webkit-scrollbar-thumb:hover{background:#e9c46acc}@keyframes detailsModalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)translateZ(0)}to{opacity:1;transform:translateY(0)scale(1)translateZ(0)}}.details-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.details-modal-header h3{color:var(--white);text-shadow:0 2px 4px #0000004d;word-break:break-word;flex:1;margin:0;font-size:1rem;line-height:1.4}.details-modal-close{border:1px solid var(--border-color);color:var(--white);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0;font-size:1.1rem;display:flex}.details-modal-close:hover{border-color:var(--danger-color);background:#e76f5133;transform:rotate(90deg)}.details-content{gap:.5rem}.detail-item{font-size:.85rem}.detail-label{color:var(--text-light);opacity:.8;font-size:.85rem;font-weight:600}.detail-value{color:var(--white);word-break:break-word;padding-left:1.5rem;font-size:.95rem;line-height:1.4}.details-close-btn{width:100%;color:var(--white);cursor:pointer;transition:all var(--transition-base);background:#2d6a4f4d;border:2px solid #2d6a4f4d;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-top:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.details-close-btn:hover{border-color:var(--success-color);background:#2d6a4f80;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f4d}.details-modal-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.details-modal-content>*{z-index:1;position:relative}@media (height<=500px) and (orientation:landscape){.details-modal-overlay{align-items:flex-start;padding:1rem .5rem .5rem}.details-modal-content{border-radius:16px;max-height:95dvh;padding:.75rem}.details-modal-header{margin-bottom:.75rem;padding-bottom:.5rem}.details-modal-header h3{font-size:.9rem}.details-content{gap:.4rem}.detail-item{padding:.35rem 0}.detail-label{font-size:.75rem}.detail-value{padding-left:1rem;font-size:.8rem}.details-close-btn{min-height:34px;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem}}@media (width<=860px){.details-modal-overlay{-webkit-backdrop-filter:none;background:#000000d9}}@media (width>=36rem){.details-modal-content{max-width:520px;padding:1.75rem 2rem}}@media (width>=48rem){.details-modal-content{border-radius:24px;max-width:540px;padding:2rem 2.5rem}.details-modal-header h3{font-size:1.2rem}}@media (width>=64rem){.details-modal-content{border-radius:28px;max-width:580px;padding:2.5rem 3rem}.details-modal-header h3{font-size:1.3rem}}.app-wrapper{background:var(--primary-gradient);box-sizing:border-box;flex-direction:column;flex:1 0 auto;width:100%;min-height:100%;display:flex}.main-content{box-sizing:border-box;flex-direction:column;flex:1 0 auto;width:100%;min-height:0;padding-top:70px;display:flex}.dashboard-container{box-sizing:border-box;flex:1 0 auto;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:20px}.dashboard-title{color:#fff;text-align:center;margin:20px 0;padding:10px 0;font-size:1.2rem}.welcome-text{color:#fff;text-align:center;margin:.5rem 0;font-size:1.1rem}@media (width>=768px) and (width<=1024px) and (orientation:portrait){.main-content{padding-top:65px}.dashboard-container{flex:1 0 auto;min-height:0;padding:16px 24px}.app-wrapper{min-height:100dvh}}@media (width>=1025px) and (width<=1400px) and (orientation:portrait){.main-content{padding-top:70px}.dashboard-container{flex:1 0 auto;min-height:0;padding:20px 32px}.app-wrapper{min-height:100dvh}}@media (height>=1100px) and (width<=1200px){.dashboard-container{flex:1 0 auto;min-height:0;padding:24px 32px}.main-content{flex:1 0 auto;min-height:0}.app-wrapper{min-height:100dvh}}@media (width<=600px){.main-content{padding-top:60px}.dashboard-container{flex:1 0 auto;min-height:0;padding:12px}}@media (width>=601px) and (width<=767px){.dashboard-container{flex:1 0 auto;min-height:0;padding:16px}}@media (width>=961px){.dashboard-container{flex:1 0 auto;min-height:0;padding:24px}}@media (height<=600px) and (orientation:landscape){.main-content{padding-top:50px}.dashboard-container{flex:1 0 auto;min-height:0;padding:8px 16px}}@media (width>=768px) and (width<=1024px) and (height>=1024px){.app-wrapper{justify-content:flex-start;min-height:100vh}.main-content{flex:1 0 auto;min-height:auto}.dashboard-container{flex:1 0 auto;min-height:auto;padding:16px 24px 20px}footer.footer-component{flex-shrink:0;margin-top:auto!important}}@media (width>=900px) and (width<=1100px) and (height>=1300px){.dashboard-container{flex:1 0 auto;min-height:auto;padding:24px 32px 32px}.main-content{flex:1 0 auto;min-height:auto}footer.footer-component{flex-shrink:0;margin-top:auto!important}}@media (width>=1000px) and (width<=1100px) and (height>=580px) and (height<=650px){.main-content{padding-top:80px!important}.dashboard-container{padding:12px 20px!important}}.login-container{background:var(--primary-gradient);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.login-title{color:var(--white);text-align:center;text-shadow:0 2px 4px #0000004d;width:100%;max-width:400px;margin:0 0 1.5rem;font-size:1.3rem;font-weight:500;line-height:1.4}.login-form{background:var(--surface-dark);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-sizing:border-box;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;animation:.5s loginFadeIn;display:flex;position:relative;overflow:hidden}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-input{width:100%;color:var(--input-text);background:var(--input-bg);border:2px solid var(--input-border);box-sizing:border-box;transition:all var(--transition-base);border-radius:12px;outline:none;min-height:48px;padding:.8rem 1rem;font-family:inherit;font-size:1rem}.login-input:focus{border-color:var(--success-color);color:#000;background:#fff;outline:none;box-shadow:0 0 0 3px #2d6a4f33}.login-input::placeholder{color:var(--input-placeholder);opacity:1;font-size:.95rem;font-weight:300}.login-button{width:100%;color:var(--white);background:var(--success-color);cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.login-button:hover:not(:disabled){background:#1e5a3e;transform:translateY(-2px);box-shadow:0 4px 20px #2d6a4f4d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-message{text-align:center;word-break:break-word;border-radius:12px;padding:.8rem 1rem;font-size:.9rem;animation:.3s messageSlideIn}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-message.success{color:var(--success-color);background:#2d6a4f33;border:1px solid #2d6a4f4d}.login-message.error{color:var(--danger-color);background:#e76f5133;border:1px solid #e76f514d}.login-form:before{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);position:absolute;top:-50%;left:-50%}.login-form:hover:before{opacity:1}.login-form>*{z-index:1;position:relative}.login-form:after{content:"🔐";opacity:.05;pointer-events:none;font-size:3rem;position:absolute;top:-1.5rem;right:-.5rem;transform:rotate(15deg)}.login-form-group{flex-direction:column;gap:.75rem;width:100%;display:flex}.login-input.error{border-color:var(--danger-color)!important;box-shadow:0 0 0 3px #e76f5133!important}.login-error{margin-top:.25rem}@media (width>=768px){.login-title{max-width:450px;font-size:1.7rem}.login-form{border-radius:28px;max-width:450px;padding:2.5rem}.login-input,.login-button{min-height:56px;padding:1rem 1.2rem;font-size:1.1rem}}@media (height<=500px) and (orientation:landscape){.login-container{-webkit-overflow-scrolling:touch;justify-content:flex-start;height:100dvh;min-height:auto;padding:16px 12px 12px;overflow-y:auto}.login-form{border-radius:16px;overflow:visible}.login-input{min-height:38px;padding:8px 12px;font-size:18px}.login-button{min-height:38px;padding:8px 12px;font-size:.9rem}.login-message{padding:8px 12px;font-size:.85rem}.login-title{max-width:450px;font-size:1.3rem}.login-container>div:last-child{margin-top:12px!important;padding:8px 16px!important;font-size:.75rem!important}}.scheduled-tasks-container{box-sizing:border-box;width:100%;max-width:1200px;color:var(--white);flex-direction:column;flex:1 0 auto;margin:0 auto;padding:1rem 1rem 1.5rem;display:flex}.scheduled-header{background:var(--surface-dark);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.scheduled-header h1{color:var(--white);text-shadow:0 2px 4px #0000004d;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;display:flex}.back-btn{cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:44px;color:var(--white);border:none;border:1px solid var(--border-color);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex}.back-btn:hover{border-color:var(--border-color-hover);background:#ffffff1a;transform:translate(-3px)}.scheduled-info{color:var(--white);border:1px solid var(--border-color);text-align:center;background:#ffffff0d;border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.95rem}.no-tasks-message{background:var(--surface-dark);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem 1.5rem}.no-tasks-message p{color:var(--white);margin:.5rem 0;font-size:1rem}.no-tasks-message p:first-child{color:var(--white);font-size:1.2rem;font-weight:600}.go-back-btn{background:var(--success-color);color:var(--white);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:12px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:500;display:inline-flex}.go-back-btn:hover{background:#1e5a3e;transform:translateY(-2px);box-shadow:0 4px 20px #2d6a4f4d}.scheduled-list{flex-direction:column;gap:.75rem;display:flex}.scheduled-item{background:var(--surface-dark);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;animation:.4s scheduledFadeIn;display:flex;position:relative;overflow:hidden}@keyframes scheduledFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scheduled-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);transform:translateY(-3px)}.scheduled-item:before{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle at 30%,#e9c46a0d 0%,#0000 70%),radial-gradient(circle at 70% 80%,#2d6a4f08 0%,#0000 60%);position:absolute;top:-50%;left:-50%}.scheduled-item:hover:before{opacity:1}.scheduled-item:after{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);position:absolute;top:-50%;left:-50%}.scheduled-item:hover:after{opacity:1}.scheduled-item-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.scheduled-item-info span{color:var(--white);word-break:break-word;overflow-wrap:break-word;text-shadow:0 2px 4px #0000004d;font-size:1.1rem}.scheduled-item-info .completed-task{color:#ffffff80;text-decoration:line-through}.scheduled-item-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.scheduled-item-meta small{color:var(--text-light);opacity:.7;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.scheduled-item-actions{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.details-btn,.reschedule-btn-card,.delete-btn-scheduled-card{cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 3px #0003;width:100%;min-height:44px;color:var(--white);border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.details-btn{background:#2d6a4f33;border-color:#2d6a4f4d}.details-btn:hover{border-color:var(--success-color);background:#2d6a4f66;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f4d}.reschedule-btn-card{background:#e9c46a26;border-color:#e9c46a4d}.reschedule-btn-card:hover{border-color:var(--warning-color);background:#e9c46a4d;transform:translateY(-2px);box-shadow:0 4px 15px #e9c46a33}.delete-btn-scheduled-card{background:#e76f5133;border-color:#e76f514d}.delete-btn-scheduled-card:hover{border-color:var(--danger-color);background:#e76f5166;transform:translateY(-2px);box-shadow:0 4px 15px #e76f514d}.details-content{padding:.5rem 0 1rem}.detail-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-light);flex-shrink:0;font-size:.85rem;font-weight:500}.detail-value{color:var(--white);text-align:right;word-break:break-word;font-size:.95rem}.details-close-btn{width:100%;color:var(--white);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;border-radius:12px;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:500}.details-close-btn:hover{background:#ffffff1a;transform:translateY(-2px)}@media (width>=600px){.scheduled-tasks-container{padding:1.5rem}.scheduled-header{flex-flow:wrap;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}.scheduled-header h1{order:1;font-size:1.6rem}.scheduled-header .back-btn{order:0}.scheduled-item{flex-flow:wrap;align-items:center;gap:.75rem;padding:1.25rem}.scheduled-item-info{flex:1;min-width:120px}.scheduled-item-actions{flex-flow:wrap;gap:.5rem;width:auto;margin-left:auto}.details-btn,.reschedule-btn-card,.delete-btn-scheduled-card{width:auto;min-height:38px;padding:.4rem .9rem;font-size:.85rem}.scheduled-item-meta{flex-direction:row}}@media (width>=900px){.scheduled-tasks-container{padding:2rem}.scheduled-header{padding:1.5rem 2rem}.scheduled-header h1{font-size:1.8rem}.scheduled-item{flex-wrap:nowrap;gap:1rem;padding:1rem 1.5rem}.scheduled-item-info{min-width:200px}.scheduled-item-actions{flex-flow:row;gap:.5rem;width:auto;margin-left:auto}.details-btn,.reschedule-btn-card,.delete-btn-scheduled-card{white-space:nowrap;min-height:38px;padding:.4rem 1rem;font-size:.85rem}}@media (width>=1024px){.scheduled-tasks-container{padding:2rem 2.5rem}.scheduled-header{padding:1.5rem 2.5rem}.scheduled-header h1{font-size:2rem}.scheduled-item{gap:1.25rem;padding:1rem 2rem}.scheduled-item-info span{min-width:200px;font-size:1.05rem}.details-btn,.reschedule-btn-card,.delete-btn-scheduled-card{min-height:40px;padding:.5rem 1.2rem;font-size:.9rem}}.scheduled-tasks-container{flex-direction:column;flex:1 0 auto;display:flex}.scheduled-list{flex-direction:column;flex:1 0 auto;gap:.75rem;display:flex}.trash-container{box-sizing:border-box;width:100%;max-width:1200px;color:var(--white);flex-direction:column;flex:1 0 auto;margin:0 auto;padding:1rem 1rem 1.5rem;display:flex}.trash-header{background:var(--surface-dark);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.trash-header h1{color:var(--white);text-shadow:0 2px 4px #0000004d;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;display:flex}.trash-info{color:var(--white);border:1px solid var(--border-color);text-align:center;background:#ffffff0d;border-radius:12px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.95rem}.trash-empty{background:var(--surface-dark);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem 1.5rem}.trash-empty p{color:var(--white);margin:.5rem 0;font-size:1rem}.trash-empty p:first-child{color:var(--white);font-size:1.2rem;font-weight:600}.trash-list{flex-direction:column;gap:.75rem;display:flex}.trash-item{background:var(--surface-dark);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem;animation:.4s trashFadeIn;display:flex;position:relative;overflow:hidden}@keyframes trashFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trash-item:before{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle at 30%,#e76f510d 0%,#0000 70%),radial-gradient(circle at 70% 80%,#e9c46a08 0%,#0000 60%);position:absolute;top:-50%;left:-50%}.trash-item:hover:before{opacity:1}.trash-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover);transform:translateY(-3px)}.trash-item:after{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 70%);position:absolute;top:-50%;left:-50%}.trash-item:hover:after{opacity:1}.trash-item-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.trash-item-info span{color:var(--white);word-break:break-word;overflow-wrap:break-word;text-shadow:0 2px 4px #0000004d;font-size:1.1rem}.trash-item-info .completed-task{color:#ffffff80;text-decoration:line-through}.trash-item-info small{color:var(--text-light);opacity:.7;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.trash-item-actions{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.restore-btn,.permanent-delete-btn{cursor:pointer;transition:all var(--transition-base);box-sizing:border-box;-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 3px #0003;width:100%;min-height:44px;color:var(--white);border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.restore-btn{color:var(--white);background:#2d6a4f33;border-color:#2d6a4f4d}.restore-btn:hover{border-color:var(--success-color);background:#2d6a4f66;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f4d}.permanent-delete-btn{color:var(--white);background:#e76f5133;border-color:#e76f514d}.permanent-delete-btn:hover{border-color:var(--danger-color);background:#e76f5166;transform:translateY(-2px);box-shadow:0 4px 15px #e76f514d}@media (width>=36rem){.trash-container{padding:1.5rem}.trash-header{flex-flow:wrap;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}.trash-header h1{order:1;font-size:1.6rem}.trash-header .back-btn{order:0}.trash-item{flex-flow:wrap;align-items:center;gap:.75rem;padding:1.25rem}.trash-item-info{flex:1;min-width:120px}.trash-item-actions{flex-flow:wrap;gap:.5rem;width:auto;margin-left:auto}.restore-btn,.permanent-delete-btn{width:auto;min-height:38px;padding:.4rem .9rem;font-size:.85rem}}@media (width>=48rem){.trash-container{padding:2rem}.trash-header{padding:1.5rem 2rem}.trash-header h1{font-size:1.8rem}.trash-item{flex-wrap:nowrap;gap:1rem;padding:1rem 1.5rem}.trash-item-info{min-width:150px}.trash-item-actions{flex-flow:row;gap:.5rem;width:auto;margin-left:auto}.restore-btn,.permanent-delete-btn{white-space:nowrap;min-height:38px;padding:.4rem 1rem;font-size:.85rem}}@media (width>=64rem){.trash-container{padding:2rem 2.5rem}.trash-header{padding:1.5rem 2.5rem}.trash-header h1{font-size:2rem}.trash-item{gap:1.25rem;padding:1rem 2rem}.trash-item-info span{min-width:200px;font-size:1.05rem}.restore-btn,.permanent-delete-btn{min-height:40px;padding:.5rem 1.2rem;font-size:.9rem}}.trash-container{flex-direction:column;flex:1 0 auto;display:flex}.trash-list{flex-direction:column;flex:1 0 auto;gap:.75rem;display:flex}footer.footer-component{flex-shrink:0!important;margin-top:auto!important}.auth-callback-container{background:var(--primary-gradient);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-callback-content{text-align:center;background:var(--surface-dark);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:20px;padding:2rem}.auth-callback-status{color:var(--white);margin:1rem 0;font-size:1.2rem;font-weight:500}