:root{--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition:all 0.2s ease}.light{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:all .2s ease;transition:var(--transition)}.container{margin:0 auto;max-width:800px;padding:2rem 1rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700}.theme-toggle{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:48px}.theme-toggle:hover{transform:scale(1.1)}.todo-form{background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.form-main{display:flex;gap:1rem}.todo-input{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:var(--text-primary);flex:1 1;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;transition:var(--transition)}.todo-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.add-btn{background:#6366f1;background:var(--primary);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;transition:var(--transition)}.add-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-hover)}.add-btn:disabled{cursor:not-allowed;opacity:.5}.form-options{grid-gap:1rem;border-top:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem;padding-top:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-date,.form-select{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.5rem}.form-date:focus,.form-select:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.priority-buttons{display:flex;gap:.5rem}.priority-btn{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.5rem;text-transform:capitalize;transition:all .2s ease;transition:var(--transition)}.priority-btn.low.active{background:#dcfce7;border-color:#10b981;border-color:var(--success);color:#166534}.priority-btn.medium.active{background:#fef3c7;border-color:#f59e0b;border-color:var(--warning);color:#92400e}.priority-btn.high.active{background:#fee2e2;border-color:#ef4444;border-color:var(--danger);color:#991b1b}.stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding:0 .5rem}.stat{color:var(--text-secondary);font-size:.875rem}.stat strong{color:var(--text-primary)}.filter-bar{background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.search-box{margin-bottom:1rem;position:relative}.search-input{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.clear-search{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.filter-buttons{display:flex;gap:.25rem}.filter-btn{background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;text-transform:capitalize;transition:all .2s ease;transition:var(--transition)}.filter-btn:first-child{border-radius:6px 0 0 6px}.filter-btn:last-child{border-radius:0 6px 6px 0}.filter-btn.active{background:#6366f1;background:var(--primary);color:#fff}.filter-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.75rem;padding:.5rem}.clear-completed-btn{background:#ef4444;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease;transition:var(--transition)}.clear-completed-btn:hover{opacity:.9}.todo-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.todo-item{align-items:flex-start;background:var(--bg-secondary);border-left:4px solid #0000;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1rem;transition:all .2s ease;transition:var(--transition)}.todo-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.todo-item.completed{opacity:.6}.todo-item.completed .todo-text{color:var(--text-secondary);text-decoration:line-through}.todo-item.overdue{border-left-color:#ef4444;border-left-color:var(--danger)}.todo-checkbox{flex-shrink:0;position:relative}.todo-checkbox input{cursor:pointer;opacity:0;position:absolute}.checkmark{border:2px solid var(--border);border-radius:50%;cursor:pointer;display:block;height:24px;transition:all .2s ease;transition:var(--transition);width:24px}.todo-checkbox input:checked+.checkmark{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success)}.todo-checkbox input:checked+.checkmark:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:.875rem;font-weight:700;justify-content:center}.todo-content{flex:1 1;min-width:0}.todo-text{display:block;font-size:1rem;margin-bottom:.5rem;word-break:break-word}.edit-input{background:var(--bg-tertiary);border:2px solid #6366f1;border:2px solid var(--primary);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.5rem;width:100%}.todo-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.category-badge,.priority-badge{border-radius:4px;font-size:.7rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.category-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.category-badge.personal{background:#dbeafe;color:#1e40af}.category-badge.work{background:#fce7f3;color:#9d174d}.category-badge.shopping{background:#d1fae5;color:#065f46}.category-badge.health{background:#fef3c7;color:#92400e}.category-badge.learning{background:#ede9fe;color:#5b21b6}.priority-badge.low{background:#dcfce7;color:#166534}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.high{background:#fee2e2;color:#991b1b}.due-date{color:var(--text-secondary);font-size:.75rem}.due-date.overdue{color:#ef4444;color:var(--danger);font-weight:500}.todo-actions{display:flex;gap:.5rem;opacity:0;transition:all .2s ease;transition:var(--transition)}.todo-item:hover .todo-actions{opacity:1}.action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease;transition:var(--transition)}.action-btn:hover{background:var(--bg-tertiary)}.empty-state{color:var(--text-secondary);padding:3rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}@media (max-width:600px){.container{padding:1rem}.header h1{font-size:1.5rem}.filters,.form-main{flex-direction:column}.filters{align-items:stretch}.clear-completed-btn{margin-left:0;margin-top:.5rem}.todo-actions{opacity:1}}.navbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:15px 30px}.logo{color:#6366f1;color:var(--primary);font-size:20px;font-weight:700}.nav-right{align-items:center;display:flex;gap:20px}.theme-btn{background:var(--bg-tertiary);border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 10px}.user-section{font-weight:500}.dropdown{border:1px solid var(--border);top:35px;z-index:10}.dropdown-item{padding:10px}.skeleton-container{display:flex;flex-direction:column;gap:.75rem}.skeleton-item{background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative}.skeleton-checkbox{background:var(--bg-tertiary);border-radius:50%;height:24px;width:24px}.skeleton-content{flex:1 1}.skeleton-line{background:var(--bg-tertiary);border-radius:6px;height:10px;margin-bottom:8px}.skeleton-line.title{height:14px;width:60%}.skeleton-line.meta{width:40%}.skeleton-item:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;width:150%}.dark .skeleton-item:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}@keyframes shimmer{to{left:150%}}.todo-list{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-section{cursor:pointer;padding:8px 12px;position:relative}.dropdown{background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);min-width:140px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .2s ease;visibility:hidden;z-index:100}.user-section:hover .dropdown{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{cursor:pointer;padding:10px 12px;transition:.2s}.dropdown-item:hover{background:var(--bg-tertiary)}.auth-container{display:flex;font-family:Segoe UI,sans-serif;height:100vh}.auth-left{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.auth-left h1{font-size:48px;margin-bottom:10px}.tagline{font-size:18px;margin-bottom:30px;opacity:.9}.features li{font-size:16px;margin:10px 0}.auth-right{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center}.auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:40px;text-align:center;width:350px}.auth-card h2{margin-bottom:20px}.auth-card input{border:1px solid #ddd;padding:12px}.auth-card button{background:#4f46e5;font-weight:700;margin-top:15px;padding:12px}.auth-card button:hover{background:#4338ca}.switch-text{font-size:14px;margin-top:15px}.register-container{align-items:center;background:var(--bg-primary);display:flex;height:70vh;justify-content:center}.register-card{background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:40px;text-align:center;width:350px}.register-card input{border:1px solid var(--border);border-radius:8px;margin:10px 0;padding:10px;width:100%}.register-card button{background:#6366f1;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;width:100%}.register-card button:hover{background:#4f46e5;background:var(--primary-hover)}.register-card p{margin-top:10px}.register-card p,.signup-btn{color:#6366f1;color:var(--primary);cursor:pointer}.signup-btn{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary);border-radius:8px;font-weight:500;padding:8px 16px;transition:.2s ease}.signup-btn:hover{background:#6366f1;background:var(--primary);color:#fff}.logo-img{cursor:pointer;height:40px;object-fit:contain;transition:transform .2s ease}.logo-img:hover{transform:scale(1.05)}.profile-dashboard{background:var(--bg-primary);display:flex;gap:30px;min-height:100vh;padding:30px}.profile-left{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-right{display:flex;flex:2 1;flex-direction:column;gap:25px}.chart-card,.profile-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.dark .chart-card,.dark .profile-card{background:#46445799;border:1px solid #5148480d}.profile-card{padding:40px;text-align:center;width:340px}.avatar{align-items:center;background:linear-gradient(135deg,#5d56e0,#6366f1);border-radius:50%;box-shadow:0 5px 15px #4f46e566;color:#fff;display:flex;font-size:30px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.profile-card h2{font-weight:600;letter-spacing:.5px;margin-bottom:20px}.stats-box{display:flex;justify-content:space-between;margin:25px 0}.stats-box div{border-radius:12px;flex:1 1;padding:10px;transition:.3s}.stats-box div:hover{background:#4f46e514}.stats-box strong{color:#5e5ef0;font-size:1.4rem}.stats-box p{color:var(--text-secondary);font-size:.85rem}.profile-item{margin-bottom:18px;text-align:left}.profile-item label{color:var(--text-secondary);font-size:.8rem}.profile-item p{font-size:1rem;font-weight:500}.profile-item button,.secondary-btn{background:#0000;border:1px solid #6366f1;border:1px solid var(--primary);border-radius:10px;color:#6366f1;color:var(--primary);cursor:pointer;padding:10px 14px;transition:.3s}.profile-item button:hover,.secondary-btn:hover{background:#6366f1;background:var(--primary);color:#fff;transform:scale(1.03)}.logout-btn{border:2px solid #ef4444;border:2px solid var(--danger);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:.2s ease}.logout-btn,.logout-btn:hover{background:#ef4444;background:var(--danger)}.logout-btn:hover{color:#000}.password-btn{border:2px solid #f59e0b;border:2px solid var(--warning);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-bottom:15px;margin-top:7px;padding:8px 16px;transition:.2s ease}.password-btn,.password-btn:hover{background:#f59e0b;background:var(--warning)}.password-btn:hover{color:#000}.chart-card{padding:20px}.chart-card h3{font-weight:600;margin-bottom:10px}*{transition:all .2s ease-in-out}@media (max-width:900px){.profile-dashboard{flex-direction:column}.profile-card,.profile-left,.profile-right{width:100%}}.auth-card input{border:1px solid #ccc;border-radius:8px;margin:10px 0;padding:10px;width:100%}.auth-card button{background:#6366f1;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;width:100%}
/*# sourceMappingURL=main.1714f9b7.css.map*/