@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}body{color:#17203a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f6fa;min-width:320px;min-height:100vh;font-family:Inter,sans-serif}#root{min-height:100vh}button,input,select,textarea{font-family:inherit}button{cursor:pointer}img{max-width:100%}a{text-decoration:none}ul,ol{list-style:none}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#fff4f8;--bg-secondary:#ffe8f1;--card:#ffffffdb;--border:#db27771f;--text-primary:#4a1730;--text-secondary:#8f5570;--text-muted:#b4869b;--pink:#ec4899;--pink-light:#f9a8d4;--pink-soft:#fce7f3;--pink-dark:#be185d;--success:#10b981;--danger:#e11d48}html,body,#root{width:100%;min-height:100%}body{color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-page{background:radial-gradient(circle at 10% 10%,#fbcfe8e6,#0000 32%),radial-gradient(circle at 90% 15%,#f9a8d4a6,#0000 32%),radial-gradient(circle at 50% 100%,#f472b647,#0000 40%),linear-gradient(135deg,#fff8fb 0%,#ffeaf3 45%,#ffdce9 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";filter:blur(90px);pointer-events:none;background:#f472b62e;border-radius:50%;width:450px;height:450px;position:absolute;top:-200px;left:-150px}.auth-page:after{content:"";filter:blur(90px);pointer-events:none;background:#ec489926;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-180px;right:-150px}.auth-card{z-index:5;-webkit-backdrop-filter:blur(24px);background:#ffffffe0;border:1px solid #fffffff2;border-radius:30px;width:100%;max-width:470px;padding:30px 40px 36px;position:relative;box-shadow:0 30px 80px #be185d21,0 8px 30px #f472b61a}.auth-image{justify-content:center;align-items:center;width:100%;margin-bottom:4px;display:flex;position:relative}.auth-image img{object-fit:contain;filter:drop-shadow(0 18px 25px #be185d24);width:280px;height:210px;transition:transform .35s;display:block;transform:translateY(-5px)}.auth-image:hover img{transform:translateY(-10px)}.auth-content{width:100%}.auth-content h1{color:#831843;text-align:center;letter-spacing:-.8px;margin-bottom:8px;font-size:30px;font-weight:750;line-height:1.2}.subtitle{color:#9d5578;text-align:center;margin-bottom:25px;font-size:14px;line-height:1.6}.auth-content form{flex-direction:column;gap:15px;width:100%;display:flex}.form-group{width:100%}.form-group label{color:#831843;margin-bottom:7px;font-size:13px;font-weight:650;display:block}.input-wrapper{align-items:center;width:100%;height:52px;display:flex;position:relative}.input-icon{z-index:2;pointer-events:none;font-size:15px;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrapper input{color:#5b1737;background:#fffc;border:1px solid #f3b6d0;border-radius:13px;outline:none;width:100%;height:52px;padding:0 48px 0 42px;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.input-wrapper input::placeholder{color:#c18ba5}.input-wrapper input:hover{border-color:#ec91b8}.input-wrapper input:focus{background:#fff;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991c}.input-wrapper .icon-button{color:#9d5578;cursor:pointer;z-index:4;border-radius:8px;justify-content:center;align-items:center;min-width:34px;font-size:16px;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%);width:34px!important;height:34px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.input-wrapper .icon-button:hover{color:#be185d;background:#ec489914!important;transform:translateY(-50%)!important}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a8d4 0%,#ec4899 50%,#db2777 100%);border:none;border-radius:13px;width:100%;height:52px;margin-top:4px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s;box-shadow:0 10px 25px #ec489938}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ec489952}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.switch-text{text-align:center;color:#a45b7c;margin-top:22px;font-size:13px}.switch-text button{color:#db2777;font-size:inherit;cursor:pointer;font-weight:700;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0 0 0 5px!important;padding:0!important}.switch-text button:hover{color:#be185d;text-decoration:underline;transform:none!important}.error{color:#be123c;text-align:center;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:10px 12px;font-size:13px}.success{color:#047857;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:10px 12px;font-size:13px}.dashboard{background:radial-gradient(circle at 5% 5%,#f9a8d459,#0000 28%),radial-gradient(circle at 95% 10%,#ec489933,#0000 30%),radial-gradient(circle at 50% 100%,#f472b626,#0000 35%),linear-gradient(135deg,#fff5f9 0%,#ffe8f1 48%,#ffdce9 100%);min-height:100vh;padding:40px 7% 0;position:relative;overflow:hidden}.dashboard:before{content:"";filter:blur(110px);pointer-events:none;background:#ec48991f;border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;right:-150px}.dashboard-header{z-index:3;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto 32px;display:flex;position:relative}.brand{color:#db2777;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-flex}.dashboard-header h1{color:#581c3d;letter-spacing:-1px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.dashboard-header p{color:#92546f;margin-top:9px;font-size:15px}.logout-button{color:#92546f;cursor:pointer;background:#fff9;border:1px solid #db27771f;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;transition:all .25s;display:flex}.logout-button:hover{color:#be185d;background:#ffffffd9;border-color:#db277747;transform:translateY(-1px)}.dashboard-hero{background:linear-gradient(135deg,#fff7fb,#fce7f3);border:1px solid #fffffff2;border-radius:26px;align-items:center;max-width:1200px;height:280px;margin:0 auto 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #be185d1a}.dashboard-hero-image{object-fit:cover;object-position:center;opacity:1;filter:none;mix-blend-mode:normal;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.dashboard-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff8fce0 0%,#fff8fc9e 38%,#ffe7f338 72%,#ffe7f30d 100%);position:absolute;inset:0}.hero-text{z-index:2;max-width:650px;padding:42px 48px;position:relative}.hero-text span{color:#db2777;letter-spacing:2px;font-size:11px;font-weight:800}.hero-text h2{color:#581c3d;letter-spacing:-1.5px;margin-top:14px;font-size:clamp(30px,4vw,48px);line-height:1.05}.hero-text p{color:#92546f;margin-top:14px;font-size:15px}.task-input-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:18px;max-width:1200px;margin:0 auto 22px;padding:18px;box-shadow:0 15px 40px #be185d14}.task-input-card form{gap:12px;display:flex}.task-input-card input,.task-input-card select{color:#581c3d;background:#ffffffb8;border:1px solid #f3c0d5;border-radius:10px;outline:none;height:48px;padding:0 15px;font-size:14px;transition:all .25s}.task-input-card input{flex:1}.task-input-card input::placeholder{color:#b4869b}.task-input-card input:focus,.task-input-card select:focus{background:#fff;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.task-input-card select{min-width:140px}.task-input-card select option{color:#581c3d;background:#fff}.task-input-card form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9a8d4,#ec4899);border:none;border-radius:10px;height:48px;padding:0 22px;font-weight:700;transition:all .25s;box-shadow:0 8px 25px #ec489933}.task-input-card form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ec48994d}.task-toolbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 14px;display:flex}.filters{background:#ffffff94;border:1px solid #db27771a;border-radius:10px;gap:6px;padding:4px;display:flex}.filters button{color:#a66b86;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 14px;font-size:13px;transition:all .2s}.filters button:hover{color:#831843}.filters button.active{color:#be185d;background:#f472b62e;box-shadow:inset 0 0 0 1px #ec489926}.task-count{color:#a66b86;font-size:13px}.task-list{flex-direction:column;gap:10px;max-width:1200px;margin:0 auto;display:flex}.task-item{background:#ffffffc2;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:14px;min-height:64px;padding:12px 16px;transition:all .25s;display:flex;box-shadow:0 8px 25px #be185d0f}.task-item:hover{background:#ffffffeb;border-color:#ec489940;transform:translateY(-2px);box-shadow:0 12px 30px #be185d1a}.check-circle{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #d18aa8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;transition:all .25s;display:flex}.check-circle:hover{border-color:#ec4899;box-shadow:0 0 0 4px #ec489914}.check-circle.checked{border-color:var(--success);background:var(--success);color:#fff}.task-title{color:#5b1737;flex:1;font-size:14px;transition:all .25s}.task-title.completed{color:#b4869b;text-decoration:line-through}.category{letter-spacing:.3px;color:#db2777;background:#ec48991a;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:700}.category.work{color:#9333ea;background:#a855f71a}.category.health{color:#059669;background:#10b9811a}.category.shopping{color:#db2777;background:#ec48991f}.delete-button{color:#b4869b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .25s;display:flex}.delete-button:hover{color:var(--danger);background:#e11d4812;border-color:#e11d481f}.empty{text-align:center;background:#ffffffad;border:1px solid #ffffffe6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px;display:flex;box-shadow:0 15px 40px #be185d0f}.empty img{object-fit:contain;opacity:1;filter:drop-shadow(0 10px 20px #be185d1f);mix-blend-mode:normal;width:130px;max-height:120px;margin-bottom:16px}.empty h3{color:#581c3d;margin-bottom:7px;font-size:18px}.empty p{color:#92546f;font-size:13px}.loader{border:3px solid #ec48991f;border-top-color:#ec4899;border-radius:50%;width:28px;height:28px;margin-bottom:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom-decoration{background:linear-gradient(135deg,#ffeaf3,#fff5f9);border-radius:26px 26px 0 0;justify-content:center;align-items:center;max-width:1200px;height:230px;margin:40px auto 0;display:flex;position:relative;overflow:hidden}.bottom-plants{object-fit:cover;object-position:center bottom;opacity:1;filter:none;mix-blend-mode:normal;pointer-events:none;z-index:0;width:100%;height:100%;max-height:none;position:absolute;inset:0;transform:scale(1.01)}.bottom-decoration:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffe8f12e,#fff5f91a,#ffe8f12e);position:absolute;inset:0}.quote{z-index:2;-webkit-backdrop-filter:blur(10px);color:#7c294f;text-align:center;letter-spacing:.2px;background:#ffffff9e;border:1px solid #ffffffd1;border-radius:22px;justify-content:center;align-items:center;gap:24px;padding:22px 34px;font-size:18px;display:flex;position:relative;box-shadow:0 15px 40px #be185d1a}.quote span{color:#db2777;font-size:23px;animation:2s ease-in-out infinite sparkle}.quote strong{font-weight:700;line-height:1.65}@keyframes sparkle{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media (width<=800px){.dashboard{padding:28px 20px 0}.dashboard-header{gap:20px}.dashboard-header h1{font-size:30px}.dashboard-hero{height:260px}.hero-text{padding:32px}.hero-text h2{font-size:38px}.task-input-card form{flex-wrap:wrap}.task-input-card input{flex-basis:100%;width:100%}.task-input-card select{flex:1}.task-input-card form button{flex:none}.bottom-decoration{height:210px}}@media (width<=560px){.auth-page{padding:25px 14px}.auth-card{border-radius:24px;max-width:420px;padding:24px 20px 28px}.auth-image img{width:230px;height:175px}.auth-content h1{font-size:26px}.subtitle{margin-bottom:21px;font-size:13px}.dashboard{padding:22px 14px 0}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:28px}.dashboard-header p{font-size:14px}.logout-button{padding:9px 11px;font-size:0}.logout-button span{font-size:16px}.dashboard-hero{border-radius:22px;align-items:flex-start;height:330px}.dashboard-hero-image{object-fit:cover;opacity:1;filter:none;mix-blend-mode:normal;width:100%;height:100%}.dashboard-hero:after{background:linear-gradient(#fff8fcd1,#ffe7f347)}.hero-text{max-width:100%;padding:28px 25px}.hero-text h2{font-size:34px}.task-input-card{padding:14px}.task-input-card form{gap:9px}.task-input-card select{min-width:0}.task-toolbar{align-items:flex-end;gap:12px}.filters{flex-wrap:wrap}.filters button{padding:7px 10px}.task-count{white-space:nowrap}.task-item{gap:10px;padding:11px}.category{display:none}.bottom-decoration{border-radius:22px 22px 0 0;height:220px;margin-top:32px}.bottom-plants{object-fit:cover;opacity:1;filter:none;mix-blend-mode:normal;width:100%;height:100%}.quote{gap:12px;width:calc(100% - 24px);padding:18px 16px;font-size:16px}.quote span{font-size:19px}}