::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:8px}::-webkit-scrollbar-thumb{background:#1e212f4d;border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#1e212f80;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(30,33,47,.3) rgba(256,256,256,.1)}@font-face{font-family:Satoshi Medium;src:url(/assets/Satoshi-Medium-DoW3kFbX.otf) format("opentype")}@font-face{font-family:Pretendard Medium;src:url(/assets/Pretendard-Medium-DYrAMPlT.otf) format("opentype")}@font-face{font-family:Pretendard Regular;src:url(/assets/Pretendard-Regular-B1uDhz_U.woff) format("woff");font-weight:400;font-style:normal}.todo-page *:focus{outline:none}html{height:100%}body{background:url(/assets/bg-DjRV_RxF.png) no-repeat center center fixed;background-size:cover;font-family:Pretendard Medium,Satoshi Medium,Arial,sans-serif;margin:0;background-position:center;overflow:overlay}.todo-page #root{height:calc(100% - 64px);padding:32px 0}.todo-page .main{display:flex;flex-direction:column;max-width:800px;justify-content:center;align-items:center;margin:auto;height:100%}.todo-page h2{margin-bottom:0;margin-right:auto}.todo-page p.empty-state{color:#616895;width:fit-content}.todo-page ul{display:flex;gap:6px;flex-direction:column;width:100%;padding:0}.todo-page .todo-item{text-decoration:none;list-style-type:none;display:flex;gap:8px;align-items:center;background:#fff6;border-radius:8px;padding:12px 8px;transition:.3s;position:relative;border:2px solid transparent}.todo-page .todo-item:hover{background:#ffffff7f}.todo-page .todo-item.completed{background:#fff3}.todo-page .todo-item.is-editing{border:2px solid #1E212F}.todo-page p{margin:0}.todo-page .todo-text{transition:.3s;word-break:break-all;white-space:pre-wrap}.todo-page .todo-item.completed .todo-text{text-decoration:line-through;color:#616895}.todo-page .complete-button,.check-icon-wrapper{border-radius:50%;border:1px solid #616895;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px;width:24px;min-width:24px;height:24px;min-height:24px;transition:.3s;animation:task-complete-animation .5s ease-in-out;box-shadow:0 4px 8px #0000001a}.todo-page .top{display:flex;gap:8px;align-items:center}.todo-page .done{display:flex;flex-direction:column;gap:16px;align-items:center;margin:0 auto}.todo-page .check-icon-wrapper-t{background:#1e212f;fill:#fff;animation:task-completed-animation .8s ease-in-out;cursor:auto;width:40px;min-width:40px;height:40px;min-height:40px;border-radius:50%;border:1px solid #616895;display:flex;justify-content:center;align-items:center;padding:4px;transition:.3s;box-shadow:0 4px 8px #0000001a}.todo-page .check-icon-wrapper-t:hover{transform:scale(1.1)}.todo-page .check-icon-wrapper-t svg{width:20px;height:20px}.todo-page .check-icon-wrapper{background:#1e212f;fill:#fff;animation:task-completed-animation .8s ease-in-out;cursor:auto;width:40px;min-width:40px;height:40px;min-height:40px}.todo-page .check-icon-wrapper:hover{transform:scale(1.1)}.todo-page .check-icon-wrapper svg{width:20px;height:20px}@keyframes task-complete-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(30deg) scale(.8)}to{transform:rotate(0) scale(1)}}.todo-page .complete-button:hover,.complete-button:focus-visible{background:#0000001a;border-color:#51567b}.todo-page .todo-item .complete-button:hover svg{fill:#51567b}.todo-page .todo-item.completed .complete-button{background:#1e212f;border-color:#1e212f;animation:task-completed-animation .8s ease-in-out}@keyframes task-completed-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-20deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.todo-page .todo-item .complete-button svg{fill:#616895;width:24px;height:24px}.todo-page .todo-item.completed .complete-button svg path{fill:#fff}.todo-page input[type=text]{background:#fff6;padding:12px 16px;border:none;width:100%;height:20px;font-size:16px;border:2px solid transparent;transition:.3s;resize:none;font-family:Satoshi Medium,Pretendard Medium,Arial,sans-serif}.todo-page input[type=text]::placeholder{color:#61689566;font-size:16px}.todo-page input[type=text]:focus{border:2px solid #1E212F}.todo-page input[type=text].add-input{border-radius:8px 0 0 8px}.todo-page input[type=text].edit-input{padding:0;background:transparent;border:none!important}.todo-page textarea.edit-input{padding:0;background:transparent;border:none!important;width:100%;min-height:20px;max-height:150px;font-size:16px;border:2px solid transparent;transition:.3s;resize:none;font-family:Satoshi Medium,Pretendard Medium,Arial,sans-serif}.todo-page textarea.add-input{background:#fff6;padding:12px 16px;border:none;width:100%;height:25px;font-size:16px;border:2px solid transparent;transition:.3s;resize:none;font-family:Pretendard Medium,Satoshi Medium,Arial,sans-serif;max-height:150px;overflow-y:auto;line-height:1.5;border-radius:8px 0 0 8px}.todo-page textarea.add-input::placeholder{color:#61689566;font-size:16px}.todo-page textarea.add-input:focus{border:2px solid #1E212F}.todo-page button{margin:0;padding:0;border:none;background:none;font-family:Pretendard Medium,Satoshi Medium,Arial,sans-serif}.todo-page button{display:flex;justify-content:center;align-items:center;padding:8px 16px;gap:8px;background:#1e212f;border-radius:8px;border:none;color:#fff;font-size:16px;cursor:pointer;transition:.3s;border:2px solid transparent}.todo-page button:active{transform:scale(.95)}.todo-page button:focus-visible{outline:2px solid #1E212F;outline-offset:3px}.todo-page button.add-button{border-radius:0 8px 8px 0}.todo-page button.add-button:hover{filter:brightness(150%);animation:pulse-button 1.5s infinite}.todo-page button.add-button:active{filter:brightness(120%)}.todo-page .edit-form{width:100%;display:flex;gap:8px;align-items:center}.todo-page .dropdown{margin-left:auto;position:relative}.todo-page .no-fill-icon-button{background:none;padding:4px;width:28px;height:28px}.todo-page .no-fill-icon-button:focus-visible{background:#66666630}.todo-page .no-fill-icon-button:focus-visible svg{color:#1e212f;fill:#1e212f}.todo-page .no-fill-icon-button svg{width:20px;height:20px;fill:#666;transition:.3s}.todo-page .no-fill-icon-button:hover{background:#66666620}.todo-page .no-fill-icon-button:active{background:#66666630}.todo-page .no-fill-icon-button:hover svg{fill:#1e212f}.todo-page .no-fill-svg{fill:none!important}.todo-page .tooltip-wrapper{position:relative}.todo-page .tooltip{opacity:0;position:absolute;z-index:-3;right:50%;top:54px;background:#1e212f;color:#fff;border-radius:8px;padding:8px;transform:translate(50%,-50%) translateY(4px);transition:all .3s cubic-bezier(.175,.885,.32,1.275),width .3s;box-shadow:0 8px 16px #1e212f29}.todo-page .tooltip span{white-space:nowrap}.todo-page button:hover+.tooltip,button:focus-visible+.tooltip{opacity:1;z-index:4;transform:translate(50%,-50%) translateY(0)}.todo-page .dropdown-content{display:flex;z-index:-3;padding:4px;opacity:0;flex-direction:column;gap:4px;border-radius:8px;background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:187px;box-shadow:0 8px 16px #1e212f29;top:36px;right:0;position:absolute;transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275),width .3s}.todo-page .todo-item.completed .dropdown-content{width:214px}.todo-page .dropdown-content.show{transform:translateY(0);z-index:2;opacity:1}.todo-page .dropdown-content.important{width:194px}.todo-page .dropdown-content .dropdown-item{background:none;pointer-events:auto;justify-content:flex-start;align-items:center;padding:8px}.todo-page .dropdown-content:not(.show) .dropdown-item{pointer-events:none;z-index:-1}.todo-page .dropdown-content .dropdown-item:focus-visible{background:#66666630}.todo-page .dropdown-content .dropdown-item:active{transform:scale(.97)}.todo-page .dropdown-content .dropdown-item.danger svg,.dropdown-content .dropdown-item.danger span{color:#a80000;fill:#a80000!important}.todo-page .dropdown-content .dropdown-item:hover{background:#66666620}.todo-page .dropdown-content .dropdown-item.danger:hover,.dropdown-content .dropdown-item.danger:focus-visible{background:#a8000020}.todo-page .dropdown-content .dropdown-item:active{background:#66666630}.todo-page .dropdown-content .dropdown-item.danger:active{background:#a8000030}.todo-page .dropdown-content .dropdown-item svg{color:#666;fill:#666;width:20px;height:20px;transition:.3s}.todo-page .dropdown-content .dropdown-item:hover svg{color:#1e212f;fill:#1e212f}.todo-page .dropdown-content .dropdown-item span{color:#1e212f;position:relative;top:1px}.todo-page .dropdown-divider{height:1px;overflow:hidden;background-color:#a1a1a142;margin-left:10px;margin-right:10px}.todo-page .add-todo-container{display:flex;width:100%;border-radius:8px;position:fixed;width:800px;bottom:32px}.todo-page .add-todo-container>*:not(.no-fill-icon-button){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 16px #1e212f00}.todo-page .mobile-toggle-drawer{bottom:-80px;border-radius:50%;padding:16px;position:fixed;transition:.5s cubic-bezier(.175,.885,.32,1.275)}.todo-page .mobile-toggle-drawer:hover{box-shadow:0 0 #3d407f;animation:pulse-button 1.5s infinite}.todo-page .right{display:flex;gap:8px;margin-left:auto}.todo-page .star-button svg{color:#666}.todo-page .star-button:hover svg{color:#1e212f}.todo-page .star-button .important-star{fill:#e4b355}.todo-page .notification-container{position:fixed;top:5%;right:5%;left:5%;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.todo-page .notification{margin-bottom:1rem;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 12px #00000026;width:100%;max-width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border:1px solid rgba(255,255,255,.1)}.todo-page .notification-error{background-color:#fee2e2e6;color:#991b1b;border-left:4px solid #DC2626}.todo-page .notification-info{background-color:#e0f2fee6;color:#075985;border-left:4px solid #0284C7}.todo-page .notification-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.todo-page .notification-icon-message{display:flex;align-items:center;gap:.75rem;flex:1}.todo-page .notification-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.todo-page .notification-message{font-size:.9375rem;line-height:1.4;margin:0;font-weight:500;word-break:break-word}.todo-page .notification-close{background:none;border:none;cursor:pointer;padding:.25rem;color:currentColor;opacity:.7;transition:opacity .2s,transform .2s;border-radius:50%;flex-shrink:0}.todo-page .notification-close:hover{opacity:1;transform:scale(1.1);background-color:#0000000d}.todo-page .close-icon{width:1.25rem;height:1.25rem}@media(min-width:640px){.todo-page .notification-container{left:auto;width:90%;max-width:420px}.todo-page .notification{max-width:100%}}@media(min-width:1024px){.todo-page .notification-container{width:85%;max-width:480px}}@media(max-width:480px){.todo-page .notification{padding:.875rem 1rem}.todo-page .notification-message{font-size:.875rem}.todo-page .notification-icon{width:1.125rem;height:1.125rem}}@keyframes pulse-button{0%{transform:scale(1);box-shadow:0 0 #3d407f85}70%{transform:scale(1.05);box-shadow:0 0 0 10px #3d407f00}to{transform:scale(1);box-shadow:0 0 #3d407f00}}.todo-page .mobile-toggle-drawer svg{width:32px;height:32px}.todo-page .add-todo-container .no-fill-icon-button{display:none}@media(max-width:900px){.todo-page .main{padding:0 16px}.todo-page .tooltip.more-options{right:55px}.todo-page .tooltip.mark-complete{right:0;left:-75px;width:fit-content}.todo-page .tooltip.mark-uncompleted{right:0;left:-85px;width:fit-content}.todo-page .add-todo-container{width:calc(100% - 32px);margin:0 16px}}@media(max-width:400px){.todo-page .add-todo-container{transition:.4s ease-in-out;bottom:-220px}.todo-page .add-todo-container.show{display:flex;margin:0;padding:16px 16px 32px;background:#fff6;bottom:0;border-radius:16px 16px 0 0;box-shadow:none;flex-direction:column;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.todo-page .add-todo-container.show .no-fill-icon-button{display:flex;width:fit-content;height:32px;margin-left:auto;margin-bottom:24px;color:#666}.todo-page .add-todo-container.show input{width:calc(100% - 36px);border-radius:8px 8px 0 0;padding:16px;background:#fff9;border:2px solid transparent}.todo-page .add-todo-container.show input:focus{border:2px solid #1E212F}.todo-page .add-todo-container.show button.add-button{width:100%;border-radius:0 0 8px 8px;padding:16px}.todo-page .add-todo-container.show+.mobile-toggle-drawer{bottom:-80px}.todo-page .mobile-toggle-drawer{bottom:32px}.todo-page .add-todo-container.show textarea.add-input{width:calc(100% - 36px);border-radius:8px 8px 0 0;padding:16px;background:#fff9;border:2px solid transparent}}.todo-page ::selection{background:#616895;color:#fff}.todo-page ::-webkit-scrollbar{width:8px;height:8px}.todo-page ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:8px}.todo-page ::-webkit-scrollbar-thumb{background:#1e212f4d;border-radius:8px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease-in-out}.todo-page ::-webkit-scrollbar-thumb:hover{background:#1e212f80;border:2px solid transparent;background-clip:padding-box}.todo-page ::-webkit-scrollbar-corner{background:transparent}.todo-page .todo-page{scrollbar-width:thin;scrollbar-color:rgba(30,33,47,.3) rgba(256,256,256,.1)}.todo-page .toggle-sidebar{position:fixed;top:20px;left:20px;z-index:1001;background:#1e212f;border-radius:25%;padding:10px;cursor:pointer;transition:.3s ease-in-out}.todo-page .toggle-sidebar.open{left:320px}.todo-page .toggle-sidebar.close{left:20px}.todo-page .toggle-sidebar:hover{background:#2f3245}.todo-page .toggle-sidebar svg{width:24px;height:24px;stroke:#fff}@media(max-width:1000px){.todo-page .toggle-sidebar.open{left:20px}}.todo-page .sort-controls{display:flex;gap:8px;margin-bottom:16px}.todo-page .sort-controls button{background:#fff6;color:#1e212f;padding:8px 16px;border-radius:8px;font-size:14px}.todo-page .sort-controls button:hover{background:#fff9}.todo-page .sort-controls button.active{background:#1e212f;color:#fff}.todo-page .todo-item.dragging{opacity:.5;background:#fff9}.todo-page .sort-dropdown{position:relative;margin-bottom:0}.todo-page .sort-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff6;border-radius:8px;border:none;cursor:pointer;transition:.3s;color:#1e212f}.todo-page .sort-trigger:hover{background:#fff9}.todo-page .sort-icon{width:16px;height:16px}.todo-page .sort-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:180px;padding:4px}.todo-page .sort-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;transition:.3s;color:#1e212f;border-radius:4px;margin:2px 0}.todo-page .sort-item:hover{background:#1e212f1a}.todo-page .sort-item.active{background:#1e212f1a;color:#1e212f;font-weight:500}.todo-page .check-icon{width:16px;height:16px;stroke:currentColor}.todo-page .tasks-header{display:flex;align-items:baseline;width:100%}.todo-page .notification-progress-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:97%;height:3px;background:#0000001a;border-bottom-left-radius:8px;overflow:hidden}.todo-page .notification-progress-bar{height:100%;background:currentColor;transition:width 16ms linear}.todo-page .notification{position:relative}.todo-page .notification-manual-close{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:98%;padding:1px 0;text-align:center;font-size:.75rem;color:#00000080;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#0000000d}.todo-page .notification-error .notification-manual-close{color:#991b1b80;background:#991b1b0d}.todo-page .notification-info .notification-manual-close{color:#07598580;background:#0759850d}.todo-info-modal-page .modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.todo-info-modal-page .modal-content{background:#fffffff2;border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 24px #0000001a}.todo-info-modal-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.todo-info-modal-page .modal-header h2{margin:0;font-size:1.5rem}.todo-info-modal-page .close-button{background:none;border:none;cursor:pointer;padding:8px}.todo-info-modal-page .close-button svg{width:24px;height:24px}.todo-info-modal-page .info-section{margin-bottom:24px}.todo-info-modal-page .info-section h3{font-size:1.1rem;margin-bottom:12px;color:#1e212f}.todo-info-modal-page .info-row{display:flex;margin-bottom:12px;padding:8px;background:#ffffff80;border-radius:8px}.todo-info-modal-page .label{width:100px;color:#666}.todo-info-modal-page .status,.priority{padding:4px 8px;border-radius:4px;font-size:.9rem}.todo-info-modal-page .status.completed{background:#4caf50;color:#fff}.todo-info-modal-page .status.pending{background:#ffc107;color:#1e212f}.todo-info-modal-page .priority.important{background:#ff5722;color:#fff}.todo-info-modal-page .priority.normal{background:#e0e0e0;color:#1e212f}.todo-info-modal-page .description{margin:0;white-space:pre-wrap}@media(max-width:600px){.todo-info-modal-page .modal-content{width:95%;padding:16px}.todo-info-modal-page .info-row{flex-direction:column}.todo-info-modal-page .label{margin-bottom:4px}}.todo-info-modal-page .todo-info-modal-page{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-webkit-user-select:none;user-select:none}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;border-radius:8px;width:300px}.sidebar-page .sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:999}.sidebar-page .sidebar-backdrop.show{opacity:1;visibility:visible}.sidebar-page .sidebar{position:fixed;top:0;left:-300px;width:35%;max-width:300px;height:100%;background-color:#ffe1e1;box-shadow:2px 0 5px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;pointer-events:none}.sidebar-page .sidebar.open{left:0;pointer-events:auto}.sidebar-page .close-sidebar{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.sidebar-page .close-sidebar svg{width:24px;height:24px}.sidebar-page .sidebar nav{padding:32px 24px;display:flex;flex-direction:column;height:100%;gap:32px;justify-content:space-between}.sidebar-page .nav-section{display:flex;flex-direction:column;gap:16px}.sidebar-page .nav-title{font-size:14px;color:#666;margin:0;padding:0 12px}.sidebar-page .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sidebar-page .nav-link{display:flex;align-items:center;padding:16px;color:#333;text-decoration:none;border-radius:8px;transition:background-color .2s}.sidebar-page .nav-link:hover{background-color:#0000000d}.sidebar-page .nav-link svg{width:24px;height:24px;margin-right:12px}.sidebar-page .nav-link span{font-size:18px}@media(min-width:1250px){.sidebar-page .sidebar{left:-210px;max-width:300px;border-top-right-radius:10px;border-bottom-right-radius:10px}.sidebar-page .sidebar.open{border-radius:0}}@media(max-width:768px){.sidebar-page .sidebar{width:70%;max-width:none;border-radius:0;left:-100%;background-color:#ffe1e1f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-page .sidebar.open{left:0}.sidebar-page .sidebar nav{padding:100px 16px 32px}.sidebar-page .nav-link{padding:16px}.sidebar-page .nav-link svg{width:24px;height:24px}.sidebar-page .nav-link span{font-size:18px}.sidebar-page .nav-title{font-size:16px}}@media(min-width:769px)and (max-width:1024px){.sidebar-page .sidebar{width:50%}.sidebar-page .sidebar nav{padding:90px 24px 34px}}.auth-page-body{margin:0;font-family:Pretendard Medium,Satoshi Medium,Arial,"sans-serif";background:linear-gradient(135deg,pink,#e6e6fa)}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}.auth-page__container{width:100%;max-width:550px}.auth-page__card{padding:35px 45px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.auth-page__header{text-align:center;padding:20px}.auth-page__title{margin:0;font-size:24px;color:#333}.auth-page__description{margin:10px 0 0;font-size:14px;color:#666}.auth-page__tabs{display:flex;border-bottom:1px solid #e0e0e0}.auth-page__tab{flex:1;padding:15px;background:none;border:none;font-size:16px;color:#666;cursor:pointer;transition:all .3s ease}.auth-page__tab--active{color:#3498db;border-bottom:2px solid #3498db}.auth-page__content{padding:20px}.auth-page__form{display:flex;flex-direction:column;gap:15px}.auth-page__form-group{display:flex;flex-direction:column}.auth-page__form-label{margin-bottom:5px;font-size:14px;color:#333}.auth-page__form-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.auth-page__form-input:focus{outline:none;border-color:#3498db}.auth-page__button{padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.auth-page__button:hover{background-color:#2980b9}.auth-page__footer{margin-top:15px;text-align:center}.auth-page__link{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer;font-size:14px}.auth-page__link:hover{color:#2980b9}.auth-page__form-remember{display:flex;align-items:flex-start;margin-bottom:1rem;flex-direction:row}.auth-page__form-checkbox{margin-right:.5rem;width:16px;height:16px;cursor:pointer}@media(min-width:768px){.auth-page .notification-container{left:auto;width:24rem}}.auth-page .notification-container{position:fixed;top:5%;right:5%;left:5%;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.auth-page .notification{margin-bottom:1rem;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 12px #00000026;width:100%;max-width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border:1px solid rgba(255,255,255,.1)}.auth-page .notification-error{background-color:#fee2e2e6;color:#991b1b;border-left:4px solid #DC2626}.auth-page .notification-info{background-color:#e0f2fee6;color:#075985;border-left:4px solid #0284C7}.auth-page .notification-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.auth-page .notification-icon-message{display:flex;align-items:center;gap:.75rem;flex:1}.auth-page .notification-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-page .notification-message{font-size:.9375rem;line-height:1.4;margin:0;font-weight:500;word-break:break-word}.auth-page .notification-close{background:none;border:none;cursor:pointer;padding:.25rem;color:currentColor;opacity:.7;transition:opacity .2s,transform .2s;border-radius:50%;flex-shrink:0}.auth-page .notification-close:hover{opacity:1;transform:scale(1.1);background-color:#0000000d}.auth-page .close-icon{width:1.25rem;height:1.25rem}@media(min-width:640px){.auth-page .notification-container{left:auto;width:90%;max-width:420px}.auth-page .notification{max-width:100%}}@media(min-width:1024px){.auth-page .notification-container{width:85%;max-width:480px}}@media(max-width:480px){.auth-page .notification{padding:.875rem 1rem}.auth-page .notification-message{font-size:.875rem}.auth-page .notification-icon{width:1.125rem;height:1.125rem}}.auth-page .notification-progress-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:97%;height:3px;background:#0000001a;border-bottom-left-radius:8px;overflow:hidden}.auth-page .notification-progress-bar{height:100%;background:currentColor;transition:width 16ms linear}.auth-page .notification{position:relative}.auth-page .notification-manual-close{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:98%;padding:1px 0;text-align:center;font-size:.75rem;color:#00000080;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#0000000d}.auth-page .notification-error .notification-manual-close{color:#991b1b80;background:#991b1b0d}.auth-page .notification-info .notification-manual-close{color:#07598580;background:#0759850d}.auth-page__password-container{position:relative;display:flex;align-items:center}.auth-page__password-container .auth-page__form-input{padding-right:70px;width:100%}.auth-page__password-toggle{position:absolute;right:10px;background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;padding:5px}.auth-page__password-toggle:hover{color:#2980b9}.verify-page .container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.verify-page .card{width:350px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px}.verify-page .card-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.verify-page .card-description{color:#6b7280;margin-bottom:16px}.verify-page .icon-container{display:flex;justify-content:center;margin-bottom:24px}.verify-page .icon{font-size:4rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.verify-page .icon.success{color:#10b981;background-color:#d1fae5}.verify-page .icon.failure{color:#ef4444;background-color:#fee2e2}.verify-page .card-footer{display:flex;justify-content:center}.verify-page .button{background-color:#3b82f6;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.verify-page .button:hover{background-color:#2563eb}.verify-page .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.loading-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#fff}.loading-page .loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.notFound-page .not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f8f9fa;color:#343a40}.notFound-page .not-found h1{font-size:9.3rem;margin:0;font-weight:700}.notFound-page .not-found h2{font-size:2.4rem;margin:0}.notFound-page .not-found p{font-size:.8rem;margin:7px 0 0}.notFound-page .home-link{padding:.75rem 1.5rem;font-size:1rem;color:#fff;background-color:#3b3737;border:none;border-radius:.25rem;text-decoration:none;transition:background-color .3s}.notFound-page .home-link:hover{background-color:#838383}.reset-password-page .container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.reset-password-page .card{width:350px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px}.reset-password-page .card-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.reset-password-page .card-description{color:#6b7280;margin-bottom:16px;text-align:center}.reset-password-page .form-group{margin-bottom:16px}.reset-password-page .form-group input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;box-sizing:border-box}.reset-password-page .form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.reset-password-page .error-message{background-color:#fee2e2;color:#ef4444;padding:8px 12px;border-radius:4px;margin-bottom:16px;text-align:center}.reset-password-page .icon-container{display:flex;justify-content:center;margin:24px 0}.reset-password-page .icon{font-size:4rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.reset-password-page .icon.success{color:#10b981;background-color:#d1fae5}.reset-password-page .card-footer{display:flex;justify-content:center}.reset-password-page .button{background-color:#3b82f6;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s;border:none;cursor:pointer;font-size:1rem}.reset-password-page .button:hover{background-color:#2563eb}.reset-password-page .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}