@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Clicker+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-color:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-primary:#764ba2;--accent-secondary:#667eea;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-error:#f87171;--border-color:#334155;--shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.app,body{background-color:#f8fafc;background-color:var(--bg-primary)}.app{min-height:100vh;padding:20px}.todo-container{background-color:#fff;background-color:var(--bg-secondary);border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;overflow:hidden;position:relative}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px 30px;position:relative;text-align:center}.header-content{align-items:center;display:flex;flex-direction:column;gap:15px}.animated-title{-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#add8ff,#c3c3ff,#d2f0ff,#baffe6);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:10px}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.current-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;font-size:1.2rem;font-weight:500;opacity:.9;padding:8px 20px}.theme-toggle-container{position:absolute;right:20px;top:20px}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.theme-toggle .svg-inline--fa{height:20px!important;margin:0!important;width:20px!important}.view-navigation{background:#f1f5f9;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex}.nav-button{background:none;border:none;border-bottom:3px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:20px;transition:all .3s ease}.nav-button:hover{background:#ffffff1a;color:#1e293b;color:var(--text-primary)}.nav-button.active{background:#fff;background:var(--bg-secondary);border-bottom-color:#667eea;border-bottom-color:var(--accent-primary);color:#667eea;color:var(--accent-primary)}.main-content{padding:30px}.add-todo-form{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;margin-bottom:30px;padding:25px}.basic-fields{display:flex;gap:15px;margin-bottom:15px}.todo-input{background-color:#f8fafc;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:16px;padding:15px 20px;transition:all .3s ease}.todo-input:focus{border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:15px 25px;transition:all .3s ease}.add-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.advanced-toggle{background:none;border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:15px;padding:12px 20px;transition:all .3s ease;width:100%}.advanced-toggle:hover{border-color:#667eea;border-color:var(--accent-primary);color:#667eea;color:var(--accent-primary)}.advanced-fields,.advanced-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary)}.advanced-fields{animation:slideDown .3s ease-out;border-radius:12px;margin-top:15px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-label{font-size:.9rem;font-weight:600}.form-input,.form-label,.form-select,.form-textarea{color:#1e293b;color:var(--text-primary);font-family:Poppins,sans-serif}.form-input,.form-select,.form-textarea{background-color:#f8fafc;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-button{background-color:#f8fafc;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:25px;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-button:hover{color:#667eea;color:var(--accent-primary)}.filter-button.active,.filter-button:hover{border-color:#667eea;border-color:var(--accent-primary)}.filter-button.active{background-color:#667eea;background-color:var(--accent-primary);color:#fff}.todos-list{display:flex;flex-direction:column;gap:12px}.empty-message{background:#f1f5f9;background:var(--bg-tertiary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:12px;color:#64748b;color:var(--text-tertiary);font-style:italic;padding:60px 20px;text-align:center}.todo-item{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.todo-item:hover{border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow)}.todo-item.completed{background-color:#f1f5f9;background-color:var(--bg-tertiary);opacity:.7}.todo-item.completed .todo-text{text-decoration:line-through}.todo-header{gap:15px;justify-content:space-between;margin-bottom:12px}.todo-header,.todo-main{align-items:flex-start;display:flex}.todo-main{flex:1 1;gap:12px}.todo-checkbox{accent-color:#667eea;accent-color:var(--accent-primary);cursor:pointer;height:20px;margin-top:2px;width:20px}.todo-content{flex:1 1}.todo-text{color:#1e293b;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px}.todo-description{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:12px}.todo-meta{display:flex;flex-wrap:wrap;gap:15px}.todo-duration,.todo-priority,.todo-time{align-items:center;background-color:#f1f5f9;background-color:var(--bg-tertiary);border-radius:6px;color:#64748b;color:var(--text-tertiary);display:flex;font-family:Poppins,sans-serif;font-size:.8rem;gap:6px;padding:4px 8px}.todo-priority.high{background-color:#ef44441a;color:#ef4444;color:var(--accent-error)}.todo-priority.medium{background-color:#f59e0b1a;color:#f59e0b;color:var(--accent-warning)}.todo-priority.low{background-color:#10b9811a;color:#10b981;color:var(--accent-success)}.todo-actions{display:flex;gap:8px}.action-button{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-tertiary);cursor:pointer;font-size:1.1rem;padding:8px;transition:all .3s ease}.action-button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.dashboard{padding:20px 0}.dashboard h2{color:#1e293b;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#add8ff,#f1f5f9);background:linear-gradient(135deg,#add8ff,var(--bg-tertiary));border-left:4px solid #667eea;border-left:4px solid var(--accent-primary);border-radius:15px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:4px}.stat-label,.stat-number{font-family:Poppins,sans-serif}.stat-label{font-size:.9rem;font-weight:500;opacity:.8}.progress-section{background:#fff;background:var(--bg-secondary);border-radius:15px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:30px;padding:25px}.progress-bars{display:flex;flex-direction:column;gap:20px}.progress-bar{background-color:#f1f5f9;background-color:var(--bg-tertiary);height:12px;overflow:hidden}.progress-bar,.progress-fill{border-radius:10px;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:100%;transition:width .5s ease}.progress-fill:after{animation:pulse 2s infinite;background:linear-gradient(90deg,#0000,#fff9);content:"";height:100%;position:absolute;right:0;top:0;width:20px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.progress-info{color:#475569;color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:.9rem;justify-content:space-between;margin-bottom:8px}@media (max-width:768px){.app{padding:10px}.animated-title{font-size:2.5rem}.basic-fields{flex-direction:column}.form-row{grid-template-columns:1fr}.todo-header{flex-direction:column}.todo-actions{align-self:flex-end}.stats-grid{grid-template-columns:1fr}.theme-toggle-container{right:15px;top:15px}.theme-toggle{font-size:1.3rem;height:45px;width:45px}}@media (max-width:480px){.app-header{padding:50px 20px 30px}.animated-title{font-size:2rem}.main-content{padding:20px}.filters{justify-content:center}.todo-meta{flex-direction:column;gap:8px}.nav-button{font-size:1rem;padding:15px 10px}}.fa-icon-sm{font-size:.875rem}.fa-icon-md{font-size:1rem}.fa-icon-lg{font-size:1.25rem}.add-button .svg-inline--fa,.filter-button .svg-inline--fa,.nav-button .svg-inline--fa,.theme-toggle .svg-inline--fa{margin-right:6px}.todo-duration .svg-inline--fa,.todo-priority .svg-inline--fa,.todo-time .svg-inline--fa{margin-right:4px;opacity:.8}.app-footer{background:#f1f5f9;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding:20px 30px}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.copyright{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500}.social-links{display:flex;gap:15px}.social-link{color:#475569;color:var(--text-secondary);font-size:1.3rem;text-decoration:none;transition:all .3s ease}.social-link:hover{color:#667eea;color:var(--accent-primary);transform:translateY(-2px)}@media (max-width:768px){.footer-content{flex-direction:column;gap:15px;text-align:center}.app-footer{padding:15px 20px}}
/*# sourceMappingURL=main.97a5bbea.css.map*/