@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar .background-selector{position:relative}.navbar .background-selector .dropdown-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.navbar .background-selector .dropdown-button svg{height:18px;opacity:.9;width:18px}.navbar .background-selector .dropdown-button:hover{background:#fff3;transform:translateY(-2px)}.navbar .background-selector .dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:400px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:280px}.navbar .background-selector .dropdown::-webkit-scrollbar{width:6px}.navbar .background-selector .dropdown::-webkit-scrollbar-track{background:#0000}.navbar .background-selector .dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.navbar .background-selector .dropdown .dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:.25rem 0;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.navbar .background-selector .dropdown .dropdown-item:before{background:inherit;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0;z-index:-1}.navbar .background-selector .dropdown .dropdown-item:hover{transform:translateY(-1px)}.navbar .background-selector .dropdown .dropdown-item:hover:before{opacity:.9}.navbar .background-selector .dropdown .dropdown-item .dropdown-item-name{color:#fff;font-size:.9rem;font-weight:500;margin-left:.5rem;text-shadow:0 1px 2px #0000004d}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar .menu{gap:.5rem}.navbar .menu .background-selector .dropdown{right:-60px;width:240px}}@media(max-width:480px){.navbar .menu .background-selector .dropdown-button{padding:.5rem}.navbar .menu .background-selector .dropdown-button span{display:none}.navbar .menu .background-selector .dropdown{right:-80px;width:200px}}.premium-toast{animation:slideInFade .2s ease-out;background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #0000001a;color:#333;font-size:14px;margin-top:10px;padding:10px 15px;position:absolute;right:0;top:100%;transform-origin:top right;white-space:nowrap;z-index:1000}@media(max-width:768px){.navbar{flex-direction:column;padding:.6rem}.navbar .background-selector{width:100%}.navbar .background-selector .dropdown-button{font-size:.85rem;justify-content:center;padding:.4rem .8rem}.navbar .background-selector .dropdown-button svg{height:16px;width:16px}.navbar .background-selector .dropdown{margin-right:100px;margin-top:20px;max-height:350px;transform:translateX(50%);width:220px}.navbar .background-selector .dropdown .dropdown-item{padding:.6rem}.navbar .background-selector .dropdown .dropdown-item .dropdown-item-name{font-size:.85rem}.premium-toast{font-size:12px;padding:8px 12px;right:50%;transform:translateX(50%)}}@media(max-width:420px){.navbar .background-selector .dropdown-button{padding:.35rem .6rem}.navbar .background-selector .dropdown-button span{display:none;font-size:.8rem}.navbar .background-selector .dropdown-button svg{height:14px;width:14px}.navbar .background-selector .dropdown{max-height:300px;width:180px}.navbar .background-selector .dropdown .dropdown-item{padding:.5rem}.navbar .background-selector .dropdown .dropdown-item .dropdown-item-name{font-size:.8rem}}@media(max-width:320px){.navbar .background-selector .dropdown{left:50%;right:auto;transform:translateX(-50%);width:160px}.premium-toast{font-size:11px;padding:6px 10px;white-space:normal;width:90%}}@supports(-webkit-touch-callout:none){.navbar .dropdown{max-height:280px}}.profile-overlay{background-color:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#e6e6e6;border:1px solid #fff3;border-radius:16px;box-shadow:0 12px 48px #0006;color:#000;padding:1.5rem;position:absolute;right:10px;top:calc(100% + .5rem);transition:transform .3s ease,opacity .3s ease;width:300px}.profile-modal:hover{opacity:1;transform:translateY(-5px)}.profile-modal .loading{color:#000c;font-size:.9rem;padding:1rem;text-align:center}.profile-modal .close-button{background-color:#0000;border:none;color:#000;cursor:pointer;padding-top:5px;position:absolute;right:.5rem;top:.5rem}.profile-modal .close-button:hover{background-color:#fff3;opacity:1}.profile-content .profile-header{margin-bottom:1.5rem;text-align:center}.profile-content .profile-header .profile-image{border:3px solid #5fa9ff;border-radius:50%;box-shadow:0 4px 12px #5fa9ff80;height:90px;margin-bottom:1rem;object-fit:cover;transition:transform .3s;width:90px}.profile-content .profile-header .profile-image:hover{transform:scale(1.05)}.profile-content .profile-header .username{color:#000;font-size:1.3rem;font-weight:600;margin:0}.profile-content .profile-header .edit-profile-button{background-color:#5fa9ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.4rem .8rem;transition:background-color .2s ease}.profile-content .profile-header .edit-profile-button:hover{background-color:#3d8ee6}.profile-content .profile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.profile-content .profile-stats .stat-item{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;box-shadow:0 4px 16px #0003;display:flex;padding:1rem;transition:transform .3s,background-color .3s}.profile-content .profile-stats .stat-item:hover{background-color:#ffffff26;transform:translateY(-3px)}.profile-content .profile-stats .stat-item .stat-icon{height:32px;margin-right:1rem;width:32px}.profile-content .profile-stats .stat-item .stat-icon img{height:100%;object-fit:contain;width:100%}.profile-content .profile-stats .stat-item .stat-info{display:flex;flex-direction:column}.profile-content .profile-stats .stat-item .stat-info .stat-label{color:#000c;font-size:.85rem;margin-bottom:.25rem}.profile-content .profile-stats .stat-item .stat-info .stat-value{color:#000;font-size:1.1rem;font-weight:600}@media(max-width:768px){.profile-overlay{right:30px}.profile-modal{right:-40px;width:280px}}@media(max-width:480px){.profile-overlay{right:30px}.profile-modal{right:-20px;width:260px}}.set-profile{background:hsla(0,0%,100%,.329);border-radius:16px;box-shadow:0 12px 30px #00000014;font-family:Inter,Segoe UI,sans-serif;margin:2rem auto;max-width:900px;padding:2.5rem}.set-profile h2{color:#333;font-size:2.25rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.set-profile h3{color:#444;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.set-profile .action-selection{text-align:center}.set-profile .action-selection h3{margin-bottom:2rem}.set-profile .action-selection .action-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.set-profile .action-selection .action-buttons .action-btn{align-items:center;background:linear-gradient(145deg,#f0f0f0,#fff);border:none;border-radius:20px;box-shadow:0 8px 20px #0000000f;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;height:180px;justify-content:center;transition:all .3s ease;width:200px}.set-profile .action-selection .action-buttons .action-btn:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:60px;margin-bottom:1rem;width:60px}.set-profile .action-selection .action-buttons .action-btn:first-child:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A6FFF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm-4 7a7 7 0 0 0-7 7h14a7 7 0 0 0-7-7z'/%3E%3C/svg%3E")}.set-profile .action-selection .action-buttons .action-btn:nth-child(2):before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A6FFF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 16 4.586-4.586a2 2 0 0 1 2.828 0L16 16m-2-2 1.586-1.586a2 2 0 0 1 2.828 0L20 14m-6-6h.01M6 20h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E")}.set-profile .action-selection .action-buttons .action-btn:hover{box-shadow:0 12px 25px #0000001a;color:#4a6fff;transform:translateY(-5px)}.set-profile .action-selection .action-buttons .action-btn.selected{background:linear-gradient(145deg,#e3f0ff,#c9e3ff);color:#4a6fff;transform:translateY(-5px)}.set-profile .back-button-container{margin-bottom:2rem}.set-profile .back-button-container .back-btn{align-items:center;background:none;border:none;color:#4a6fff;cursor:pointer;display:inline-flex;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease}.set-profile .back-button-container .back-btn:hover{color:#3250cc;transform:translateX(-3px)}.set-profile .username-section{margin-bottom:3rem}.set-profile .username-section .input-wrapper{margin-bottom:.5rem;position:relative}.set-profile .username-section .input-wrapper input{background:#f9fafc;border:2px solid #e1e5f0;border-radius:12px;font-size:1rem;outline:none;padding:14px 16px;transition:all .3s ease;width:calc(100% - 32px)}.set-profile .username-section .input-wrapper input:focus{background:#fff;border-color:#4a6fff;box-shadow:0 0 0 4px #4a6fff1a}.set-profile .username-section .input-wrapper .loader{animation:spin .8s linear infinite;border:2px solid #4a6fff33;border-radius:50%;border-top-color:#4a6fff;height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}.set-profile .username-section .error-msg,.set-profile .username-section .success-msg{align-items:center;display:flex;font-size:.9rem;margin-top:.75rem}.set-profile .username-section .error-msg:before,.set-profile .username-section .success-msg:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:16px;margin-right:8px;width:16px}.set-profile .username-section .error-msg{color:#e74c3c}.set-profile .username-section .error-msg:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e74c3c'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E")}.set-profile .username-section .success-msg{color:#2ecc71}.set-profile .username-section .success-msg:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232ecc71'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 13 4 4L19 7'/%3E%3C/svg%3E")}.set-profile .avatar-section{margin-bottom:3rem}.set-profile .avatar-section .category-container{margin-bottom:2rem}.set-profile .avatar-section .category-container h4{color:#555;font-size:1.2rem;margin:0 0 1rem;padding-left:1.5rem;position:relative}.set-profile .avatar-section .category-container h4:before{background:#4a6fff;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.set-profile .avatar-section .avatar-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.set-profile .avatar-section .avatar-card{align-items:center;background-color:#f9fafc;border:2px solid #0000;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .3s ease}.set-profile .avatar-section .avatar-card img{border-radius:50%;box-shadow:0 4px 8px #0000001a;height:80px;margin-bottom:.75rem;object-fit:cover;transition:transform .3s;width:80px}.set-profile .avatar-section .avatar-card p{color:#555;font-size:.85rem;font-weight:500;margin:0;text-align:center;transition:color .3s ease}.set-profile .avatar-section .avatar-card:hover{background-color:#f0f5ff;transform:translateY(-3px)}.set-profile .avatar-section .avatar-card:hover img{transform:scale(1.08)}.set-profile .avatar-section .avatar-card.selected{background-color:#edf2ff;border-color:#4a6fff}.set-profile .avatar-section .avatar-card.selected p{color:#4a6fff;font-weight:600}.set-profile .avatar-section .avatar-card.selected img,.set-profile .update-btn{box-shadow:0 6px 12px #4a6fff33}.set-profile .update-btn{background:linear-gradient(135deg,#4a6fff,#3250cc);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:2rem auto 0;padding:14px 32px;transition:all .3s ease}.set-profile .update-btn:hover{background:linear-gradient(135deg,#3250cc,#2745b3);box-shadow:0 8px 15px #4a6fff4d;transform:translateY(-2px)}.set-profile .update-btn:active{transform:translateY(1px)}.set-profile .update-btn:disabled{background:linear-gradient(135deg,#c4c4c4,#a9a9a9);box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:768px){.set-profile{margin:1rem;padding:2rem 1.5rem}.set-profile h2{font-size:1.75rem;margin-bottom:2rem}.set-profile .action-selection .action-buttons{gap:1.5rem}.set-profile .action-selection .action-buttons .action-btn{height:150px;width:150px}}@media(max-width:480px){.set-profile{padding:1.5rem 1rem}.set-profile h2{font-size:1.5rem;margin-bottom:1.5rem}.set-profile .action-selection .action-buttons{align-items:center;flex-direction:column}.set-profile .action-selection .action-buttons .action-btn{max-width:220px;width:100%}.set-profile .avatar-section .avatar-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.set-profile .avatar-card img{height:65px;width:65px}.set-profile .update-btn{font-size:1rem;width:100%}}.timerContainer{align-items:center;background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px;left:50%;margin:auto;max-width:500px;padding:40px;position:absolute;top:40%;transform:translate(-50%,-50%)}.clockkkk{color:#fff;cursor:pointer;font-size:100px;font-weight:700;text-shadow:0 4px 6px #0000004d}.clockkkk:hover{text-shadow:0 6px 10px #ffffff80}.progressBar{background:#fff3;border-radius:15px;height:20px;overflow:hidden;width:100%}.progress{background:linear-gradient(90deg,#5fa9ff,#ff9d9d);height:100%;transition:width .5s ease}.controls{display:flex;gap:15px;justify-content:center}.controlButton{background:#ffffff4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 30px;transition:background .3s ease,transform .2s ease}.controlButton.start{background:linear-gradient(90deg,#6ed6a0,#56b686)}.controlButton.pause{background:linear-gradient(90deg,#ff7373,#ff5656)}.controlButton:hover{background:#ffffff80;transform:scale(1.05)}.timeSetterModal{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw}.modalContent{background:#fff;border-radius:15px;padding:30px;text-align:center;width:350px}.modalContent .setTimerHeading{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.sliderContainer{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.arc-slider{cursor:pointer;margin:0}.arc-slider .slider-handle{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.timeDisplay{color:#333;font-size:26px;font-weight:700;line-height:1;margin:0}.closeButton,.submitButton{background:linear-gradient(90deg,#5fa9ff,#ff9d9d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 25px;transition:background .3s ease}.closeButton:hover,.submitButton:hover{background:linear-gradient(90deg,#4a8bc9,#e07777)}.closeButton{background:#ccc;margin-left:10px}.closeButton:hover{background:#aaa}.timeSetterModalOL{align-items:center;background:hsla(0,0%,64%,.275);display:flex;height:90vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:5000}.modalContentOL{background:#fff;border-radius:15px;padding:30px;text-align:center;width:350px}.modalContentOL .setTimerHeadingOL{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.sliderContainerOL{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.arc-sliderOL{cursor:pointer;margin:0}.arc-sliderOL .slider-handleOL{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.timeDisplayOL{color:#333;font-size:26px;font-weight:700;line-height:1;margin:0}.closeButtonOL,.submitButtonOL{background:linear-gradient(90deg,#5fa9ff,#ff9d9d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 25px;transition:background .3s ease}.closeButtonOL:hover,.submitButtonOL:hover{background:linear-gradient(90deg,#4a8bc9,#e07777)}.closeButtonOL{background:#ccc;margin-left:10px}.closeButtonOL:hover{background:#aaa}.timerAll{display:flex;flex-direction:row;height:100%;width:100%}.timerAll .timerContainerOL{align-items:center;background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:25px;left:50%;margin:auto;max-width:500px;padding:50px;position:absolute;top:45%;transform:translate(-50%,-50%)}.timerAll .timerContainerOL .toast{animation:fadeIn .3s ease-in-out;background-color:#f44;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.timerAll .timerContainerOL .controlButtonOL.disabled{cursor:not-allowed;opacity:.7}.timerAll .timerContainerOL .taskNameOL{color:#333;font-size:24px;font-weight:700;margin-bottom:0;text-align:center}.timerAll .timerContainerOL .clockkkkOL{color:#fff;cursor:pointer;font-size:100px;font-weight:700;text-shadow:0 4px 6px #0000004d}.timerAll .timerContainerOL .clockkkkOL:hover{text-shadow:0 6px 10px #ffffff80}.timerAll .timerContainerOL .progressBarOL{background:#fff3;border-radius:15px;height:20px;overflow:hidden;width:100%}.timerAll .timerContainerOL .progressOL{background:linear-gradient(90deg,#5fa9ff,#ff9d9d);height:100%;transition:width .5s ease}.timerAll .timerContainerOL .controlsOL{display:flex;gap:15px;justify-content:center}.timerAll .timerContainerOL .controlButtonOL{background:#ffffff4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 30px;transition:background .3s ease,transform .2s ease}.timerAll .timerContainerOL .controlButtonOL.start{background:linear-gradient(90deg,#6ed6a0,#56b686)}.timerAll .timerContainerOL .controlButtonOL.pause{background:linear-gradient(90deg,#ff7373,#ff5656)}.timerAll .timerContainerOL .controlButtonOL:hover{background:#ffffff80;transform:scale(1.05)}.timerAll .timerContainerOL .timeSetterModalOL{align-items:center;background:hsla(0,0%,64%,.275);display:flex;height:100vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:50000000}.timerAll .timerContainerOL .modalContentOL{background:#fff;border-radius:15px;padding:30px;text-align:center;width:350px}.timerAll .timerContainerOL .modalContentOL .setTimerHeadingOL{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.timerAll .timerContainerOL .sliderContainerOL{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.timerAll .timerContainerOL .arc-sliderOL{cursor:pointer;margin:0}.timerAll .timerContainerOL .arc-sliderOL .slider-handleOL{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.timerAll .timerContainerOL .timeDisplayOL{color:#333;font-size:26px;font-weight:700;line-height:1;margin:0}.timerAll .timerContainerOL .closeButtonOL,.timerAll .timerContainerOL .submitButtonOL{background:linear-gradient(90deg,#5fa9ff,#ff9d9d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 25px;transition:background .3s ease}.timerAll .timerContainerOL .closeButtonOL:hover,.timerAll .timerContainerOL .submitButtonOL:hover{background:linear-gradient(90deg,#4a8bc9,#e07777)}.timerAll .timerContainerOL .closeButtonOL{background:#ccc;margin-left:10px}.timerAll .timerContainerOL .closeButtonOL:hover{background:#aaa}.timerAll .progressLive{align-items:start;background:#00000063;border-radius:10px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;gap:10px;max-height:500px;padding:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:300px}.timerAll .middleSection{background:#0000;border-radius:5px;text-align:start;width:100%}.timerAll .toggleWrapper{align-items:center;display:flex;gap:10px}.timerAll .toggleLabel{color:#fff;font-size:16px;font-weight:700}.timerAll .toggleSwitch{background:#ccc;border-radius:15px;cursor:pointer;height:30px;position:relative;transition:background-color .3s ease;width:60px}.timerAll .toggleSwitch.on{background:#4caf50}.timerAll .toggleSwitch.off{background:#f44336}.timerAll .taskPoolbtn{align-items:center;background:linear-gradient(135deg,#063a66,#40efff);border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;margin:0 auto;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;width:-webkit-fit-content;width:fit-content}.timerAll .taskPoolbtn:before{background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.timerAll .taskPoolbtn:hover:before{left:100%}.timerAll .taskPoolbtn:active{box-shadow:0 2px 4px #0000001a;transform:scale(.95)}.timerAll .toggleHandle{background:#fff;border-radius:50%;height:26px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:26px}.timerAll .toggleSwitch.on .toggleHandle{transform:translateX(30px)}@media(max-width:768px){.timerAll{margin-bottom:250px}.timerAll .timerContainerOL{bottom:0;left:0;margin:15% auto;max-width:none;padding:25px;position:relative;transform:none;width:90%}.timerAll .timerContainerOL .clockkkkOL{font-size:60px}.timerAll .timerContainerOL .controlsOL{flex-direction:row;gap:10px;width:100%}.timerAll .timerContainerOL .controlsOL .controlButtonOL{flex:1 1;font-size:16px;padding:12px 15px}.timerAll .timerContainerOL .taskNameOL{font-size:20px}.timerAll .timerContainerOL .progressBarOL{height:15px}.timerAll .timeSetterModalOL .modalContentOL{padding:20px;width:90%}.timerAll .timeSetterModalOL .modalContentOL .arc-sliderOL{touch-action:none}.timerAll .timeSetterModalOL .modalContentOL .arc-sliderOL svg{height:auto;width:100%}.timerAll .timeSetterModalOL .modalContentOL .closeButtonOL,.timerAll .timeSetterModalOL .modalContentOL .submitButtonOL{font-size:16px;margin:5px;padding:10px 20px}}@media(min-width:769px)and (max-width:1024px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:5% auto;padding:35px;position:relative;top:0;transform:none;width:80%}.timerAll .timerContainerOL .clockkkkOL{font-size:80px}.timerAll .timerContainerOL .controlsOL{gap:12px}.timerAll .timerContainerOL .controlsOL .controlButtonOL{padding:12px 25px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:80%}.timerAll .timeSetterModalOL .modalContentOL{max-width:400px;width:80%}.timerAll .timeSetterModalOL .modalContentOL .arc-sliderOL{touch-action:none}}@media(min-width:1025px)and (max-width:1366px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:3% auto;padding:40px;position:relative;top:0;transform:none}.timerAll .timerContainerOL .clockkkkOL{font-size:90px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:60%}}@media(min-width:1281px)and (max-width:1366px){.timerAll{align-items:center;flex-direction:row;gap:40px;justify-content:center}.timerAll .timerContainerOL{flex:0 0 60%;left:0;margin:0;position:relative;top:0;transform:none}.timerAll .progressLive{flex:0 0 30%;margin:0;position:relative;right:0;top:0;transform:none}}@media(min-width:1023px)and (max-width:1029px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:5% auto;padding:45px;position:relative;top:0;transform:none}.timerAll .timerContainerOL .clockkkkOL{font-size:90px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:70%}}@media(min-width:768px)and (max-width:775px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:5% auto;padding:35px;position:relative;top:0;transform:none;width:80%}.timerAll .timerContainerOL .clockkkkOL{font-size:75px}.timerAll .timerContainerOL .controlsOL .controlButtonOL{padding:12px 20px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:80%}}@media(min-width:820px)and (max-width:1180px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:5% auto;padding:40px;position:relative;top:0;transform:none}.timerAll .timerContainerOL .clockkkkOL{font-size:85px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:75%}}@media(min-width:344px)and (max-width:767px){.timerAll{flex-direction:column}.timerAll .timerContainerOL{left:0;margin:5% auto;padding:30px;position:relative;top:0;transform:none;width:85%}.timerAll .timerContainerOL .clockkkkOL{font-size:70px}.timerAll .timerContainerOL .controlsOL{gap:12px}.timerAll .progressLive{margin:20px auto;position:relative;right:auto;top:auto;transform:none;width:85%}.timerAll .timeSetterModalOL .modalContentOL{width:80%}.timerAll .timeSetterModalOL .modalContentOL .arc-sliderOL{touch-action:none}}.progress-live-container{color:#ecf0f1;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-height:320px;max-width:420px;overflow:hidden;overflow-y:auto}.progress-live-container .progress-header{align-items:center;background:#34495e;border-bottom:1px solid #2b3c4e;display:flex;justify-content:space-between;padding:1rem}.progress-live-container .progress-header h3{font-size:1.1rem;font-weight:600;margin:0}.progress-live-container .progress-header .update-info{color:#bdc3c7;font-size:.75rem}.progress-live-container .progress-messages{flex:1 1;overflow-y:auto;padding:.5rem}.progress-live-container .progress-messages::-webkit-scrollbar{width:6px}.progress-live-container .progress-messages::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.progress-live-container .progress-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.progress-live-container .progress-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.progress-live-container .progress-message-item{animation:fadeIn .3s ease-out forwards;border-radius:8px;display:flex;margin-bottom:.75rem;opacity:0;padding:5px;transition:all .3s ease}.progress-live-container .progress-message-item:hover{background:#3a526a}.progress-live-container .progress-message-item .profile-pic-container{border:2px solid #3498db;border-radius:50%;flex-shrink:0;height:40px;margin-right:.75rem;overflow:hidden;width:40px}.progress-live-container .progress-message-item .profile-pic-container .profile-pic{height:100%;object-fit:cover;width:100%}.progress-live-container .progress-message-item .message-content{display:flex;flex:1 1;flex-direction:column}.progress-live-container .progress-message-item .message-content .message-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.progress-live-container .progress-message-item .message-content .message-header .username{font-size:.9rem;font-weight:600}.progress-live-container .progress-message-item .message-content .message-header .timestamp{color:#bdc3c7;font-size:.7rem}.progress-live-container .progress-message-item .message-content .message-text{font-size:.85rem;line-height:1.3;margin-bottom:.25rem}.progress-live-container .progress-message-item .message-content .task-info{color:#bdc3c7;font-size:.75rem}.progress-live-container .progress-message-item .message-content .task-info .task-label{font-weight:600;margin-right:.25rem}.progress-live-container .progress-message-item .message-content .task-info .task-name{font-style:italic}.progress-live-container .no-messages{color:#bdc3c7;font-size:.9rem;padding:1.5rem;text-align:center}.progress-live-container .error-state,.progress-live-container .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.progress-live-container .error-state .spinner,.progress-live-container .loading-state .spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#ecf0f1;height:30px;margin-bottom:1rem;width:30px}.progress-live-container .error-state .error-icon,.progress-live-container .loading-state .error-icon{font-size:1.5rem;margin-bottom:.5rem}.settings-container{background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:Poppins,sans-serif;margin:0 auto;max-width:800px;padding:2rem}.settings-container .settings-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.settings-section{background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;margin-bottom:1.5rem;overflow:hidden}.settings-section .section-header{align-items:center;background:linear-gradient(135deg,#f3f3f3,#e8e8e8);border-bottom:1px solid #eee;display:flex;gap:.75rem;padding:1rem}.settings-section .section-header h2{color:#444;font-size:1.3rem;font-weight:600;margin:0}.settings-section .section-header .icon{background-repeat:no-repeat;background-size:contain;filter:grayscale(1);height:24px;transition:filter .3s ease;width:24px}.settings-section .section-header .icon:hover{filter:grayscale(0)}.settings-section .section-content{color:#555;font-size:1rem;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#666;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.btn.btn-outline{background:#0000;border:1px solid #ddd;color:#333}.btn.btn-outline:hover{background:#f0f0f0;color:#000}.btn.btn-full{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;color:#fff;display:flex;justify-content:space-between;width:100%}.btn.btn-full:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}.message{font-size:.95rem;margin-bottom:1rem}.message.message-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.message-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.button-group .btn-danger{border-color:#dc3545;color:#dc3545}.button-group .btn-danger:hover{background-color:#dc3545;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideIn .5s cubic-bezier(.25,1,.5,1);background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:16px;box-shadow:0 8px 20px #0003;max-width:500px;padding:1.5rem;transform-origin:center;width:90%}.modal .modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:1rem}.modal .modal-header h3{color:#444;font-size:1.5rem;font-weight:600}.modal .modal-header .close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.modal .modal-header .close-button:hover{color:#333}.modal .modal-content{color:#555;font-size:1rem;padding:1rem}.modal .modal-content p{margin-bottom:1rem}.modal .modal-content .email-copy-container{align-items:center;display:flex;gap:.75rem}.modal .modal-content .email-copy-container input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;padding:.8rem;transition:border-color .3s ease}.modal .modal-content .email-copy-container input:focus{border-color:#007bff;outline:none}.modal .modal-content .email-copy-container button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1rem;transition:background .3s ease}.modal .modal-content .email-copy-container button:hover{background:#0056b3}@keyframes slideIn{0%{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@media(max-width:768px){.settings-container{max-width:100%;padding:1rem}.settings-container .settings-title{font-size:1.5rem;margin-bottom:1.5rem}.settings-section{margin-bottom:1rem}.settings-section .section-header{padding:.75rem}.settings-section .section-header h2{font-size:1.1rem}.settings-section .section-content{padding:1rem}.form-group{margin-bottom:1rem}.form-group input{padding:.6rem}.button-group{flex-direction:column;gap:.75rem}.modal{padding:1rem;width:95%}.modal .modal-header h3{font-size:1.2rem}.modal .email-copy-container{flex-direction:column}.modal .email-copy-container button{width:100%}}@media(min-width:769px)and (max-width:1024px){.settings-container{max-width:90%;padding:1.5rem}.button-group{flex-direction:row}.modal{width:80%}.modal .email-copy-container{flex-direction:row}}@media(min-width:1025px)and (max-width:1366px){.settings-container{max-width:700px}}@media(min-width:1281px)and (max-width:1366px){.settings-container{max-width:800px}}@media(min-width:1023px)and (max-width:1029px){.settings-container{max-width:750px;padding:2rem}.settings-container .settings-title{font-size:1.8rem}}@media(min-width:768px)and (max-width:775px){.settings-container{max-width:600px}}@media(min-width:820px)and (max-width:1180px){.settings-container{max-width:650px}}@media(min-width:344px)and (max-width:767px){.settings-container{max-width:100%;padding:1.25rem}.settings-section .section-header{padding:.8rem}.button-group{flex-wrap:wrap}}.task-manager{background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:1rem auto 2rem;max-height:90vh;max-width:500px;padding:2rem}.task-manager h1{color:#2d3748;font-size:2rem;text-align:center}.task-manager .task-form,.task-manager h1{margin-bottom:2rem}.task-manager .task-form .input-group{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:600px){.task-manager .task-form .input-group{flex-direction:column}}.task-manager .task-form .task-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s ease}.task-manager .task-form .task-input:focus{border-color:#4299e1;outline:none}.task-manager .task-form .time-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:border-color .2s ease}.task-manager .task-form .time-input:focus{border-color:#4299e1;outline:none}.task-manager .task-form .add-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .2s ease}.task-manager .task-form .add-btn:hover{background:#3182ce}.task-manager .tasks-container{display:flex;flex-direction:column;gap:1rem;max-height:380px;overflow:scroll;overflow-x:hidden;padding-bottom:2rem;padding-right:8px;position:relative}.task-manager .tasks-container::-webkit-scrollbar{width:3px}.task-manager .tasks-container::-webkit-scrollbar-track{background:#f1f1f100;border-radius:4px}.task-manager .tasks-container::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.task-manager .tasks-container::-webkit-scrollbar-thumb:hover{background:#fff}.task-manager .no-tasks{color:#718096;font-style:italic;padding:2rem;text-align:center}.task-manager .task-item{align-items:center;background:#f7fafc;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:transform .2s ease}.task-manager .task-item:hover{transform:translateX(5px)}.task-manager .task-item.completed .task-text{color:#a0aec0;text-decoration:line-through}.task-manager .task-content{align-items:center;display:flex;flex:1 1;gap:1rem}.task-manager .task-content .task-text{color:#2d3748;cursor:pointer;font-size:1rem;transition:color .2s ease}.task-manager .task-content .task-text:hover{color:#4299e1}.task-manager .task-content .task-edit-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#2d3748;flex:1 1;font-size:1rem;padding:.5rem}.task-manager .task-content .task-edit-input:focus{border-color:#4299e1;outline:none}.task-manager .task-checkbox{cursor:pointer;height:20px;width:20px}.task-manager .task-details{display:flex;flex-direction:column;gap:.3rem}.task-manager .task-actions{align-items:center;display:flex;gap:.5rem}.task-manager .edit-btn{background:none;border:none;cursor:pointer;opacity:.6;padding:.5rem;transition:opacity .2s ease}.task-manager .edit-btn:hover{opacity:1}.task-manager .edit-btn .edit-icon{height:20px;width:20px}.task-manager .delete-btn{background:none;border:none;cursor:pointer;opacity:.6;padding:.5rem;transition:opacity .2s ease}.task-manager .delete-btn:hover{opacity:1}.task-manager .delete-btn .delete-icon{height:20px;width:20px}.task-manager .task-counter{align-self:flex-end;border-radius:4px;bottom:0;color:#2d3239;display:inline-block;font-size:.875rem;margin-left:auto;margin-top:10px;padding:.25rem .5rem;position:relative;right:0}.task-manager .new-list-btn{background:none;border:none;cursor:pointer;margin-left:2px}.task-manager .new-list-btn .add-new-icon{height:24px;width:24px}.task-manager .new-list-btn:hover{transform:scale(1.1)}.task-manager .mark-completed-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;font-size:16px;margin-top:10px;padding:10px 20px;transition:background-color .3s}.task-manager .mark-completed-btn:hover{background-color:#0056b3}.task-manager .editable-title{margin-bottom:20px;margin-top:20px}.task-manager .editable-title .title-text{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;transition:color .3s ease}.task-manager .editable-title .title-text:hover{color:#007bff}.task-manager .editable-title .title-edit-input{border:none;border-bottom:2px solid #ccc;font-size:1.25rem;font-weight:700;max-width:300px;padding:5px;transition:border-color .3s ease;width:100%}.task-manager .editable-title .title-edit-input:focus{border-color:#007bff;outline:none}.task-manager .completion-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-manager .completion-popup .popup-content{background-color:#fff;border-radius:8px;padding:20px;text-align:center}.task-manager .completion-popup .popup-content p{color:#000;margin-bottom:20px}.task-manager .completion-popup .popup-content .popup-buttons{display:flex;gap:10px;justify-content:center}.task-manager .completion-popup .popup-content .popup-buttons button{border:none;border-radius:4px;cursor:pointer;padding:8px 20px}.task-manager .completion-popup .popup-content .popup-buttons button:first-child{background-color:#4caf50;color:#fff}.task-manager .completion-popup .popup-content .popup-buttons button:last-child{background-color:#f44336;color:#fff}.task-manager .task-time{color:#666;font-size:.9em;margin-left:10px}.task-pool{margin:0 auto;max-width:100%;padding:20px}.task-pool-loading{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.task-pool-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.task-pool-error{padding:20px;text-align:center}.task-pool-error button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.task-pool-error button:hover{background-color:#2980b9}.task-pool-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.task-pool-header h2{font-size:24px;margin:0}.task-pool-header .room-info{align-items:center;display:flex;gap:15px}.task-pool-header .room-info .close-button{border-radius:4px;cursor:pointer;padding:5px 10px;transition:background-color .2s}.task-pool-header .room-info .close-button:hover{background-color:#0000000d}.task-pool-content{display:flex;flex-direction:column;gap:30px}.task-pool-content .timer-section{align-items:center;background:#0003;border-radius:15px;display:flex;justify-content:center;margin:0 auto;width:100%;z-index:999}.task-pool-content .users-section{width:100%}.task-pool-content .users-section h3{margin-bottom:20px;margin-top:0}.users-grid{display:flex;flex-wrap:wrap;gap:20px}.user-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:15px}.user-card .user-avatar{border-radius:50%;height:50px;margin-right:15px;width:50px}.user-card .user-info .user-name{font-weight:500;margin:0 0 5px}.user-card .user-info .user-status{color:#666;font-size:14px;margin:0 0 5px}.user-card .user-info .user-time{color:#999;font-size:12px;margin:0}.confirmation-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:400px;padding:25px;text-align:center;width:90%}.confirmation-popup p{margin:5px 0}.confirmation-popup p:first-child{font-size:18px;font-weight:600}.confirmation-popup p:nth-child(2){color:#666;margin-bottom:20px}.confirmation-popup .confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.confirmation-popup .confirmation-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 25px;transition:all .2s}.confirmation-popup .confirmation-buttons button.confirm-yes{background-color:#dc3545;color:#fff}.confirmation-popup .confirmation-buttons button.confirm-yes:hover{background-color:#c82333}.confirmation-popup .confirmation-buttons button.confirm-no{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529}.confirmation-popup .confirmation-buttons button.confirm-no:hover{background-color:#e2e6ea}@media(max-width:768px){.task-pool{margin-bottom:50px;padding:15px}.task-pool-loading{height:200px}.task-pool-loading .loading-spinner{border-width:3px;height:30px;width:30px}.task-pool-content{gap:0}.users-grid{gap:15px}.user-card{padding:12px;width:100%}.user-card .user-avatar{height:40px;margin-right:12px;width:40px}.user-card .user-info .user-name{font-size:15px}.user-card .user-info .user-status{font-size:13px}.user-card .user-info .user-time{font-size:11px}}@media(min-width:769px)and (max-width:1024px){.task-pool{padding:20px}.task-pool-header{flex-direction:row;margin-bottom:25px}.task-pool-header h2{font-size:22px}.users-grid{gap:15px}.user-card{width:calc(50% - 8px)}}@media(min-width:1025px)and (max-width:1366px){.task-pool-content{flex-direction:row;flex-wrap:wrap}.task-pool-content .timer-section{height:350%;margin:0;width:350px}.task-pool-content .users-section{flex:1 1;min-width:300px}.users-grid{gap:20px}.user-card{width:calc(50% - 10px)}}@media(min-width:1281px)and (max-width:1366px){.task-pool{padding:30px}.task-pool-header h2{font-size:26px}.task-pool-content{gap:40px}.users-grid{gap:25px}.user-card{width:calc(33.33% - 17px)}}@media(min-width:1023px)and (max-width:1029px){.task-pool{padding:25px}.task-pool-content{gap:30px}.task-pool-content .timer-section{width:380px}.user-card{width:calc(50% - 13px)}.user-card .user-avatar{height:55px;width:55px}}@media(min-width:768px)and (max-width:775px){.task-pool-content .timer-section{width:320px}.user-card{width:calc(50% - 10px)}}@media(min-width:820px)and (max-width:1180px){.task-pool-content .timer-section{width:340px}}@media(min-width:344px)and (max-width:767px){.task-pool{padding:15px}.task-pool-header{margin-bottom:15px}.task-pool-header h2{font-size:18px}.task-pool-header .room-info{font-size:12px}.task-pool-content{gap:15px}.users-grid{gap:10px}.user-card{padding:10px;width:100%}.user-card .user-avatar{height:35px;margin-right:10px;width:35px}}.timer-compact{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:320px;overflow:hidden;padding:20px;position:relative;width:100%}.timer-compact:before{background:radial-gradient(circle,#ffffff0d 0,#fff0 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.timer-compact .timer-display{color:#fff;cursor:pointer;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.timer-compact .timer-display:hover{color:#8acdff;transform:scale(1.05)}.timer-compact .timer-display:after{background:#fff3;border-radius:2px;bottom:-5px;content:"";height:2px;left:25%;position:absolute;width:50%}.timer-compact .progress-container{align-items:center;display:flex;gap:12px;margin:15px 0;position:relative;width:100%}.timer-compact .progress-container .progress-track{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 1px 3px #0003;flex-grow:1;height:8px;overflow:hidden}.timer-compact .progress-container .progress-track .progress-bar{background:linear-gradient(90deg,#00c6ff,#0072ff);box-shadow:0 0 8px #00c6ff99;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);width:0}.timer-compact .progress-container .progress-percentage{background:#0003;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;min-width:50px;padding:2px 8px;text-align:right}.timer-compact .controls-container{display:flex;gap:15px;justify-content:center;margin-top:15px}.timer-compact .controls-container .control-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:48px}.timer-compact .controls-container .control-btn svg{height:24px;width:24px}.timer-compact .controls-container .control-btn:after{border-radius:50%;bottom:0;box-shadow:0 0 0 0 #ffffff80;content:"";left:0;position:absolute;right:0;top:0;transition:box-shadow .3s ease}.timer-compact .controls-container .control-btn:hover:after{box-shadow:0 0 0 4px #fff3}.timer-compact .controls-container .control-btn.start{background:linear-gradient(145deg,#06b17b,#04a96e);box-shadow:0 4px 10px #06b17b66}.timer-compact .controls-container .control-btn.pause{background:linear-gradient(145deg,#f57c00,#ff9800);box-shadow:0 4px 10px #ff980066}.timer-compact .controls-container .control-btn.finish{background:linear-gradient(145deg,#2196f3,#03a9f4);box-shadow:0 4px 10px #2196f366}.timer-compact .controls-container .control-btn:hover{transform:translateY(-3px) scale(1.1)}.timer-compact .controls-container .control-btn:active{transform:translateY(0) scale(.95)}.timer-compact .controls-container .control-btn.disabled{cursor:not-allowed;opacity:.4}.timer-compact .controls-container .control-btn.disabled:hover{transform:none}.timer-compact .toast{animation:slideInFade .4s ease-in-out;background:#2196f3e6;border-radius:30px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;font-weight:500;left:50%;padding:10px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.timer-compact .modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.timer-compact .modal-overlay .modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:350px;padding:25px;text-align:center;transform:translateY(0);width:90%}.timer-compact .modal-overlay .modal-content h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 20px}.timer-compact .modal-overlay .modal-content .modal-buttons{display:flex;gap:15px;justify-content:center}.timer-compact .modal-overlay .modal-content .modal-buttons button{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 25px;transition:all .3s ease}.timer-compact .modal-overlay .modal-content .modal-buttons button:first-child{background:linear-gradient(145deg,#06b17b,#04a96e);box-shadow:0 4px 10px #06b17b4d;color:#fff}.timer-compact .modal-overlay .modal-content .modal-buttons button:last-child{background:#f1f1f1;color:#555}.timer-compact .modal-overlay .modal-content .modal-buttons button:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.timer-compact .modal-overlay .modal-content .modal-buttons button:active{transform:translateY(0)}@keyframes slideInFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.timer-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:20px;box-shadow:0 15px 35px #0003;display:flex;justify-content:center;margin:0 auto;max-width:380px;padding:30px;width:100%}@media(max-width:768px){.timer-compact{max-width:280px;padding:15px}.timer-compact .timer-display{font-size:2.5rem;letter-spacing:1px;margin-bottom:10px}.timer-compact .progress-container{gap:8px;margin:10px 0}.timer-compact .progress-container .progress-track{height:6px}.timer-compact .progress-container .progress-percentage{font-size:.9rem;min-width:40px;padding:2px 6px}.timer-compact .controls-container{gap:12px}.timer-compact .controls-container .control-btn{height:42px;width:42px}.timer-compact .controls-container .control-btn svg{height:20px;width:20px}.timer-section{max-width:300px;padding:20px}.modal-overlay .modal-content{max-width:280px;padding:20px}.modal-overlay .modal-content h3{font-size:1.2rem;margin-bottom:15px}.modal-overlay .modal-content .modal-buttons{gap:10px}.modal-overlay .modal-content .modal-buttons button{font-size:.9rem;padding:8px 20px}}@media(min-width:769px)and (max-width:1024px){.timer-compact{max-width:300px}.timer-compact .timer-display{font-size:2.8rem}.timer-compact .controls-container{gap:15px}.timer-section{max-width:340px}}@media(min-width:1025px)and (max-width:1366px){.timer-compact{max-width:320px}.timer-section{max-width:360px}}@media(min-width:1281px)and (max-width:1366px){.timer-compact{max-width:350px}.timer-compact .timer-display{font-size:3.2rem}.timer-compact .controls-container .control-btn{height:52px;width:52px}.timer-compact .controls-container .control-btn svg{height:26px;width:26px}.timer-section{max-width:400px;padding:35px}}@media(min-width:1023px)and (max-width:1029px){.timer-compact{max-width:340px}.timer-section{max-width:380px}}@media(min-width:768px)and (max-width:775px){.timer-compact{max-width:310px}.timer-section{max-width:350px}}@media(min-width:820px)and (max-width:1180px){.timer-compact{max-width:320px}.timer-section{max-width:360px}}@media(min-width:344px)and (max-width:767px){.timer-compact{max-width:260px;padding:15px}.timer-compact .timer-display{font-size:2.4rem}.timer-compact .controls-container{gap:10px}.timer-compact .controls-container .control-btn{height:40px;width:40px}.timer-section{max-width:280px;padding:20px}}.task-members{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));padding:1.5rem;width:100%}.task-member-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f8f9fa;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 6px 12px #0000001a;display:flex;padding:1rem;transition:all .3s ease-in-out}.task-member-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.task-member-card .task-member-avatar{border-radius:50%;height:55px;margin-right:1rem;object-fit:cover;width:55px}.task-member-card .task-member-details{flex:1 1}.task-member-card .task-member-details .task-member-name{color:#333;font-size:1.1rem;font-weight:700}.task-member-card .task-member-details .task-member-task{color:#666;font-size:1rem}.task-member-card .task-member-details .progress-container{align-items:center;display:flex;gap:.5rem}.task-member-card .task-member-details .progress-container .progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.task-member-card .task-member-details .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,#28a745,#45d66d);height:100%;transition:width .3s ease-in-out}.task-member-card .task-member-details .progress-container .progress-percentage{color:#555;font-size:.9rem;font-weight:700}@media(max-width:768px){.task-members{box-sizing:border-box;gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.5rem;width:100%}.task-member-card{flex-direction:column;justify-content:flex-start;min-width:0;padding:.6rem;text-align:center}.task-member-card:hover{transform:translateY(-2px)}.task-member-card .task-member-avatar{height:40px;margin:0 auto .4rem;width:40px}.task-member-card .task-member-details{display:flex;flex-direction:column;width:100%}.task-member-card .task-member-details .task-member-name{font-size:.8rem;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-member-card .task-member-details .task-member-task{font-size:.7rem;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-member-card .task-member-details .progress-container{display:flex;flex-direction:column;gap:.2rem}.task-member-card .task-member-details .progress-container .progress-bar{height:5px;width:100%}.task-member-card .task-member-details .progress-container .progress-percentage{align-self:flex-end;font-size:.7rem}}@media screen and (max-width:375px){.task-members{gap:.4rem;padding:.4rem}.task-member-card{padding:.5rem}.task-member-card .task-member-avatar{height:35px;width:35px}.task-member-card .task-member-details .task-member-name{font-size:.75rem}.task-member-card .task-member-details .task-member-task{font-size:.65rem}}@media(min-width:769px)and (max-width:1024px){.task-members{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1rem}.task-member-card{flex-direction:row;min-height:auto;text-align:left}.task-member-card .task-member-avatar{height:50px;margin-bottom:0;margin-right:.75rem;width:50px}.task-member-card .task-member-details .task-member-name{font-size:1rem}.task-member-card .task-member-details .task-member-task{font-size:.9rem}.task-member-card .task-member-details .progress-container{flex-wrap:nowrap}.task-member-card .task-member-details .progress-container .progress-bar{order:0}.task-member-card .task-member-details .progress-container .progress-percentage{font-size:.8rem;margin-top:0;order:0;width:auto}}@media(min-width:1025px)and (max-width:1366px){.task-members{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:1.25rem}.task-member-card .task-member-avatar{height:52px;width:52px}}@media(min-width:1281px)and (max-width:1366px){.task-members{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}.task-member-card{padding:1.25rem}.task-member-card .task-member-avatar{height:60px;width:60px}.task-member-card .task-member-details .task-member-name{font-size:1.2rem}.task-member-card .task-member-details .task-member-task{font-size:1.05rem}}@media(min-width:1023px)and (max-width:1029px){.task-members{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(min-width:768px)and (max-width:775px){.task-members{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.25rem}.task-member-card{padding:1rem}}@media(min-width:820px)and (max-width:1180px){.task-members{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:344px)and (max-width:767px){.task-members{gap:.5rem;grid-template-columns:repeat(2,1fr)}.task-member-card,.task-members{padding:.75rem}.task-member-card .task-member-avatar{height:40px;width:40px}}.about{background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#333;font-family:Times New Roman,serif;margin:0 auto;max-width:800px;padding:2rem}.about h1{color:#063a66;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.about .about-section{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.about .about-section h2{border-bottom:2px solid #40efff;color:#333;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.about .about-section p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.about .about-section p:last-child{margin-bottom:0}@media(max-width:768px){.about{padding:1rem}.about h1{font-size:2rem}.about .about-section{padding:1rem}.about .about-section h2{font-size:1.5rem}.about .about-section p{font-size:.95rem}}.container{background:hsla(0,0%,100%,.329);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#000;margin:1rem auto 2rem;max-height:90vh;max-width:500px;overflow:scroll;overflow-x:hidden;padding:2rem}.container::-webkit-scrollbar{width:3px}.container::-webkit-scrollbar-track{background:#f1f1f100;border-radius:4px}.container::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.container::-webkit-scrollbar-thumb:hover{background:#fff}.container .title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.container .empty{color:gray;text-align:center}.container .groups .group{background-color:#fff;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.container .groups .group .header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem}.container .groups .group .header:hover{transform:translateX(5px)}.container .groups .group .header .info{align-items:center;display:flex;gap:.5rem}.container .groups .group .header .info .icon{height:1rem;width:1rem}.container .groups .group .header .info .date{font-weight:500}.container .groups .group .header .info .status{border-radius:50%;height:.5rem;width:.5rem}.container .groups .group .header .info .status.status-complete{background-color:green}.container .groups .group .header .info .status.status-incomplete{background-color:gray}.container .groups .group .header .redo{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fefefe;display:flex;gap:.5rem;padding:.25rem .5rem}.container .groups .group .header .redo:hover{background-color:#d5f2ff}.container .groups .group .details{padding:1rem}.container .groups .group .details .task{align-items:center;display:flex;gap:1rem}.container .groups .group .details .task .text{flex-grow:1}.container .groups .group .details .task .time{color:gray;font-size:.875rem}.container .groups .group .details .task .status{border-radius:50%;height:.5rem;width:.5rem}.container .groups .group .details .task .status.status-complete{background-color:green}.container .groups .group .details .task .status.status-incomplete{background-color:gray}@media(max-width:768px){.container{margin:.5rem auto;max-width:95%;padding:1rem}.container .title{font-size:1.3rem;margin-bottom:1rem}.container .groups .group{margin-bottom:.8rem}.container .groups .group .header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.8rem}.container .groups .group .header .info{width:100%}.container .groups .group .header .redo{justify-content:center;margin-top:.5rem;width:100%}.container .groups .group .details{padding:.8rem}.container .groups .group .details .task{align-items:flex-start;flex-direction:column;margin-bottom:.8rem}.container .groups .group .details .task .time{margin-top:.3rem}}@media(min-width:769px)and (max-width:1024px){.container{max-width:80%;padding:1.5rem}.container .groups .group .header{align-items:center;flex-direction:row}}@media(min-width:1025px)and (max-width:1366px){.container{max-width:70%}}@media(min-width:768px)and (max-width:775px){.container{max-width:85%}.container .groups .group .details .task{align-items:center;flex-direction:row}}@media(min-width:820px)and (max-width:1180px){.container{max-height:85vh;max-width:75%}}@media(min-width:1023px)and (max-width:1029px){.container{max-width:650px}.container .title{font-size:1.8rem}}@media(min-width:1281px)and (max-width:1366px){.container{max-width:700px}}@media(min-width:344px)and (max-width:767px){.container{max-width:85%}}@media(min-width:344px)and (max-width:767px)and (max-width:720px){.container .groups .group .header{align-items:flex-start;flex-direction:column}}@media(min-width:344px)and (max-width:767px)and (min-width:721px){.container .groups .group .header{flex-direction:row}}.subscription-container{padding:2rem 1rem}.subscription-header{margin-bottom:3rem;text-align:center}.subscription-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subscription-header p{color:#718096;font-size:1.2rem}.subscription-container{background-color:hsla(0,0%,100%,.589);border-radius:16px;box-shadow:0 10px 30px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:3rem 2rem}.subscription-plans{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.plan-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.plan-card.selected,.plan-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.plan-card.selected{border:3px solid #4299e1}.plan-header{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:2rem;text-align:center}.plan-header .plan-badge{background-color:#fff;border-radius:9999px;color:#3182ce;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.plan-header .plan-price-container{align-items:center;display:flex;flex-direction:column;margin:1rem 0 .25rem;position:relative}.plan-header .plan-original-price{font-size:1.5rem;margin-bottom:.25rem;opacity:.7;text-decoration:line-through}.plan-header .plan-price{font-size:3rem;font-weight:800}.plan-header .discount-badge{background-color:#e53e3e;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:-10px;top:-10px;transform:rotate(15deg)}.plan-header .plan-duration{font-size:1rem;opacity:.9}.plan-content{padding:2rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:flex-start;color:#4a5568;display:flex;margin-bottom:1rem}.plan-features li .checkmark{color:#38a169;font-weight:700;margin-right:.75rem}.select-button{background-color:#fff;border:2px solid #3182ce;border-radius:6px;color:#3182ce;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.select-button:hover{background-color:#ebf8ff}.select-button.selected{background-color:#3182ce;color:#fff}.coupon-container{margin:0 auto 2rem;max-width:500px;text-align:center}.coupon-input-group{display:flex;margin-bottom:.5rem}.coupon-input{border:2px solid #cbd5e0;border-radius:6px 0 0 6px;flex:1 1;font-size:1rem;padding:.75rem}.coupon-input:focus{border-color:#4299e1;outline:none}.coupon-input:disabled{background-color:#edf2f7;cursor:not-allowed}.coupon-button{background-color:#4299e1;border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.coupon-button:hover{background-color:#3182ce}.coupon-button:disabled{background-color:#a0aec0;cursor:not-allowed}.coupon-applied{color:#38a169;font-size:.875rem;font-weight:600}.subscription-footer{margin-top:2rem;text-align:center}.subscribe-button{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .2s ease}.subscribe-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.subscribe-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.payment-info{margin-top:2rem}.payment-info .secure-badge{align-items:center;color:#4a5568;display:flex;font-size:1rem;justify-content:center;margin-bottom:.5rem}.payment-info .secure-badge .lock-icon{margin-right:.5rem}.payment-info .payment-methods{color:#718096;display:flex;font-size:.875rem;gap:1rem;justify-content:center}.message{border-radius:6px;margin:1rem 0;padding:1rem;text-align:center}.message.success{background-color:#c6f6d5;color:#2f855a}.message.error{background-color:#fed7d7;color:#c53030}.premium-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.premium-popup-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:30px;text-align:center;width:90%}.premium-popup-content h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.premium-popup-content p{color:#5d6778;font-size:16px;margin-bottom:15px}.premium-popup-content p:last-of-type{color:#27ae60;font-size:18px;font-weight:700;margin-bottom:25px}.premium-popup-content button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.premium-popup-content button:hover{background-color:#2980b9}.premium-popup-content button:focus{box-shadow:0 0 0 3px #3498db4d;outline:none}.login-required-message{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:30px auto;max-width:600px;padding:50px 20px;text-align:center}.login-required-message h2{color:#2c3e50;margin-bottom:15px}.login-required-message p{color:#5d6778;font-size:16px}@media(max-width:768px){.subscription-plans{grid-template-columns:1fr}.subscription-header h1{font-size:2rem}}.reviews-container{border-radius:8px;margin:2rem 0;max-width:100%;padding:1rem;position:relative}.reviews-container .reviews-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.reviews-container .reviews-navigation{align-items:center;display:flex;gap:1rem;justify-content:center}.reviews-container .reviews-carousel{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:hidden;padding:.5rem 0;scroll-behavior:smooth;width:calc(840px + 2rem)}.reviews-container .nav-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.reviews-container .nav-button:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.reviews-container .nav-button:disabled{cursor:not-allowed;opacity:.5}.reviews-container .review-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:0 0 auto;padding:1.25rem;transition:transform .3s ease;width:280px}.reviews-container .review-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.reviews-container .review-header{align-items:center;display:flex;margin-bottom:1rem}.reviews-container .review-avatar{border:2px solid #f0f0f0;border-radius:50%;height:50px;margin-right:.75rem;object-fit:cover;width:50px}.reviews-container .review-user-info{display:flex;flex-direction:column}.reviews-container .review-username{color:#333;font-weight:700;margin:0}.reviews-container .review-rating{display:flex;margin-top:.25rem}.reviews-container .review-rating .star{font-size:1rem;margin-right:.2rem}.reviews-container .review-rating .star.filled{color:#ffb100}.reviews-container .review-rating .star.empty{color:#d4d4d4}.reviews-container .review-content{color:#555;font-size:.9rem;line-height:1.5}.reviews-container .review-content p{font-style:italic;margin:0}@media(max-width:1024px){.reviews-carousel{width:calc(560px + 1rem)!important}}@media(max-width:768px){.reviews-carousel{width:280px!important}.reviews-carousel .review-card{width:240px}.reviews-navigation{gap:.5rem}}@media(max-width:480px){.reviews-carousel .review-card{width:220px}.review-content{font-size:.85rem}.nav-button{height:35px;width:35px}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px;width:100%}.auth-page .auth-container{background:hsla(0,0%,100%,.329);border-radius:16px;box-shadow:0 8px 30px #00000014;max-width:420px;padding:40px;transition:all .3s ease;width:100%}@media(max-width:480px){.auth-page .auth-container{padding:24px}}.auth-page h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.auth-page .form-group{margin-bottom:20px;position:relative}.auth-page .input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:16px;margin:0;padding:14px 16px;transition:all .2s ease;width:calc(100% - 32px)}.auth-page .input:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.auth-page .input::placeholder{color:#a0aec0}.auth-page .input.available{border-color:#48bb78}.auth-page .input.unavailable{border-color:#f56565}.auth-page .password-toggle{border-radius:4px;color:#4299e1;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;-webkit-user-select:none;user-select:none}.auth-page .password-toggle:hover{background:#ebf8ff}.auth-page .availability-indicator{font-size:14px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-page .availability-indicator.available{color:#48bb78}.auth-page .availability-indicator.unavailable{color:#f56565}.auth-page .primary-button{background:#4299e1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:15px;padding:14px;transition:all .2s ease;width:100%}.auth-page .primary-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.auth-page .primary-button:disabled{background:#a0aec0;cursor:not-allowed;opacity:.7}.auth-page .secondary-button{background:#fff;border:2px solid #4299e1;border-radius:10px;color:#4299e1;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.auth-page .secondary-button:hover{background:#ebf8ff}.auth-page .google-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.auth-page .google-button:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z' fill='%234285F4'/%3E%3Cpath d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z' fill='%2334A853'/%3E%3Cpath d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z' fill='%23FBBC05'/%3E%3Cpath d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z' fill='%23EA4335'/%3E%3C/svg%3E") 50%/contain no-repeat;content:"";height:20px;width:20px}.auth-page .google-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.auth-page .google-button:disabled{cursor:not-allowed;opacity:.7}.auth-page .divider{align-items:center;color:#a0aec0;display:flex;font-size:14px;margin:24px 0;text-align:center}.auth-page .divider:after,.auth-page .divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.auth-page .divider:before{margin-right:16px}.auth-page .divider:after{margin-left:16px}.auth-page .toggle-text{color:#4a5568;font-size:15px;margin-top:24px}.auth-page .toggle-text .toggle-link{color:#4299e1;cursor:pointer;font-weight:600;transition:color .2s ease}.auth-page .toggle-text .toggle-link:hover{color:#3182ce;text-decoration:underline}.auth-page .error{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.auth-page .verification-text{color:#4a5568;font-size:15px;line-height:1.6;margin-bottom:24px;text-align:center}.auth-page .forgot-password-container{margin:-8px 0 16px;padding:0 4px;text-align:center;width:100%}.auth-page .forgot-password-link{color:#fff;cursor:pointer;font-size:14px;text-decoration:none;transition:all .3s ease}.auth-page .forgot-password-link:hover{color:#0a36ea;text-decoration:underline}.auth-page .reset-text{color:#666;font-size:15px;line-height:1.5;margin-bottom:24px;text-align:center}.auth-page .toggle-text{font-size:14px;margin-top:20px;text-align:center}.auth-page .toggle-link{color:#4a6cf7;cursor:pointer;font-weight:500}.auth-page .toggle-link:hover{text-decoration:underline}.auth-page .error{background-color:#ef44441a;color:#ef4444}.auth-page .error,.auth-page .success{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.auth-page .success{background-color:#22c55e1a;color:#22c55e}.auth-page .field-error{color:#ed4956;font-size:.8rem;margin-top:.3rem;padding-left:.2rem}.auth-page .error{background-color:#fef0f0;border-radius:4px;color:#ed4956;font-size:.9rem;margin-bottom:1rem;padding:.75rem}@media(max-width:768px){.auth-page{padding:2px}.auth-page .auth-container{max-width:95%;padding:20px}.auth-page .auth-container h2{font-size:24px;margin-bottom:24px}.auth-page .auth-container .input{font-size:15px;padding:12px 14px}.auth-page .auth-container .google-button,.auth-page .auth-container .primary-button,.auth-page .auth-container .secondary-button{font-size:15px;padding:12px}.auth-page .auth-container .divider{font-size:13px;margin:20px 0}.auth-page .auth-container .toggle-text{font-size:14px}.auth-page .auth-container .reset-text,.auth-page .auth-container .verification-text{font-size:14px;margin-bottom:20px}}@media(min-width:769px)and (max-width:1024px){.auth-page .auth-container{max-width:380px;padding:30px}}@media(min-width:1025px)and (max-width:1366px){.auth-page .auth-container{max-width:400px}}@media(min-width:768px)and (max-width:775px){.auth-page .auth-container{max-width:360px;padding:35px}}@media(min-width:820px)and (max-width:1180px){.auth-page .auth-container{max-width:400px}}@media(min-width:1023px)and (max-width:1029px){.auth-page .auth-container{max-width:420px;padding:40px}.auth-page .auth-container h2{font-size:30px}}@media(min-width:1281px)and (max-width:1366px){.auth-page .auth-container{max-width:450px}}@media(min-width:344px)and (max-width:767px)and (max-width:720px){.auth-page .auth-container{max-width:90%;padding:25px}}@media(min-width:344px)and (max-width:767px)and (min-width:721px){.auth-page .auth-container{max-width:420px;padding:35px}}.generate-container{align-items:flex-start;display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:3rem 1rem}.generate-container .generate-content{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:800px;padding:2.5rem;width:100%}@media(max-width:768px){.generate-container .generate-content{padding:1.5rem}}.generate-container .generate-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3182ce,#805ad5);-webkit-background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}@media(max-width:768px){.generate-container .generate-heading{font-size:2rem;margin-bottom:1.5rem}}.generate-container .info-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.generate-container .info-cards .info-card{background-color:#f7fafc;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;padding:1.5rem;transition:transform .2s,box-shadow .2s}.generate-container .info-cards .info-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.generate-container .info-cards .info-card .info-icon{align-items:flex-start;background-color:#4299e11a;border-radius:12px;display:flex;height:48px;justify-content:center;margin-right:1rem;padding:.75rem;width:48px}.generate-container .info-cards .info-card .info-icon svg{color:#3182ce;height:24px;width:24px}.generate-container .info-cards .info-card .info-content{flex:1 1}.generate-container .info-cards .info-card .info-content h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.generate-container .info-cards .info-card .info-content p{color:#4a5568;font-size:.95rem;line-height:1.6;margin:0}.generate-container .rules-card{background-color:#f0f9ff;border-left:4px solid #63b3ed;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.generate-container .rules-card h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:0}.generate-container .rules-card ul{list-style-type:none;margin:0;padding:0}.generate-container .rules-card ul li{align-items:center;color:#4a5568;display:flex;font-size:.95rem;margin-bottom:.75rem}.generate-container .rules-card ul li:last-child{margin-bottom:0}.generate-container .rules-card ul li .rule-icon{align-items:center;color:#38b2ac;display:flex;height:20px;justify-content:center;margin-right:.75rem;width:20px}.generate-container .coupon-input-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.generate-container .coupon-input-wrapper{margin-bottom:1.5rem;max-width:320px;position:relative;width:100%}.generate-container .coupon-input-wrapper .coupon-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1.25rem;font-weight:600;height:56px;letter-spacing:1px;padding:0 4rem 0 1.25rem;transition:all .2s;width:70%}.generate-container .coupon-input-wrapper .coupon-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.generate-container .coupon-input-wrapper .coupon-input::placeholder{color:#a0aec0;font-weight:400}.generate-container .coupon-input-wrapper .coupon-suffix{color:#a0aec0;font-size:1.25rem;font-weight:600;position:absolute;right:20px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.generate-container .error-message{align-items:center;color:#e53e3e;display:flex;font-size:.95rem;margin-bottom:1.5rem}.generate-container .error-message svg{color:#e53e3e;margin-right:.5rem}.generate-container .generate-button{align-items:center;background:linear-gradient(90deg,#3182ce,#805ad5);border:none;border-radius:12px;box-shadow:0 4px 12px #4299e133;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 2rem;transition:all .2s}.generate-container .generate-button svg{margin-right:.5rem}.generate-container .generate-button:hover{box-shadow:0 6px 16px #4299e14d;transform:translateY(-2px)}.generate-container .generate-button:active{transform:translateY(0)}.generate-container .generate-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.generate-container .generate-button .loading-spinner{animation:rotate 1.5s linear infinite;margin-right:.5rem}@keyframes rotate{to{transform:rotate(1turn)}}.generate-container .warning-dialog{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generate-container .warning-dialog .warning-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:500px;padding:1.5rem;width:90%}.generate-container .warning-dialog .warning-content .warning-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.generate-container .warning-dialog .warning-content .warning-header h3{align-items:center;color:#dd6b20;display:flex;font-size:1.2rem;margin:0}.generate-container .warning-dialog .warning-content .warning-header h3 svg{color:#dd6b20;margin-right:.5rem}.generate-container .warning-dialog .warning-content .warning-header .close-button{background:none;border:none;color:#718096;cursor:pointer;padding:.25rem;transition:color .2s}.generate-container .warning-dialog .warning-content .warning-header .close-button:hover{color:#2d3748}.generate-container .warning-dialog .warning-content p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.generate-container .warning-dialog .warning-content .warning-actions{display:flex;gap:1rem;justify-content:flex-end}.generate-container .warning-dialog .warning-content .warning-actions button{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.generate-container .warning-dialog .warning-content .warning-actions button.cancel-button{background-color:#edf2f7;border:1px solid #e2e8f0;color:#4a5568}.generate-container .warning-dialog .warning-content .warning-actions button.cancel-button:hover{background-color:#e2e8f0}.generate-container .warning-dialog .warning-content .warning-actions button.proceed-button{background-color:#dd6b20;border:none;color:#fff}.generate-container .warning-dialog .warning-content .warning-actions button.proceed-button:hover{background-color:#c05621}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generate-container .success-popup{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generate-container .success-popup .success-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #00000026;max-width:500px;padding:2rem;text-align:center;width:90%}.generate-container .success-popup .success-content .success-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.generate-container .success-popup .success-content .success-header h2{align-items:center;color:#38a169;display:flex;font-size:1.5rem;margin:0}.generate-container .success-popup .success-content .success-header h2 svg{color:#38a169;margin-right:.75rem}.generate-container .success-popup .success-content .success-header .close-button{background:none;border:none;color:#718096;cursor:pointer;padding:.25rem;transition:color .2s}.generate-container .success-popup .success-content .success-header .close-button:hover{color:#2d3748}.generate-container .success-popup .success-content p{color:#4a5568;margin-bottom:1.5rem}.generate-container .success-popup .success-content .coupon-display{background:linear-gradient(135deg,#ebf4ff,#c4f1f9);border:2px dashed #4299e1;border-radius:12px;margin:1.5rem 0;overflow:hidden;padding:2rem;position:relative}.generate-container .success-popup .success-content .coupon-display:after,.generate-container .success-popup .success-content .coupon-display:before{background-color:#fff;border-radius:50%;content:"";height:20px;position:absolute;width:20px}.generate-container .success-popup .success-content .coupon-display:before{left:50%;top:-10px;transform:translateX(-50%)}.generate-container .success-popup .success-content .coupon-display:after{bottom:-10px;left:50%;transform:translateX(-50%)}.generate-container .success-popup .success-content .coupon-display .coupon-code{color:#2b6cb0;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem}.generate-container .success-popup .success-content .coupon-display .coupon-discount{color:#3182ce;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.generate-container .success-popup .success-content .copy-button{align-items:center;background:linear-gradient(90deg,#3182ce,#805ad5);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.75rem 2rem;transition:background-color .2s}.generate-container .success-popup .success-content .copy-button:hover{background-color:#2980b9}.analytics-container{background-color:#f8f9fa;border-radius:15px;color:#000;font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.analytics-container.error,.analytics-container.loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.analytics-container.error{color:#d32f2f}.analytics-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.analytics-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 16px}.coupon-info{flex:1 1;min-width:280px}.coupon-name-container{align-items:center;background-color:#f5f8ff;border:1px solid #e0e7ff;border-radius:8px;display:flex;padding:12px 16px}.coupon-label{color:#555;font-weight:500;margin-right:8px}.coupon-value{color:#3266e3;font-weight:600;margin-right:12px;word-break:break-all}.copy-btn{background-color:#4a7bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.copy-btn:hover{background-color:#3266e3}.revenue-info{background-color:#f9fcf6;border:1px solid #e0ecd4;border-radius:8px;display:flex;flex-direction:column;min-width:220px;padding:16px}.revenue-item{display:flex;justify-content:space-between;padding:8px 0}.revenue-item:not(:last-child){border-bottom:1px dashed #d4e0c0}.revenue-label{color:#555;font-weight:500}.revenue-value{color:#4a9d4a;font-weight:600}.filters-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.filter-group{align-items:center;display:flex}.filter-group label{color:#555;font-weight:500;margin-right:8px}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px;outline:none;padding:8px 12px}.filter-select:focus{border-color:#4a7bff;box-shadow:0 0 0 2px #4a7bff33}.table-container{border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:15px;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px solid #f0f0f0;padding:14px 16px;text-align:left}.analytics-table th{background-color:#f8f9fb;color:#444;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.analytics-table th:first-child{border-top-left-radius:8px}.analytics-table th:last-child{border-top-right-radius:8px}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:last-child td:first-child{border-bottom-left-radius:8px}.analytics-table tr:last-child td:last-child{border-bottom-right-radius:8px}.analytics-table tr:hover{background-color:#f7faff}.plan-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:4px 10px}.plan-badge.basic{background-color:#e3f2fd;color:#1976d2}.plan-badge.standard{background-color:#e8f5e9;color:#2e7d32}.plan-badge.premium{background-color:#fef6e7;color:#ed6c02}.pagination{display:flex;gap:6px;justify-content:center;margin:24px 0 16px}.pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;min-width:40px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f5f8ff;border-color:#c8d5f2}.pagination-btn.active{background-color:#4a7bff;border-color:#4a7bff;color:#fff;font-weight:500}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.results-count{font-size:14px;margin-bottom:24px}.no-data,.results-count{color:#666;text-align:center}.no-data{background-color:#f9f9f9;border-radius:8px;font-size:16px;padding:40px 0}@media(max-width:768px){.analytics-header{flex-direction:column;gap:16px}.revenue-info{width:100%}.filters-container{flex-direction:column;gap:12px}.analytics-container{border-radius:10px;padding:16px}.analytics-container.error,.analytics-container.loading{font-size:16px;min-height:300px}.analytics-header{margin-bottom:20px}.analytics-header h1{font-size:22px;margin-bottom:12px}.coupon-info{width:100%}.coupon-name-container{flex-wrap:wrap;gap:8px;padding:10px}.copy-btn{align-self:flex-start;font-size:13px;margin-top:5px;padding:5px 10px}.revenue-info{padding:10px;width:90%}.filters-container{flex-direction:column;gap:12px}.filter-group{align-items:flex-start;flex-direction:column;width:100%}.filter-group label{margin-bottom:6px;margin-right:0}.filter-group .filter-select{width:100%}.analytics-table{font-size:13px}.analytics-table td,.analytics-table th{padding:10px 8px}.plan-badge{font-size:12px;padding:3px 8px}.pagination{gap:4px}.pagination-btn{font-size:13px;min-width:36px;padding:6px 10px}}@media(min-width:769px)and (max-width:1024px){.analytics-container{padding:20px}.analytics-header{flex-direction:row;flex-wrap:wrap}.coupon-info,.revenue-info{min-width:45%}.filters-container{flex-direction:row;flex-wrap:wrap;gap:15px}.filter-group{align-items:center;flex-direction:row;width:auto}.filter-group label{margin-bottom:0;margin-right:8px}.filter-group .filter-select{width:auto}}@media(min-width:1025px)and (max-width:1366px){.analytics-container{padding:24px}.analytics-header h1{font-size:26px}.analytics-table{font-size:14px}.analytics-table td,.analytics-table th{padding:12px 14px}}@media(min-width:768px)and (max-width:775px){.revenue-info{min-width:200px}.coupon-info{flex:1 1}}@media(min-width:820px)and (max-width:1180px){.analytics-header h1{font-size:26px}.analytics-table{font-size:14px}}@media(min-width:1023px)and (max-width:1029px){.analytics-container{max-width:1000px}.analytics-header h1{font-size:28px}.analytics-table{font-size:15px}}@media(min-width:1281px)and (max-width:1366px){.analytics-container{max-width:1200px}}@media(min-width:344px)and (max-width:767px)and (max-width:720px){.analytics-container{padding:16px}.filters-container{flex-direction:column}.filter-group{width:100%}}@media(min-width:344px)and (max-width:767px)and (min-width:721px){.analytics-container{padding:20px}.filters-container{flex-direction:row;flex-wrap:wrap}}.verification-page{align-items:center;display:flex;height:100%;justify-content:center;padding:2px;width:100%}.verification-page .verification-container{background-color:#fff;background-color:var(--bg-secondary,#fff);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:480px;padding:32px;text-align:center;width:100%}.verification-page .verification-container h2{color:#333;color:var(--text-primary,#333);font-size:24px;margin-bottom:16px}.verification-page .verification-container .verification-message{color:#555;color:var(--text-secondary,#555);line-height:1.5;margin-bottom:24px}.verification-page .verification-container .message{border-radius:4px;margin-bottom:24px;padding:12px}.verification-page .verification-container .message.error{background-color:#ff00001a;border:1px solid #ff00004d;color:#c00;color:var(--color-error,#c00)}.verification-page .verification-container .message.success{background-color:#00ff001a;border:1px solid #00ff004d;color:#0c0;color:var(--color-success,#0c0)}.verification-page .verification-container .button-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.verification-page .verification-container .primary-button,.verification-page .verification-container .secondary-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.verification-page .verification-container .primary-button:disabled,.verification-page .verification-container .secondary-button:disabled{cursor:not-allowed;opacity:.7}.verification-page .verification-container .primary-button{background-color:#4285f4;background-color:var(--color-primary,#4285f4);color:#fff}.verification-page .verification-container .primary-button:hover:not(:disabled){background-color:#3367d6;background-color:var(--color-primary-dark,#3367d6)}.verification-page .verification-container .secondary-button{background-color:#0000;border:1px solid #4285f4;border:1px solid var(--color-primary,#4285f4);color:#4285f4;color:var(--color-primary,#4285f4)}.verification-page .verification-container .secondary-button:hover:not(:disabled){background-color:#4285f40d}.verification-page .verification-container .note{color:#888;color:var(--text-tertiary,#888);font-size:14px;margin-top:16px}body,html{background:linear-gradient(180deg,#5fa9ff,#ff9d9d);background-attachment:fixed;color:#fff;font-family:Roboto,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}:root{--navbar-height:40px}.app-container{min-height:100vh;width:100%}.app-grid{display:grid;grid-template-areas:"header" "main";grid-template-rows:40px calc(100vh - 40px);grid-template-rows:var(--navbar-height) calc(100vh - var(--navbar-height));min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;grid-area:header;height:80px;left:0;position:fixed;right:0;top:0;width:100%;z-index:500}.app-main{-ms-overflow-style:none;box-sizing:border-box;grid-area:main;height:calc(100vh - 40px);height:calc(100vh - var(--navbar-height));margin-top:40px;margin-top:var(--navbar-height);overflow-y:scroll;padding:20px;position:relative;scrollbar-width:none;z-index:1}.app-main::-webkit-scrollbar{display:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:40px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto 1fr auto;height:0;height:calc(var(--navbar-height) - 40px);padding:20px}.navbar .logo{cursor:pointer;height:auto;transition:transform .3s ease;width:50px}.navbar .logo:hover{transform:scale(1.05)}.navbar .menu{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(40px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(40px,max-content));justify-content:end}.navbar .menu .menu-button{background-color:#fff3;border:none;border-radius:8px;cursor:pointer;display:grid;padding:12px;place-items:center;transition:all .3s ease}.navbar .menu .menu-button:hover{background-color:#ffffff4d;transform:translateY(-2px)}.navbar .menu .menu-button.active{background-color:#fff6;box-shadow:0 2px 8px #0000001a}.navbar .menu .menu-button .icon{filter:brightness(0) invert(1);height:24px;width:24px}.navbar .menu .login-button{background-color:#fff;border:none;border-radius:20px;color:#5fa9ff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.navbar .menu .login-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.navbar .menu .user-profile .profile-picture{border:2px solid #fff;border-radius:50%;height:36px;width:36px}.navbar .menu .user-profile .profile-initial{background-color:#ffffff4d;border:2px solid #fff;border-radius:50%;display:grid;font-weight:600;height:36px;place-items:center;width:36px}
/*# sourceMappingURL=main.5bc4db50.css.map*/