@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{margin:0}html{scroll-behavior:smooth}[id]{scroll-margin-top:100px}.nav_white{position:fixed;top:0;left:0;background-color:transparent;color:#131313;padding:15px 0;font-size:16px;font-family:Outfit,sans-serif;font-weight:600;width:100%;box-sizing:border-box;transition:var(--transition-smooth);z-index:1000}.nav_dark{color:#c4c4c4;transition:background-color .4s ease-in-out,color .4s ease-in-out,backdrop-filter .4s ease-in-out}.nav_white:not(.nav_scrolled_white,.nav_scrolled_dark){color:#c4c4c4}.nav_item:not(.nav_scrolled_white,.nav_scrolled_dark):hover{color:#e2e1e1}.nav_scrolled_white{background-color:#eee9e9d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000000d}.nav_scrolled_dark{background-color:#111111d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #00000080}.nav_scrolled_white .nav_item{color:#505050}.nav_scrolled_white .nav_item:hover{color:#000;background-color:transparent}.nav_scrolled_white .username{color:#3b3b3b}.nav_scrolled_white .logout_button{color:#505050;border-color:#505050}.nav_scrolled_dark .username{color:#b1b0b0;background-color:transparent}.nav_scrolled_dark .nav_item:hover{color:#b3b3b3;background-color:transparent}.nav_container_list{max-width:1200px;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;margin:auto auto auto 20px}.nav_list{grid-column:2;display:flex;flex-direction:row;gap:24px}.nav_container_button{grid-column:3;display:flex;flex-direction:row;gap:24px;justify-self:end}.nav_item{padding:10px 15px;text-decoration:none;color:inherit;height:100%}.nav_item:visited{color:inherit}.login_button{font-size:.95rem;font-family:inherit;font-weight:700;padding:10px 24px;border:none;border-radius:12px;color:#fff;background-color:var(--primary);transition:var(--transition-smooth);box-shadow:0 4px 15px #6366f133;cursor:pointer}.login_button_dark{background-color:var(--primary)}.login_button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.login_button_dark:hover{background-color:var(--primary-hover)}.switch{position:relative;display:inline-block;width:40px;height:24px;align-self:center}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#6c53ea;border-radius:34px;transition:background 1.2s}.icon{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;border-radius:50%;transition:.3s;color:#eee9e9}.icon_dark{color:#0d0d0d}input:checked+.slider{background-color:#ffdb70}input:focus+.slider{box-shadow:0 0 1px #ffdb70}input:checked+.slider .icon{transform:translate(16px)}.nav_responsive_button_container{min-width:100%;min-height:50px;background-color:#eee9e9;display:none;align-items:center;position:fixed;z-index:20}.nav_responsive_button_container_dark{background-color:#111;color:#c4c4c4}.nav_responsive_button{position:fixed;min-width:40px;background-color:transparent;color:#1e1e1e;border:none;border-radius:5px}.responsive_button_dark{color:#c4c4c4}.user_section{display:flex;align-items:center;gap:12px}.username{font-size:16px;font-weight:600;color:#c4c4c4}.username_dark{font-size:16px;font-weight:600;color:#f0f0f0}.logout_button{background-color:transparent;border:2px solid #c4c4c4;padding:6px 10px;color:#c4c4c4;border-radius:6px;cursor:pointer;font-size:16px;transition:.2s ease;display:flex;align-items:center;justify-content:center}.logout_button:hover{background-color:#ddd9d9;color:#505050}.logout_button_dark{border-color:#f0f0f0;color:#f0f0f0}.logout_button_dark:hover{background-color:#f0f0f0;color:#222}@media screen and (max-width:720px){.nav_white{display:none}.nav_responsive_button_container{display:flex}.nav_responsive{display:inline-block;width:100%;height:40vh;background-color:#eee9e9;padding-top:50px;color:#131313;box-shadow:0 0 15px 0 solid #0003;position:fixed}.responsive_container_list{display:flex;flex-direction:column}.responsive_list{display:flex;min-width:100%;min-height:70%;flex-direction:column;align-items:start;color:#131313}.responsive_list a{justify-self:start;color:#131313;font-size:18px;height:30px}.responsive_container_button{display:flex;min-width:100%;min-height:30%;flex-direction:column;justify-content:start;align-content:start}.responsive_container_button label{display:none}.responsive_container_button button{align-self:baseline;font-size:14px;margin-left:10px}}.home_container{background:radial-gradient(circle at top,hsl(230,45%,15%),var(--bg-dark));text-align:center;font-family:inherit;font-size:25px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:0;transition:var(--transition-smooth)}.aurora_container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;mix-blend-mode:color-dodge}.aurora{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6}.aurora_1{top:20%;left:-50%;width:200vw;height:12vh;background:linear-gradient(90deg,#ff149300,#ff1493 40%,#f0f 60%,#f0f0);animation:float_line_1 14s infinite ease-in-out alternate}.aurora_2{top:50%;left:-50%;width:200vw;height:8vh;background:linear-gradient(90deg,#8a2be200,#ff1493,#8a2be200);animation:float_line_2 18s infinite ease-in-out alternate}.aurora_3{top:60%;left:-50%;width:200vw;height:10vh;background:linear-gradient(90deg,#00bfff00,#00bfffe6 30%,#ff1493e6 70%,#ff149300);animation:float_line_3 22s infinite ease-in-out alternate}@keyframes float_line_1{0%{transform:translateY(0) rotate(-20deg) scaleY(1)}to{transform:translateY(-40vh) rotate(-15deg) scaleY(1.3)}}@keyframes float_line_2{0%{transform:translateY(0) rotate(-25deg) scaleY(1.2)}to{transform:translateY(-30vh) rotate(-35deg) scaleY(1)}}@keyframes float_line_3{0%{transform:translateY(0) rotate(-15deg) scaleY(.8)}to{transform:translateY(-50vh) rotate(-25deg) scaleY(1.5)}}.home_text{background-color:transparent;width:100%;min-height:100vh;text-align:center;display:flex;flex-direction:column;justify-content:center;margin:auto;position:relative;z-index:2}.title{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:20px;opacity:0;letter-spacing:-1px;animation:text_fade_up 1.2s cubic-bezier(.2,.8,.2,1) forwards;z-index:50}.subtitle{margin-top:10px;font-size:1.5rem;color:var(--text-muted-dark);font-weight:500;opacity:0;animation:text_fade_up 1.2s cubic-bezier(.2,.8,.2,1) .3s forwards;z-index:50}@keyframes text_fade_up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about_container{background-color:var(--bg-light);color:var(--text-light);min-width:100%;min-height:800px;display:flex;flex-flow:row nowrap;flex-grow:1;align-items:center;font-family:inherit;font-size:20px;transition:var(--transition-smooth);overflow:hidden;padding:80px 0}.about_dark{background-color:var(--bg-dark);color:var(--text-dark)}.about_text{max-width:70%;display:flex;font-size:inherit;flex-flow:column nowrap;justify-content:center;padding:0 60px;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1.2s cubic-bezier(.2,.8,.2,1);transform:translate(-50px);opacity:0}.about_text.show{transform:translate(0);opacity:1}.about_text h2{padding:20px 0;font-weight:900;text-wrap:balance}.about_text p{text-align:start;text-wrap:pretty}.about_image_container{background-color:transparent;color:inherit;min-width:40%;min-height:650px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);transform:translate(50px);opacity:0}.about_image_container.show{transform:translate(0);opacity:1}.about_image_container_dark{background-color:transparent;color:inherit}.about_image_container img{max-height:600px;min-width:50%;box-shadow:var(--shadow-premium);border-radius:24px;object-fit:contain;transition:var(--transition-smooth)}.about_dark img{box-shadow:0 0 15px #fff4}.about_container img:hover{box-shadow:0 0 20px #0005;transform:rotate(1deg)}.about_dark img:hover{box-shadow:0 0 20px #fff5}@media screen and (max-width:720px){.about_image_container{min-height:300px;min-width:100%}.about_image_container img{height:200px;width:40%}}@media screen and (max-width:1300px){.about_container{flex-flow:column nowrap}.about_text{flex-basis:200px;text-align:center;justify-content:start}.about_text p{text-align:center}.about_image_container img{max-height:250px;min-width:50%;object-fit:cover}.about_image_container{min-height:400px;width:100%;align-items:center;justify-content:center}}.information_cards_container{min-height:700px;background-color:var(--bg-light);color:var(--text-light);min-width:100%;display:flex;flex-flow:column nowrap;flex-grow:1;justify-content:center;font-size:20px;font-family:inherit;text-align:center;transition:var(--transition-smooth);padding:80px 0}.container_dark{background-color:var(--bg-dark);color:var(--text-dark)}.text_container{min-width:100%;min-height:300px;display:flex;justify-content:center;align-items:center;opacity:0}.text_container.visible{animation:slideUp .6s ease-out forwards}.text_container h2{font-weight:900;text-wrap:balance}.card_container{background-color:transparent;min-width:100%;min-height:600px;display:flex;flex-flow:row wrap;gap:20px;flex-grow:1;justify-content:space-evenly;align-items:flex-start}.card{display:flex;flex-flow:column nowrap;max-width:400px;min-height:350px;background:var(--card-light);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--glass-border);color:var(--text-light);text-align:center;-webkit-user-select:none;user-select:none;padding:30px 20px;border-radius:24px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);opacity:0}.card.visible{animation:slideUp .6s ease-out forwards}.card:nth-child(1).visible{animation-delay:.1s}.card:nth-child(2).visible{animation-delay:.25s}.card:nth-child(3).visible{animation-delay:.4s}.card_dark{background:var(--card-dark);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-dark);color:var(--text-dark)}.card:first-child .card_header{border-bottom:1px solid #2855b6}.card:nth-child(2) .card_header{border-bottom:1px solid #3ba42b}.card:last-child .card_header{border-bottom:1px solid #901919}.card_dark:first-child .card_header{border-bottom:1px solid #2855b6}.card_dark:nth-child(2) .card_header{border-bottom:1px solid #3ba42b}.card_dark:last-child .card_header{border-bottom:1px solid #901919}.card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 50px -12px #6366f140;border-color:var(--primary)}.card_dark:hover{box-shadow:0 25px 50px -12px #0009;border-color:var(--primary)}.card_header{display:flex;flex-direction:row;width:100%;border-bottom:1px solid #0003;justify-content:center}.card_title{font-size:20px;padding:20px 0;width:70%;text-wrap:balance}.card_icon{width:40px;height:40px;align-self:center}.card_text{padding:20px 10px;font-size:18px;text-align:start;text-wrap:pretty}@media screen and (max-width:720px){.card_title{font-size:18px}.card_text{font-size:16px}.card_icon{width:30px;height:30px}}@media screen and (max-width:980px){.card{max-width:300px;min-height:250px}.card_container{flex-flow:column nowrap;align-items:center;padding-bottom:20px;min-height:1000px}.text_container{min-height:100px}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.create_container{max-width:100%;min-height:600px;display:flex;justify-content:center;align-items:center;font-family:inherit;font-size:20px;background-color:var(--bg-light);color:var(--text-light);transition:var(--transition-smooth);background-image:linear-gradient(#0006,#000000b3),url(/images/create-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:100px 20px}.text_create_container{min-width:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:transparent;color:#c4c4c4;gap:40px}.text_create_container_dark{background-color:transparent;transition:background .4s,color .4s}.create_text{padding:10px 0;font-weight:900}.create_button{padding:20px 40px;height:auto;font-family:inherit;font-size:1.1rem;font-weight:700;background:var(--primary);border:none;color:#fff;min-width:200px;border-radius:16px;transition:var(--transition-smooth);position:relative;z-index:20;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px -5px #694cfa66;cursor:pointer}.create_button:hover{transform:translateY(-5px) scale(1.05);background:var(--primary-hover);box-shadow:0 20px 35px -8px #694cfa80}.create_button_dark{box-shadow:0 10px 30px -10px #00000080}@media screen and (max-width:1200px){.create_container{flex-flow:column nowrap;animation:none}.text_create_container{min-width:100%;flex-basis:300px}}@media screen and (max-width:720px){.create_button{font-size:14px}}@keyframes button_animation{0%{width:50%;height:70%}50%{width:90%;height:130%}to{width:150%;height:200%}}.custom_notification{position:fixed;top:90px;left:50%;transform:translate(-50%);background-color:#eee9e9;color:#1e1e1e;padding:15px 30px;border-radius:8px;font-weight:700;box-shadow:0 5px 25px #0000004d;z-index:1000;animation:toast_slide_in .4s cubic-bezier(.175,.885,.32,1.275) forwards}.custom_notification_dark{background-color:#1e1e1e;color:#f0f0f0;box-shadow:0 5px 25px #0009}@keyframes toast_slide_in{0%{top:0;opacity:0}to{top:90px;opacity:1}}.main{background-color:#c7c7c7;font-family:Rubik,sans-serif;color:#131313;transition:background .4s,color .4s}.main_dark{background-color:#131313;font-family:Rubik,sans-serif;color:#c4c4c4;transition:background .4s,color .4s}@media screen and (max-width:720px){*{font-size:18px}}.modal{border:none;background:transparent;padding:0;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.modal_container{width:90%;max-width:420px;background:var(--card-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--shadow-premium);padding:40px;position:relative;overflow:hidden;animation:modalFadeIn .4s ease}.modal_container.dark_container{background:var(--card-dark);border-color:var(--glass-border-dark);color:var(--text-dark)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.input_container h2{font-size:2rem;font-weight:800;margin-bottom:30px;text-align:center;background:linear-gradient(135deg,var(--primary),#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login_form{display:flex;flex-direction:column;gap:20px}.login_form label{font-size:.9rem;font-weight:600;color:var(--text-muted-light);margin-bottom:-15px;margin-left:5px}.dark_container .login_form label{color:var(--text-muted-dark)}.form_input{padding:14px 20px;border-radius:16px;border:2px solid rgba(0,0,0,.05);background:#ffffff80;font-size:1rem;font-family:inherit;transition:var(--transition-smooth)}.dark_input{background:#0f172a99;border-color:#ffffff0d;color:#fff}.form_input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.dark_input:focus{background:#0f172a;border-color:var(--primary)}.form_button{margin-top:10px;padding:16px;border-radius:16px;border:none;background:var(--primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 8px 20px -6px #6366f180}.form_button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 25px -8px #6366f199}.login_register{margin-top:24px;text-align:center;font-size:.95rem;color:var(--text-muted-light)}.dark_container .login_register{color:var(--text-muted-dark)}.login_register a{color:var(--primary);font-weight:700;text-decoration:none;margin-left:8px;transition:var(--transition-smooth)}.login_register a:hover{text-decoration:underline;filter:brightness(1.2)}.close_button{position:absolute;top:20px;right:20px;background:#0000000d;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:var(--text-muted-light)}.dark_container .close_button{background:#ffffff1a;color:var(--text-muted-dark)}.close_button:hover{background:var(--danger);color:#fff}.auth_required_msg{color:#f59e0b;background:#f59e0b1a;padding:12px;border-radius:12px;font-size:.95rem;font-weight:600;text-align:center;margin-bottom:20px;border:1px solid rgba(245,158,11,.2);animation:modalFadeIn .3s ease}.form_error_msg{color:#ef4444;background:#ef44441a;padding:10px;border-radius:12px;font-size:.9rem;font-weight:500;text-align:center;margin-top:10px;animation:modalFadeIn .3s ease}.task_form_modal{padding:40px;background:transparent;color:var(--text-light)}.task_form_modal.dark{color:var(--text-dark)}.form_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.form_header h2{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary),#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close_btn{background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.dark .close_btn{background:#ffffff1a;color:#fff}.close_btn:hover{background:var(--danger);color:#fff}.task_form_content{display:flex;flex-direction:column;gap:24px}.input_group{display:flex;flex-direction:column;gap:10px}.input_group label{font-size:.95rem;font-weight:600;color:var(--text-muted-light)}.dark .input_group label{color:var(--text-muted-dark)}.task_input{padding:16px 20px;border-radius:16px;border:2px solid rgba(0,0,0,.05);background:#00000005;font-size:1rem;font-family:inherit;transition:var(--transition-smooth);color:var(--text-light)}.dark .task_input{background:#ffffff08;border-color:#ffffff14;color:var(--text-dark)}.task_input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.dark .task_input:focus{background:#ffffff0d;border-color:var(--primary)}textarea.task_input{min-height:120px;resize:none}.error_msg{color:var(--danger);font-size:.9rem;font-weight:500;padding:12px;background:#ef44441a;border-radius:12px;text-align:center}.form_actions{display:flex;gap:16px;margin-top:12px}.form_actions button{flex:1;padding:16px;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.cancel_btn{background:transparent;border:1px solid rgba(0,0,0,.1);color:var(--text-muted-light)}.dark .cancel_btn{border-color:#ffffff1a;color:var(--text-muted-dark)}.cancel_btn:hover{background:#0000000d;color:var(--text-light)}.dark .cancel_btn:hover{background:#ffffff0d;color:var(--text-dark)}.save_button{background:var(--primary);border:none;color:#fff;box-shadow:0 8px 20px -6px #6366f180}.save_button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 25px -8px #6366f199}.task_card{position:relative;padding:24px;background:var(--card-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;gap:16px;transition:var(--transition-smooth);box-shadow:var(--shadow-premium);overflow:hidden}.task_card.dark{background:var(--card-dark);border-color:var(--glass-border-dark)}.task_card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #00000026}.task_card.completed{opacity:.7}.task_card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);opacity:.8}.task_card.completed:before{background:var(--success)}.card_header{display:flex;justify-content:space-between;align-items:center}.status_indicator{width:10px;height:10px;border-radius:50%}.status_indicator.pending{background:var(--warning);box-shadow:0 0 10px var(--warning)}.status_indicator.completed{background:var(--success);box-shadow:0 0 10px var(--success)}.deadline_badge{padding:6px 12px;background:#0000000d;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-muted-light);display:flex;align-items:center;gap:6px;margin-bottom:10px}.dark .deadline_badge{background:#ffffff1a;color:var(--text-muted-dark)}.delete_btn{background:transparent;border:none;color:var(--text-muted-light);cursor:pointer;transition:var(--transition-smooth);font-size:1.1rem;padding:4px}.dark .delete_btn{color:var(--text-muted-dark)}.delete_btn:hover{color:var(--danger);transform:scale(1.1)}.task_title{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-light);line-height:1.3}.dark .task_title{color:var(--text-dark)}.task_card.completed .task_title{text-decoration:line-through;opacity:.6}.task_desc{font-size:.95rem;color:var(--text-muted-light);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dark .task_desc{color:var(--text-muted-dark)}.card_footer{margin-top:auto;display:flex;justify-content:flex-end}.btn_complete,.btn_uncomplete{padding:10px 18px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:var(--transition-smooth)}.btn_complete{background:var(--primary);color:#fff;box-shadow:0 4px 10px #6366f14d}.btn_complete:hover{background:var(--primary-hover);transform:scale(1.02)}.btn_uncomplete{background:#0000000d;color:var(--text-muted-light)}.dark .btn_uncomplete{background:#ffffff1a;color:var(--text-muted-dark)}.btn_uncomplete:hover{background:var(--success);color:#fff}.task_list_wrapper{width:100%;display:flex;flex-direction:column;gap:24px}.list_controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--card-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.list_controls.dark{background:var(--card-dark);border-color:var(--glass-border-dark)}.filter_group{display:flex;background:#0000000d;padding:6px;border-radius:14px;gap:4px}.dark .filter_group{background:#ffffff0d}.filter_group button{padding:8px 18px;border-radius:10px;border:none;background:transparent;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);color:var(--text-muted-light)}.dark .filter_group button{color:var(--text-muted-dark)}.filter_group button.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #0000001a}.dark .filter_group button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f166}.sort_group{display:flex;align-items:center;gap:12px}.sort_label{font-size:.9rem;font-weight:600;color:var(--text-muted-light)}.dark .sort_label{color:var(--text-muted-dark)}.sort_toggle_btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:4px 4px 10px #6366f133}.sort_toggle_btn:hover{transform:translateY(-1px);background:var(--primary-hover);box-shadow:6px 6px 15px #6366f14d}.task_card_container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}.no_tasks{text-align:center;color:var(--text-muted-light);font-size:1.2rem;font-weight:500;margin-top:60px}.dark .no_tasks{color:var(--text-muted-dark)}@media (max-width: 768px){.list_controls{flex-direction:column;gap:16px;padding:20px}}.task_main{min-height:100vh;background-color:var(--bg-light);padding:120px 20px 40px;display:flex;flex-direction:column;align-items:center;transition:var(--transition-smooth)}.task_main_dark{background-color:var(--bg-dark)}.task_view_container{width:100%;max-width:900px;display:flex;flex-direction:column;gap:30px}.task_controls_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.task_view_title{font-size:2.5rem;font-weight:800;color:var(--text-light);margin:0;letter-spacing:-.02em}.task_main_dark .task_view_title{color:var(--text-dark)}.task_header_actions{display:flex;gap:12px;align-items:center}.back_home_btn{background:transparent;padding:12px 20px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-muted-light);cursor:pointer;transition:var(--transition-smooth)}.task_main_dark .back_home_btn{border-color:#ffffff1a;color:var(--text-muted-dark)}.back_home_btn:hover{background:#0000000d;color:var(--text-light);transform:translate(-4px)}.task_main_dark .back_home_btn:hover{background:#ffffff0d;color:var(--text-dark)}.add_task_btn_primary{background-color:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition-smooth);box-shadow:0 4px 15px #6366f14d}.add_task_btn_primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.plus_icon{font-size:1.4rem;font-weight:400}.modern_modal_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.modern_modal_content{width:90%;max-width:500px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-premium);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.modern_modal_content.dark{background:#0f1729;border:1px solid rgba(255,255,255,.08)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.username{font-size:16px;font-weight:600;color:#292929}.logout_button{color:#292929;border:2px solid #292929}.task_header_container .nav_dark .logout_button{border:2px solid #ffffff;color:#fff}.task_header_container .nav_dark .logout_button:hover{color:#000;background-color:#d4d4d4;border:2px solid #d4d4d4}.task_header_container .nav_white{background-color:#fff;color:#000}.task_header_container .nav_dark{background-color:#413e42d8;color:#fff}.task_header_container .nav_scrolled_white{background-color:#eeeeeec4}.task_header_container .nav_scrolled_dark{background-color:#1111117e}.task_header_container .nav_item:nth-child(3){display:none}.task_header_container .login_button{display:none}:root{--primary: hsl(250, 95%, 64%);--primary-hover: hsl(250, 90%, 55%);--bg-light: hsl(220, 60%, 99%);--card-light: rgba(255, 255, 255, .45);--text-light: hsl(220, 35%, 15%);--text-muted-light: hsl(220, 15%, 40%);--glass-border: rgba(255, 255, 255, .5);--bg-dark: hsl(224, 71%, 4%);--card-dark: rgba(15, 23, 42, .5);--text-dark: hsl(210, 40%, 98%);--text-muted-dark: hsl(215, 20%, 65%);--glass-border-dark: rgba(255, 255, 255, .08);--success: hsl(142, 76%, 45%);--warning: hsl(38, 92%, 50%);--danger: hsl(0, 84%, 60%);--transition-smooth: all .5s cubic-bezier(.23, 1, .32, 1);--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .1), 0 20px 40px -10px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px -5px var(--primary)}body{font-family:Outfit,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:var(--bg-light);color:var(--text-light);overflow-x:hidden;transition:background-color .6s cubic-bezier(.23,1,.32,1)}.glass-morphism{backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:24px}.glass-morphism-dark{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-dark);box-shadow:0 25px 50px -12px #00000080;border-radius:24px}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-premium)}