@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{align-items:center;background:radial-gradient(circle at 20% 30%,#0a0a2a,#030014);display:flex;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:32px 20px 48px;position:relative}body:before{background:radial-gradient(ellipse at 40% 50%,#7850c826,#0000 60%),repeating-linear-gradient(45deg,#ffffff03,#ffffff03 2px,#0000 0,#0000 8px);height:100%;left:0;top:0;width:100%}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:0}body:after{animation:slowDrift 28s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 40%,#8b5cf614,#0000 70%);height:140%;left:-20%;top:-20%;width:140%}@keyframes slowDrift{0%{opacity:.4;transform:translate(0) rotate(0deg)}to{opacity:.9;transform:translate(4%,6%) rotate(5deg)}}.app{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px);background:#0c0a1d8c;border:1px solid #a78bfa40;border-radius:2rem;box-shadow:0 25px 45px #0006,inset 0 0 0 1px #a78bfa33,inset 0 0 0 2px #ffffff0d;color:#fff;max-width:620px;padding:28px 28px 24px;position:relative;transition:transform .3s ease,box-shadow .4s ease;width:100%;z-index:2}.app:hover{box-shadow:0 30px 50px #00000080,inset 0 0 0 1px #a78bfa80;transform:translateY(-3px)}.app:before{animation:borderFlow 8s ease infinite;background:linear-gradient(125deg,#a78bfa,#3b82f6,#ec4899,#a78bfa);background-size:300% 300%;border-radius:2rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;padding:2px;pointer-events:none;position:absolute}@keyframes borderFlow{0%{background-position:0 50%;opacity:.5}50%{background-position:100% 50%;opacity:1}to{background-position:0 50%;opacity:.5}}h1{-webkit-text-fill-color:#0000;animation:shimmer 6s linear infinite;background:linear-gradient(135deg,#e0c3fc,#b794f4,#60a5fa);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 5px #0003;width:100%}@keyframes shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}.filters{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border-radius:60px;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px;padding:8px 12px}.filters,.filters label{align-items:center;display:flex}.filters label{color:#ffffffb3;gap:8px;letter-spacing:.3px;text-transform:uppercase}.filters label,.filters select{font-size:.75rem;font-weight:500}.filters select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141228b3;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23a78bfa%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #a78bfa66;border-radius:40px;color:#f0f0ff;cursor:pointer;font-family:inherit;outline:none;padding:6px 20px 6px 16px;transition:all .2s}.filters select:hover{background-color:#1e1b3ae6;border-color:#b794f4}.filters select:focus{border-color:#c4b5fd;box-shadow:0 0 0 3px #a78bfa4d}.todo-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:20px 0 12px;padding:0}.todo{align-items:center;animation:fadeSlideUp .4s ease backwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121026a6;border:1px solid #a78bfa40;border-radius:24px;box-shadow:0 6px 14px #0003;display:flex;gap:14px;padding:16px 18px;transition:all .25s cubic-bezier(.2,.9,.4,1.1)}.todo:hover{background:#1c1937cc;border-color:#a78bfa99;box-shadow:0 18px 30px -12px #00000080,inset 0 0 0 1px #a78bfa4d;transform:translateY(-3px) scale(1.01)}.todo:first-child{animation-delay:.02s}.todo:nth-child(2){animation-delay:.06s}.todo:nth-child(3){animation-delay:.1s}.todo:nth-child(4){animation-delay:.14s}.todo:nth-child(5){animation-delay:.18s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.todo.completed{background:#0a0819b3;border-left:3px solid #6ee7b7;opacity:.65}.todo.completed .todo-text{text-decoration:line-through;text-decoration-color:#86efac;text-decoration-thickness:1.5px}.todo-content{flex:1 1;min-width:0}.todo-text{color:#f3f0ff;font-size:1rem;font-weight:550;letter-spacing:-.2px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-date{align-items:center;color:#c8beff8c;display:flex;font-size:.7rem;gap:4px;margin-top:2px}.todo-priority{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:40px;box-shadow:0 1px 2px #0003;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.4px;padding:4px 12px;text-transform:uppercase;transition:all .2s}.todo-priority.High{background:#ef444440;border:1px solid #ef444480;color:#ffb3b3;text-shadow:0 0 3px #ef444466}.todo-priority.Medium{background:#f59e0b38;border:1px solid #f59e0b80;color:#fd9}.todo-priority.Low{background:#60a5fa33;border:1px solid #60a5fa73;color:#b9e0ff}.edit-input{background:#0a0819cc;border:1px solid #a78bfa80;border-radius:20px;color:#fff;font-family:inherit;font-size:.85rem;margin:4px 0;outline:none;padding:8px 14px;transition:all .2s;width:100%}.edit-input:focus{background:#14122df2;border-color:#c084fc;box-shadow:0 0 0 3px #a78bfa66}button{font-family:inherit;font-weight:500;letter-spacing:.2px;transition:all .2s cubic-bezier(.2,.9,.4,1.1)}.cancel-btn,.complete-btn,.edit-btn,.remove-btn,.save-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;margin:3px 4px;padding:6px 16px;transition:transform .15s,background .2s,box-shadow .2s}.cancel-btn:active,.complete-btn:active,.edit-btn:active,.remove-btn:active,.save-btn:active{transform:scale(.94)}.complete-btn{background:#34d39933;border:1px solid #34d39966;box-shadow:0 1px 3px #0003;color:#a7f3d0}.complete-btn:hover{background:#34d39973;border-color:#6ee7b7;box-shadow:0 0 12px #34d39980;color:#fff;transform:translateY(-2px)}.edit-btn{background:#f59e0b33;border:1px solid #f59e0b66;color:#fde68a}.edit-btn:hover{background:#f59e0b80;box-shadow:0 0 10px #f59e0b66;color:#fff5e0;transform:translateY(-2px)}.remove-btn{background:#ef444433;border:1px solid #ef444466;color:#fecaca}.remove-btn:hover{background:#ef44448c;box-shadow:0 0 12px #ef444499;color:#fff;transform:translateY(-2px)}.save-btn{background:#4ade8033;border:1px solid #4ade8080;color:#bbf7d0}.save-btn:hover{background:#22c55ecc;box-shadow:0 0 8px #4ade80;color:#fff;transform:scale(1.02)}.cancel-btn{background:#6464824d;border:1px solid #9ca3af66;color:#cbd5e1}.cancel-btn:hover{background:#9ca3af99;color:#fff;transform:scale(1.02)}form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a081c8c;border:1px solid #a78bfa66;border-radius:28px;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:20px 18px;transition:all .3s}form:hover{border-color:#a78bfab3;box-shadow:0 10px 20px -8px #0006}form input,form select{background:#141228cc;border:1px solid #a78bfa59;border-radius:20px;color:#f0f0ff;font-family:inherit;font-size:.85rem;font-weight:500;outline:none;padding:12px 16px;transition:all .2s}form input::placeholder{color:#c8c8ff66;font-weight:400}form input:focus,form select:focus{background:#18163b;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa4d}form button{background:linear-gradient(105deg,#7c3aed,#3b82f6,#a855f7);background-size:200% auto;border:none;border-radius:28px;box-shadow:0 6px 14px #3b82f64d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-top:4px;padding:12px;text-transform:uppercase;transition:all .3s}form button:hover{background-position:100%;box-shadow:0 12px 20px -8px #3b82f6;filter:brightness(1.05);transform:scale(1.02)}form button:active{transform:scale(.98)}.error-message{align-items:center;animation:shakeError .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef444433;border-left:4px solid #f87171;border-radius:20px;color:#ffb4b4;display:flex;font-size:.8rem;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 18px}@keyframes shakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.footer{border-top:1px solid #a78bfa26;color:#d2c8ff4d;font-size:.7rem;font-weight:400;letter-spacing:.3px;margin-top:20px;padding:20px 10px 6px;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#14122880;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a78bfa,#60a5fa);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#c084fc}@media (max-width:550px){.app{padding:20px 18px}.todo{flex-wrap:wrap;padding:14px}.todo-content{width:100%}.complete-btn,.edit-btn,.remove-btn{font-size:.7rem;padding:6px 12px}.filters{justify-content:center}h1{font-size:1.6rem}form button{font-size:.8rem}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.auth-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 20px;width:100%}.auth-card{animation:fadeSlideUp .5s ease backwards;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px);background:#0c0a1d8c;border:1px solid #a78bfa40;border-radius:2rem;box-shadow:0 25px 45px #0006,inset 0 0 0 1px #a78bfa33;color:#fff;max-width:400px;padding:36px 32px;position:relative;width:100%}.auth-card:before{animation:borderFlow 8s ease infinite;background:linear-gradient(125deg,#a78bfa,#3b82f6,#ec4899,#a78bfa);background-size:300% 300%;border-radius:2rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;padding:2px;pointer-events:none;position:absolute}.auth-card h1{margin-bottom:28px}.auth-tabs{background:#ffffff0a;border:1px solid #a78bfa33;border-radius:40px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.auth-tab{background:#0000;border:none;border-radius:30px;color:#fff6;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:9px 16px;text-transform:uppercase;transition:all .25s cubic-bezier(.2,.9,.4,1.1)}.auth-tab.active{background:linear-gradient(105deg,#7c3aed,#3b82f6);box-shadow:0 4px 12px #7c3aed80;color:#fff;transform:scale(1.02)}.auth-tab:not(.active):hover{background:#a78bfa1a;color:#ffffffbf}.app-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.app-header h1{font-size:1.5rem;margin-bottom:0;text-align:left}.user-info{align-items:center;display:flex;flex-shrink:0;gap:10px}.username{background:#a78bfa1a;border:1px solid #a78bfa40;border-radius:30px;color:#c8beff99;font-size:.75rem;font-weight:500;letter-spacing:.2px;padding:5px 12px}.logout-btn{background:#ef44442e;border:1px solid #ef444466;border-radius:30px;color:#fecaca;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.logout-btn:hover{background:#ef444473;box-shadow:0 0 12px #ef444480;color:#fff;transform:translateY(-1px)}body{align-items:flex-start}.success-message{animation:shakeError .35s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#34d3992e;border-left:4px solid #34d399;border-radius:20px;color:#a7f3d0;font-size:.8rem;font-weight:500;margin-bottom:20px;padding:12px 18px}.auth-subtitle{color:#ffffff80;font-size:.85rem;margin-bottom:20px;text-align:center}.auth-back{color:#a78bfa;cursor:pointer;display:inline-block;font-size:.8rem;margin-bottom:20px;transition:opacity .2s}.auth-back:hover{opacity:.7}.auth-forgot{color:#c8beff80;cursor:pointer;font-size:.78rem;margin-top:16px;text-align:center;transition:color .2s}.auth-forgot:hover{color:#a78bfa}.password-match-wrap{position:relative}.input-valid{border-color:#34d39999!important}.input-invalid{border-color:#ef444499!important}.match-indicator{display:block;font-size:.72rem;font-weight:500;margin-bottom:4px;margin-top:-6px;padding-left:14px}.match-indicator.match{color:#6ee7b7}.match-indicator.no-match{color:#fca5a5}.date-picker-wrap{display:flex;flex-direction:column;gap:4px}.date-label{color:#c8beff80;font-size:.72rem;font-weight:500;letter-spacing:.3px;padding-left:14px;text-transform:uppercase}.date-input{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.7) sepia(1) saturate(3) hue-rotate(220deg);opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}
/*# sourceMappingURL=main.cb18e7e5.css.map*/