@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/02046ca7e906ed9f-s.1602kxq-59i~c.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/6bbcb5b36acd717c-s.0oz2cuf9udaui.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/0797a9ffe47acb65-s.045uve1.n0xw5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7c2c7251ac640798-s.0ci7sidzj82wz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/248e1dc0efc99276-s.p.0ft7o6kv5bp14.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/02046ca7e906ed9f-s.1602kxq-59i~c.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/6bbcb5b36acd717c-s.0oz2cuf9udaui.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/0797a9ffe47acb65-s.045uve1.n0xw5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7c2c7251ac640798-s.0ci7sidzj82wz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/248e1dc0efc99276-s.p.0ft7o6kv5bp14.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather Fallback;src:local(Times New Roman);ascent-override:80.59%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:122.09%}.merriweather_c0049aae-module__fqJBCW__className{font-family:Merriweather,Merriweather Fallback;font-style:normal}.merriweather_c0049aae-module__fqJBCW__variable{--font-serif:"Merriweather", "Merriweather Fallback"}
*,:before,:after{box-sizing:border-box;scroll-behavior:smooth;font-family:var(--font-geist-sans), sans-serif;margin:0;padding:0}body{background-color:var(--background);height:100vh;margin:0;overflow:hidden auto}.stars-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#stars,#stars2,#stars3{opacity:var(--star-opacity);will-change:transform;background-repeat:repeat;position:absolute;inset:-25%}#stars{background-image:radial-gradient(1px 1px at 9% 18%, var(--star-color), transparent), radial-gradient(1px 1px at 18% 65%, var(--star-color), transparent), radial-gradient(1px 1px at 27% 42%, var(--star-color), transparent), radial-gradient(1px 1px at 34% 88%, var(--star-color), transparent), radial-gradient(1px 1px at 45% 12%, var(--star-color), transparent), radial-gradient(1px 1px at 52% 55%, var(--star-color), transparent), radial-gradient(1px 1px at 61% 22%, var(--star-color), transparent), radial-gradient(1px 1px at 68% 78%, var(--star-color), transparent), radial-gradient(1px 1px at 77% 38%, var(--star-color), transparent), radial-gradient(1px 1px at 84% 61%, var(--star-color), transparent), radial-gradient(1px 1px at 92% 27%, var(--star-color), transparent), radial-gradient(1px 1px at 96% 82%, var(--star-color), transparent), radial-gradient(1px 1px at 12% 93%, var(--star-color), transparent), radial-gradient(1px 1px at 39% 29%, var(--star-color), transparent), radial-gradient(1px 1px at 58% 90%, var(--star-color), transparent), radial-gradient(1px 1px at 73% 11%, var(--star-color), transparent), radial-gradient(1px 1px at 88% 49%, var(--star-color), transparent), radial-gradient(1px 1px at 23% 77%, var(--star-color), transparent), radial-gradient(1px 1px at 48% 33%, var(--star-color), transparent), radial-gradient(1px 1px at 66% 96%, var(--star-color), transparent), radial-gradient(1px 1px at 81% 7%, var(--star-color), transparent), radial-gradient(1px 1px at 5% 51%, var(--star-color), transparent), radial-gradient(1px 1px at 16% 37%, var(--star-color), transparent), radial-gradient(1px 1px at 31% 14%, var(--star-color), transparent), radial-gradient(1px 1px at 54% 73%, var(--star-color), transparent), radial-gradient(1px 1px at 71% 59%, var(--star-color), transparent), radial-gradient(1px 1px at 86% 95%, var(--star-color), transparent), radial-gradient(1px 1px at 99% 44%, var(--star-color), transparent);background-size:600px 600px;animation:20s linear infinite alternate starDriftA}#stars2{--star-opacity:calc(var(--star-opacity) * .8);background-image:radial-gradient(1.5px 1.5px at 6% 10%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 14% 54%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 22% 82%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 29% 26%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 36% 68%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 44% 40%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 50% 90%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 57% 16%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 65% 58%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 72% 31%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 79% 75%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 87% 47%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 93% 13%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 11% 97%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 41% 7%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 62% 84%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 83% 22%, var(--star-color), transparent), radial-gradient(1.5px 1.5px at 97% 64%, var(--star-color), transparent);background-size:760px 760px;animation:30s linear infinite alternate starDriftB}#stars3{--star-opacity:calc(var(--star-opacity) * .6);filter:drop-shadow(0 0 5px var(--star-glow));background-image:radial-gradient(2px 2px at 8% 80%, var(--star-color), transparent), radial-gradient(2px 2px at 21% 35%, var(--star-color), transparent), radial-gradient(2px 2px at 33% 63%, var(--star-color), transparent), radial-gradient(2px 2px at 47% 19%, var(--star-color), transparent), radial-gradient(2px 2px at 59% 87%, var(--star-color), transparent), radial-gradient(2px 2px at 74% 44%, var(--star-color), transparent), radial-gradient(2px 2px at 89% 71%, var(--star-color), transparent), radial-gradient(2px 2px at 95% 24%, var(--star-color), transparent), radial-gradient(2px 2px at 13% 12%, var(--star-color), transparent), radial-gradient(2px 2px at 52% 52%, var(--star-color), transparent), radial-gradient(2px 2px at 68% 6%, var(--star-color), transparent), radial-gradient(2px 2px at 78% 95%, var(--star-color), transparent);background-size:980px 980px;animation:40s linear infinite alternate starDriftC}@keyframes starDriftA{0%{transform:translate(0,0)}50%{transform:translate(-6%,-4%)}to{transform:translate(-12%,-8%)}}@keyframes starDriftB{0%{transform:translate(0,0)scale(1)}50%{transform:translate(4%,-7%)scale(1.02)}to{transform:translate(8%,-14%)scale(1.04)}}@keyframes starDriftC{0%{transform:translate(0,0)}50%{transform:translate(-3%,5%)}to{transform:translate(-6%,10%)}}@media (prefers-reduced-motion:reduce){#stars,#stars2,#stars3{animation:none}}.home-wrapper{overflow-x:hidden}h1,h2,h3,h4,h5,h6,a,button{line-height:1.3}h1,h2{margin-bottom:20px}h3,h4,h5,h6{margin-bottom:15px}h1{font-size:30px}h2{font-size:22px}h3{font-size:20px}h4{font-size:18px}@media (max-width:768px){h1{font-size:26px}h2{font-size:20px}h3{font-size:18px}}p{margin-bottom:6px;line-height:1.4}p,a,div,a[href^=tel]{color:var(--text)}a{color:var(--accent);opacity:1;text-decoration:none;transition:opacity .3s}a:hover{opacity:.8;transition:opacity .3s}input:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--background) inset!important}input[type=checkbox]{appearance:none;border:1px solid var(--background-tertiary);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;width:20px;height:20px;transition:all .15s;position:relative;padding:0!important}input[type=checkbox]:hover{border-color:var(--accent);background:var(--background-transparent-light)}input[type=checkbox]:checked{background:var(--accent)!important;border-color:var(--accent)!important}input[type=checkbox]:checked:after{content:"";border:solid var(--alt-text);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}html.light{--text:#1a1a1a;--alt-text:#fff;--background:#fff;--background-secondary:#f1f1f1;--background-tertiary:#c9c9c9;--background-transparent:#fffffff5;--background-transparent-light:#ffffff1a;--background-transparent-inverse:#0003;--background-linear-gradient:linear-gradient(to right, #ffffffe6 0%, #ffffff4d 100%);--background-linear-gradient-secondary:linear-gradient(to right, #f1f1f1e6 0%, #ffffff4d 100%);--background-linear-gradient-heavy:linear-gradient(to right, #fffffff2 0%, #ffffffbf 100%);--background-linear-gradient-color:linear-gradient(to right, #f066 0%, #f060 100%);--background-linear-gradient-color-light:linear-gradient(to right, #ff00661a 0%, #f060 100%);--left-fade:linear-gradient(to right, #fff 0%, #fff0 100%);--right-fade:linear-gradient(to left, #fff 0%, #fff0 100%);--shadow-light:0 2px 6px #0000000d;--primary:#06f;--light-primary:#80c0ff75;--secondary:#66b3ff;--accent:#0052cc;--accent-hover:#0039a6;--scrollbar:#e6e6e6;--scrollthumb:silver;--overlay-dark:#fff9;--overlay-darker:#ffffffb3;--border-light:#0000004d;--scrollthumb-hover:#a6a6a6;--success:#00ca33;--success-secondary:#6f9;--error:#e00016;--error-secondary:#f56775;--star-color:#00000073;--star-glow:#3558bb40;--star-opacity:1}html.dark{--text:#f5f5f5;--overlay-dark:#00000080;--overlay-darker:#000000b3;--border-light:#ffffff4d;--alt-text:#0d0d0d;--background:#0d0d0d;--background-secondary:#202020;--background-tertiary:#505050;--background-transparent:#0d0d0df5;--background-transparent-light:#0000001a;--background-transparent-inverse:#fff3;--background-linear-gradient:linear-gradient(to right, #0a0a0ae6 0%, #0000004d 100%);--background-linear-gradient-secondary:linear-gradient(to right, #202020e6 0%, #0000004d 100%);--background-linear-gradient-heavy:linear-gradient(to right, #0d0d0df2 0%, #0d0d0dbf 100%);--background-linear-gradient-color:linear-gradient(to right, #ff63b166 0%, #ff63b100 100%);--background-linear-gradient-color-light:linear-gradient(to right, #ff63b11a 0%, #ff63b100 100%);--left-fade:linear-gradient(to right, #0d0d0d 0%, #0d0d0d00 100%);--right-fade:linear-gradient(to left, #0d0d0d 0%, #0d0d0d00 100%);--shadow-light:0 2px 6px #ffffff0d;--primary:#66b3ff;--light-primary:#66b3ff75;--secondary:#0052cc;--accent:#80bfff;--accent-hover:#66b3ff;--scrollbar:#333;--scrollthumb:#555;--scrollthumb-hover:#777;--success:#00ca33;--success-secondary:#00be3f;--error:#f74c5d;--error-secondary:#b60012;--star-color:#fffffff2;--star-glow:#aed3ff73;--star-opacity:1}::-webkit-scrollbar{background:0 0;width:16px}::-webkit-scrollbar-track{background:var(--scrollbar)}::-webkit-scrollbar-thumb{background:var(--scrollthumb);background-clip:padding-box;border:4px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollthumb-hover);background-clip:padding-box;border:4px solid #0000;border-radius:5px}::selection{background:#2dd5ff1e}.container{max-width:1350px;margin:0 auto;padding:0 25px}section{padding:60px 0}.spacer{height:120px}@media (max-width:768px){.spacer{height:80px}}.button{cursor:pointer;color:var(--alt-text);background-color:var(--accent);border:1px solid var(--primary);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:8px 18px;font-size:14px;font-weight:400;display:flex}.button:hover{opacity:.8;transition:opacity .3s}.button-alt{cursor:pointer;color:var(--text);background-color:var(--background-secondary);border:1px solid var(--background-tertiary);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:8px 18px;font-size:14px;font-weight:400;display:flex}.button-alt:hover{opacity:.8;transition:opacity .3s}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--background);border:1px solid var(--background-tertiary);width:100%;max-width:400px;box-shadow:var(--shadow-light);border-radius:12px;padding:40px;animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:32px;font-weight:700}.login-subtitle{text-align:center;color:var(--background-tertiary);margin-bottom:30px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text);font-size:14px;font-weight:600}.form-input{border:1px solid var(--background-tertiary);background:var(--background);color:var(--text);border-radius:6px;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00aeff1a}.form-input::placeholder{color:var(--background-tertiary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-error{border:1px solid var(--error-text);color:var(--error-text);background:#0092e61a;border-radius:6px;padding:10px 14px;font-size:13px;animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.login-button{margin-top:15px}.todos-container{background:0 0;min-height:100vh;position:relative;overflow:hidden}.todos-header{background:0 0;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 80px;padding:24px 28px;display:flex}.logout-button{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;transition:all .2s;display:flex}.logout-button:hover{color:var(--accent);background-color:#0066ff1a}.toggle-theme-button{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;transition:all .2s;display:flex}.toggle-theme-button:hover{color:var(--accent);background-color:#0066ff1a}.todos-title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.todos-title span{color:var(--accent)}.todos-header-controls{align-items:center;gap:12px;display:flex}.todos-error{justify-content:center;align-items:center;max-width:1200px;margin:0 auto 30px;display:flex}.todos-error-content{border:1px solid var(--error-text);width:100%;color:var(--error-text);background:#e600171a;border-radius:8px;align-items:center;gap:10px;margin:0 20px;padding:14px 16px;font-size:14px}.todos-loading{min-height:100vh;color:var(--text);justify-content:center;align-items:center;font-size:16px;display:flex}.todos-content{gap:20px;max-width:1200px;margin:0 auto 80px;padding:0 20px;display:grid}.todos-actions{justify-content:flex-end;gap:15px;margin-bottom:10px;display:flex}.add-task-section{background:var(--background);border:2px solid var(--primary);border-radius:12px;padding:28px;box-shadow:0 4px 16px #0066ff1f}.add-task-section h2{color:var(--primary);margin-bottom:18px;font-size:20px;font-weight:600}.add-category-section{background:var(--background-secondary);border:1px solid var(--background-tertiary);box-shadow:var(--shadow-light);border-radius:12px;padding:18px}.add-category-section h2{color:var(--background-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:500}.add-category-form,.add-task-form{flex-wrap:wrap;gap:10px;display:flex}.category-input,.task-input,.category-select{border:1px solid var(--background-tertiary);background:var(--background);min-width:200px;color:var(--text);border-radius:6px;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.category-input:focus,.task-input:focus,.category-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff00661a}.category-input::placeholder,.task-input::placeholder{color:var(--background-tertiary)}.category-select{min-width:150px}.tasks-by-category{gap:20px;display:grid}.no-categories{text-align:center;background:var(--background);border:1px dashed var(--background-tertiary);color:var(--background-tertiary);border-radius:12px;grid-column:1/-1;padding:40px 20px}.no-categories p{text-align:center;color:var(--background-tertiary);margin:0;padding:20px;font-size:14px}.category-section{background:var(--background);border:1px solid var(--background-tertiary);box-shadow:var(--shadow-light);border-radius:12px;padding:20px;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-header{border-bottom:1px solid var(--background-secondary);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.category-name{color:var(--text);flex:1;margin:0;font-size:18px;font-weight:600}.delete-category-button{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.delete-category-button:hover{color:var(--error);background-color:#ff3b301a}.task-count{background:var(--background-secondary);color:var(--text);opacity:.8;border-radius:20px;padding:4px 10px;font-size:12px}.tasks-list{flex-direction:column;gap:8px;display:flex}.no-tasks{text-align:center;color:var(--background-tertiary);margin:0;padding:13px;font-size:14px}.task-item{background:var(--background-secondary);border:1px solid var(--background-tertiary);border-radius:6px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.task-item:hover{border-color:var(--accent);background:var(--background)}.task-item.completed{opacity:.9}.task-item.completed .task-description{color:var(--text);text-decoration:line-through}.task-description{color:var(--text);word-break:break-word;flex:1;font-size:14px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--background);border-radius:12px;width:90%;max-width:500px;padding:28px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--background-tertiary);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;display:flex}.modal-header h2{color:var(--primary);margin:0;font-size:20px;font-weight:600}.modal-close{cursor:pointer;color:var(--text);background-color:var(--background-secondary);border:1px solid var(--background-tertiary);border-radius:5px;padding:8px 18px;font-size:14px;font-weight:400}.modal-close:hover{background-color:var(--background-tertiary);transition:background-color .3s}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-form input,.modal-form select{border:1px solid var(--background-tertiary);background:var(--background);color:var(--text);border-radius:6px;padding:12px 16px;font-size:14px;transition:all .2s}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}.modal-form input::placeholder{color:var(--background-tertiary)}.category-chips{flex-wrap:wrap;gap:5px;margin-bottom:5px;display:flex}.category-chip{border:1px solid var(--background-tertiary);background:var(--background);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:24px;padding:6px 12px;font-size:12px;transition:all .2s}.category-chip:hover{border-color:var(--accent);background:var(--background-secondary)}.category-chip.active{background:var(--light-primary);color:var(--text);border-color:var(--accent)}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.cancel-button{color:var(--error);border:1px solid var(--error-secondary);background-color:#ff3b301a}@media (max-width:768px){.login-container{padding:15px}.login-card{padding:30px 20px}.login-title{font-size:24px}.todos-header{gap:12px;margin-bottom:60px}.todos-title{font-size:24px}.add-category-form,.add-task-form{flex-direction:column}.category-input,.task-input,.category-select,.add-button{width:100%}.category-header{flex-wrap:wrap}.task-item{padding:10px 12px}.task-description{font-size:13px}}