@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--bg-color:#f7f8fa;--text-color:#222;--task-bg:#fff;--input-bg:#f3f4f6;--button-bg:#2563eb;--button-text:#fff;--accent-color:#6366f1;--border-color:#e5e7eb;--shadow-color:#1e293b14;--radius:16px;--transition:0.25s cubic-bezier(.4,0,.2,1)}body.dark-mode{--bg-color:#18181b;--text-color:#f3f4f6;--task-bg:#23232a;--input-bg:#23232a;--button-bg:#6366f1;--button-text:#fff;--accent-color:#818cf8;--border-color:#27272a;--shadow-color:#00000040}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fadeInApp .7s;background:#f7f8fa;background:var(--bg-color);color:#222;color:var(--text-color);font-family:Inter,Roboto,Arial,sans-serif;line-height:1.7;min-height:100vh;transition:background .4s,color .4s}@keyframes fadeInApp{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f7f8fa;background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--accent-color)}:focus,button:focus,input:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-color);outline-offset:2px}.auth-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:var(--task-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h2{color:var(--text-color);font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-color);font-size:14px;font-weight:500}.form-group input{background-color:var(--input-bg);border:1px solid #ddd;border-radius:8px;color:var(--text-color);font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#555;box-shadow:0 0 0 2px #5555551a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.auth-btn{background-color:var(--button-bg);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 24px;transition:background-color .3s ease,transform .1s ease}.auth-btn:hover:not(:disabled){background-color:#666;transform:translateY(-1px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#e74c3c1a;border:1px solid #e74c3c33;border-radius:6px;color:#e74c3c;font-size:14px;padding:8px}.auth-footer{margin-top:20px;text-align:center}.auth-footer p{color:var(--text-color);font-size:14px}.auth-footer a{color:#007bff;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-card h2{font-size:24px}}.toggle-theme-btn{background:var(--button-bg);border:none;border-radius:999px;box-shadow:0 2px 8px var(--shadow-color);color:var(--button-text);cursor:pointer;display:block;font-size:1.08rem;font-weight:600;margin:0 auto 20px;padding:10px 32px;text-align:center;transition:background var(--transition),color var(--transition),transform .18s cubic-bezier(.4,0,.2,1)}.toggle-theme-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.06)}.toggle-theme-btn:active{transform:scale(.97)}.toggle-theme-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.input-section{animation:fadeInApp .7s;background:var(--task-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-color);margin:0 auto 32px;max-width:700px;padding:24px 24px 18px}.input-section,.task-form{display:flex;flex-wrap:wrap;justify-content:center}.task-form{gap:14px;width:100%}.task-input{accent-color:var(--accent-color);background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:999px;box-shadow:0 1px 4px var(--shadow-color);color:var(--text-color);flex:1 1;font-size:1.08rem;min-width:180px;outline:none;padding:12px 18px;transition:border-color var(--transition),box-shadow var(--transition)}.task-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.task-input:disabled{cursor:not-allowed;opacity:.6}.add-task-btn,.clear-tasks-btn{background:var(--button-bg);border:none;border-radius:999px;box-shadow:0 1px 4px var(--shadow-color);color:var(--button-text);cursor:pointer;display:inline-block;font-size:1.08rem;font-weight:600;min-width:120px;padding:12px 28px;text-align:center;transition:background var(--transition),transform var(--transition)}.add-task-btn:hover,.clear-tasks-btn:hover{background:var(--accent-color);transform:translateY(-2px) scale(1.04)}.add-task-btn:disabled,.clear-tasks-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{animation:fadeInApp .5s;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.98rem;margin-top:8px;padding:6px 0;text-align:center;width:100%}@media (max-width:600px){.input-section{padding:16px 8px 10px}.input-section,.task-form{flex-direction:column;gap:15px}.add-task-btn,.clear-tasks-btn,.task-input{width:100%}}.filter-buttons{animation:fadeInApp .7s;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.filter-btn{background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:999px;box-shadow:0 1px 4px var(--shadow-color);color:var(--text-color);cursor:pointer;font-size:1.02rem;font-weight:600;margin:0 2px;padding:10px 26px;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.filter-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px) scale(1.04)}.filter-btn.active-filter{background:var(--button-bg);border-color:var(--button-bg);box-shadow:0 2px 8px var(--shadow-color);color:#fff;font-weight:700}@media (max-width:600px){.filter-buttons{align-items:center;flex-direction:column;gap:8px}.filter-btn{margin:2px 0;width:180px}}.progress-bar{animation:fadeInApp .7s;background:var(--task-bg);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-color);font-size:1.02rem;margin:32px auto 0;max-width:500px;padding:18px 0 12px;text-align:center}.progress-text{color:var(--text-color);display:block;font-size:1.02rem;font-weight:600;margin-bottom:10px}.bar{background:var(--input-bg);box-shadow:0 1px 4px var(--shadow-color);height:18px;margin:0 auto;overflow:hidden;width:90%}.bar,.fill{border-radius:999px}.fill{background:linear-gradient(90deg,var(--accent-color) 60%,var(--button-bg) 100%);height:100%;transition:width .5s var(--transition);width:0}.fill:hover{background:linear-gradient(90deg,#4f46e5 60%,#2563eb)}.task-item{align-items:center;animation:fadeInTask .5s;background:var(--task-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-color);display:flex;justify-content:space-between;margin:0 auto;min-width:0;padding:18px 22px;position:relative;transition:box-shadow var(--transition),transform var(--transition),background var(--transition);width:100%}@keyframes fadeInTask{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.task-item:last-child{border-bottom:none}.task-item:hover{background:var(--input-bg);box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-2px) scale(1.01)}.task-item.completed{animation:completeTask .4s;background:var(--input-bg);color:#a1a1aa;opacity:.7;text-decoration:line-through}@keyframes completeTask{0%{background:var(--task-bg)}to{background:var(--input-bg)}}.task-text{border-radius:4px;cursor:pointer;flex:1 1;font-size:1.08rem;font-weight:500;padding:5px 0;transition:background .2s;word-break:break-word}.task-text:hover{background:#6366f112}.task-actions{align-items:center;display:flex;gap:10px}.delete-btn,.toggle-btn{align-items:center;background:var(--input-bg);border:none;border-radius:50%;box-shadow:0 1px 4px var(--shadow-color);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:7px 12px;transition:background var(--transition),transform var(--transition)}.toggle-btn:hover{background:#d1fae5;color:#059669;transform:scale(1.12) rotate(-10deg)}.delete-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.12) rotate(10deg)}.edit-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);flex:1 1;font-size:1.08rem;outline:none;padding:10px;transition:border-color var(--transition),box-shadow var(--transition)}.edit-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.task-item.admin-task{background:linear-gradient(90deg,var(--task-bg) 80%,#eef2ff 100%);border:2px solid var(--accent-color);box-shadow:0 2px 12px var(--shadow-color);position:relative}.task-item.admin-task .task-text{color:var(--accent-color);font-weight:600}@media (max-width:600px){.task-item{padding:12px 8px}.task-actions{gap:6px}.delete-btn,.toggle-btn{font-size:1rem;padding:6px 8px}}.dashboard-container{animation:fadeInApp .7s;background:var(--bg-color);color:var(--text-color);font-family:Inter,Roboto,Arial,sans-serif;min-height:100vh}.dashboard-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);padding:32px 0 16px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto 10px;max-width:900px}.header-content h1{color:var(--accent-color);font-size:2.2rem;font-weight:700;letter-spacing:-1px;margin:0}.header-actions{align-items:center;display:flex;gap:18px}.welcome-text{color:var(--text-color);font-size:1rem;font-weight:500;opacity:.7}.logout-btn{background:var(--button-bg);border:none;border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-color);color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 22px;transition:background var(--transition),transform var(--transition)}.logout-btn:hover{background:var(--accent-color);transform:translateY(-2px) scale(1.04)}.dashboard-main{animation:slideInMain .7s;margin:0 auto;max-width:900px;padding:32px 0 0}.dashboard-main.admin-main-grid{margin:0;max-width:100vw;padding:32px 0 0;width:100vw}@keyframes slideInMain{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.task-section{margin-top:32px}.task-list{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.empty-state{background:var(--task-bg);border:2px dashed var(--border-color);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-color);font-size:1.1rem;margin-top:24px;opacity:.6;padding:48px 20px;text-align:center}.empty-state,.loading{color:var(--text-color)}.loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.admin-main-grid{grid-gap:48px;align-items:flex-start;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:0;width:100vw}.admin-assign-card,.admin-tasks-card{background:var(--task-bg);border-radius:var(--radius);box-shadow:0 4px 20px var(--shadow-color);box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:48px 40px 40px;width:100%}.admin-section-title{color:var(--text-color);font-size:2rem;font-weight:700;letter-spacing:-1px;margin-bottom:24px}.admin-task-form{display:flex;flex-direction:column;gap:28px}.admin-form-group{display:flex;flex-direction:column;gap:12px}.admin-label{font-weight:600;margin-bottom:2px}.admin-label,.admin-task-input{color:var(--text-color);font-size:1.15rem}.admin-task-input{background:var(--input-bg);border:2px solid var(--border-color);border-radius:10px;padding:16px 20px;transition:border-color .2s}.admin-task-input:focus{border-color:var(--accent-color);outline:none}.admin-user-select{background:var(--input-bg);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-size:1.15rem;max-height:320px;min-height:180px;padding:14px 18px;transition:border-color .2s;width:100%}.admin-user-select:focus{border-color:var(--accent-color);outline:none}@media (max-width:1300px){.admin-tasks-card{max-width:100%;min-width:0;padding:32px 12px 24px}.admin-main-grid{gap:24px}}@media (max-width:1100px){.admin-main-grid{gap:24px;grid-template-columns:1fr}.admin-assign-card,.admin-tasks-card{padding:32px 12px 24px}}@media (max-width:900px){.dashboard-main,.header-content{max-width:100%;padding:0 12px}.admin-main-grid{flex-direction:column;gap:24px}.admin-assign-card,.admin-tasks-card{max-width:100%;min-width:0;padding:22px 6px 18px}}@media (max-width:600px){.header-content{flex-direction:column;gap:12px;text-align:center}.dashboard-main{padding:18px 0 0}.header-content h1{font-size:1.5rem}}.App{min-height:100vh;transition:all .3s ease}
/*# sourceMappingURL=main.10b09d92.css.map*/