*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.header{margin-bottom:30px;text-align:center}.header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.header p{color:#7f8c8d;font-size:1.1rem}.task-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.task-form h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #e1e8ed;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9;transform:translateY(-1px)}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.btn-small{font-size:14px}.task-list{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.task-list-header{background-color:#34495e;color:#fff;padding:20px;text-align:center}.task-list-header h2{font-size:1.5rem;margin-bottom:5px}.task-count{font-size:.9rem;opacity:.8}.tasks-container{max-height:500px}.task-item{border-bottom:1px solid #ecf0f1;padding:20px;transition:background-color .3s ease}.task-item:hover{background-color:#f8f9fa}.task-item.completed{background-color:#f8fffe;opacity:.8}.task-content{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.task-checkbox{margin-top:5px}.task-checkbox input[type=checkbox]{height:18px;width:18px}.task-details{flex:1 1}.task-title{color:#2c3e50;font-size:1.1rem;margin-bottom:5px}.task-title.completed{color:#7f8c8d}.task-description{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin-bottom:10px}.task-meta{color:#bdc3c7;font-size:.8rem}.task-actions{display:flex;gap:10px;justify-content:flex-end}.loading{color:#7f8c8d;font-size:1.1rem;padding:40px;text-align:center}.error{background-color:#fee;border-left:4px solid #e74c3c;color:#c0392b}.error,.success{border-radius:6px;margin-bottom:20px;padding:15px}.success{background-color:#eafaf1;border-left:4px solid #27ae60;color:#27ae60}.empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-state h3{color:#95a5a6;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1rem;margin-bottom:20px}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2rem}.task-form{padding:20px}.form-actions,.task-actions{flex-direction:column}.task-actions{align-items:stretch}.btn{margin-bottom:5px;width:100%}.task-content{flex-direction:column;gap:10px}.task-checkbox{align-self:flex-start}}@media (max-width:480px){.container{padding:10px}.header h1{font-size:1.8rem}.task-form,.task-item{padding:15px}}:root{--color-bg:#0f1216;--color-bg-alt:#181d23;--color-panel:#1d232a;--color-panel-alt:#252e37;--color-border:#303b46;--color-text:#eef3f7;--color-text-dim:#8fa2b3;--color-primary:#4f8cff;--color-primary-accent:#78aaff;--color-success:#42c98b;--color-danger:#ff5f56;--color-danger-accent:#ff7a73;--radius:10px;--ease:cubic-bezier(.4,.14,.3,1)}body{background:radial-gradient(circle at 25% 20%,#172028,#0f1216 65%);color:#eef3f7;color:var(--color-text)}.container{max-width:880px;padding:34px 26px 70px}.header h1{background:linear-gradient(90deg,#fff,#b7d5ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:700;letter-spacing:.6px}.header p{color:#8fa2b3;color:var(--color-text-dim)}.task-form,.task-list{background:linear-gradient(140deg,#1d232a,#252e37);background:linear-gradient(140deg,var(--color-panel),var(--color-panel-alt));border:1px solid #303b46;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 28px -8px #0000008c,0 4px 12px -4px #00000073;overflow:hidden;position:relative}.task-form:before,.task-list:before{background:linear-gradient(120deg,#ffffff0f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.task-form{padding:28px 26px 32px}.task-form h2{color:#eef3f7;color:var(--color-text);font-size:1.35rem;font-weight:600;margin-bottom:16px}.form-group label{color:#8fa2b3;color:var(--color-text-dim);font-size:.72rem;letter-spacing:1px;text-transform:uppercase}.form-group input,.form-group textarea{background:#13171b;border:1px solid #303b46;border:1px solid var(--color-border);border-radius:8px;color:#eef3f7;color:var(--color-text);font-size:15px;padding:14px 15px 13px;transition:border-color .25s cubic-bezier(.4,.14,.3,1),box-shadow .25s cubic-bezier(.4,.14,.3,1);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.form-group input:focus,.form-group textarea:focus{border-color:#4f8cff;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8cff40;outline:none}.form-actions{gap:14px}.btn{background:linear-gradient(145deg,#242c33,#1b2228);border:1px solid #303b46;border:1px solid var(--color-border);border-radius:8px;color:#eef3f7;color:var(--color-text);font-size:15px;letter-spacing:.3px;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.4,.14,.3,1),box-shadow .25s cubic-bezier(.4,.14,.3,1),background .35s cubic-bezier(.4,.14,.3,1);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .35s var(--ease)}.btn:after{background:linear-gradient(120deg,#ffffff14,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s cubic-bezier(.4,.14,.3,1);transition:opacity .5s var(--ease)}.btn:hover{box-shadow:0 10px 22px -10px #0009;transform:translateY(-3px)}.btn:hover:after{opacity:1}.btn:active{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#4f8cff,#78aaff);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-accent));border:1px solid #396dbf;color:#fff}.btn-danger{background:linear-gradient(135deg,#ff5f56,#ff7a73);background:linear-gradient(135deg,var(--color-danger),var(--color-danger-accent));border:1px solid #d94f47;color:#fff}.btn-secondary{background:#2a343d}.btn-small{font-size:13px;padding:8px 16px}.task-list-header{background:linear-gradient(120deg,#262f37,#222a32);border-bottom:1px solid #303b46;border-bottom:1px solid var(--color-border);padding:26px 26px 20px;text-align:left}.task-list-header h2{font-size:1.25rem;font-weight:600;letter-spacing:.4px}.task-count{color:#8fa2b3;color:var(--color-text-dim);font-size:.68rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.progress-bar{background:#151a1d;border:1px solid #303b46;border:1px solid var(--color-border);border-radius:30px;height:10px;margin-top:14px;overflow:hidden;position:relative}.progress-fill{animation:growWidth .8s cubic-bezier(.4,.14,.3,1) forwards;animation:growWidth .8s var(--ease) forwards;background:linear-gradient(90deg,#4f8cff,#42c98b);background:linear-gradient(90deg,var(--color-primary),var(--color-success));box-shadow:0 0 0 1px #ffffff0d,0 0 14px -2px #4f8cff99;height:100%;width:0}@keyframes growWidth{0%{width:0}}.tasks-container{max-height:520px;overflow-y:auto;padding:6px 2px 4px}.tasks-container::-webkit-scrollbar{width:10px}.tasks-container::-webkit-scrollbar-track{background:#12161a}.tasks-container::-webkit-scrollbar-thumb{background:#2d3944;border:2px solid #12161a;border-radius:20px}.tasks-container::-webkit-scrollbar-thumb:hover{background:#3a4956}.task-item{animation:fadeIn .45s cubic-bezier(.4,.14,.3,1);animation:fadeIn .45s var(--ease);background:linear-gradient(145deg,#1c2329,#181e23);border-bottom:1px solid #2a333c;padding:22px 26px 20px;position:relative;transition:background .35s cubic-bezier(.4,.14,.3,1),border-color .35s cubic-bezier(.4,.14,.3,1);transition:background .35s var(--ease),border-color .35s var(--ease)}.task-item:hover{background:#232c34}.task-item:last-child{border-bottom:none}.task-item.completed{background:linear-gradient(145deg,#181f24,#151a1f)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.task-content{gap:18px;margin-bottom:14px}.task-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#14181c;border:2px solid #3a4956;border-radius:6px;cursor:pointer;display:grid;height:22px;place-items:center;transition:all .25s cubic-bezier(.4,.14,.3,1);transition:all .25s var(--ease);width:22px}.task-checkbox input[type=checkbox]:hover{border-color:#4f8cff;border-color:var(--color-primary)}.task-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #4f8cff4d;outline:none}.task-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#4f8cff,#78aaff);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-accent));border-color:#396dbf;box-shadow:0 0 0 1px #ffffff12,0 4px 14px -4px #4f8cffb3}.task-checkbox input[type=checkbox]:checked:after{border:3px solid #fff;border-left:0;border-top:0;content:"";height:14px;transform:rotate(45deg) translateY(-1px);width:9px}.task-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-badge{background:#2d3945;border:1px solid #3a4956;border-radius:20px;color:#8fa2b3;color:var(--color-text-dim);font-size:.6rem;font-weight:600;letter-spacing:.9px;padding:4px 8px 3px;text-transform:uppercase}.status-badge.done{background:#42c98b1f;border-color:#42c98b73;color:#42c98b;color:var(--color-success)}.status-badge.pending{background:#4f8cff1f;border-color:#4f8cff66;color:#78aaff;color:var(--color-primary-accent)}.task-title{color:#f4f8fa;font-size:1.15rem;font-weight:600;letter-spacing:.3px;margin-bottom:4px}.task-title.completed{color:#607787;text-decoration:line-through}.task-description{color:#9fb3c4;font-size:.92rem;line-height:1.55;margin:4px 0 10px}.task-meta{color:#516676;font-size:.7rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.loading{animation:softPulse 1.8s ease-in-out infinite;color:#8fa2b3;color:var(--color-text-dim)}@keyframes softPulse{0%,to{opacity:.55}50%{opacity:1}}.error,.success{border-radius:10px;font-weight:500;letter-spacing:.3px;padding:16px 18px 16px 46px;position:relative}.error{background:#ff5f5624;border:1px solid #ff5f5673;color:#ff7a73;color:var(--color-danger-accent)}.success{background:#42c98b24;border:1px solid #42c98b73;color:#42c98b;color:var(--color-success)}.error:before,.success:before{background:currentColor;border-radius:4px;box-shadow:0 0 0 4px #ffffff14;content:"";height:14px;left:18px;opacity:.9;position:absolute;top:18px;width:14px}.error:after,.success:after{background:#fff;border-radius:2px;content:"";height:6px;left:22px;opacity:.85;position:absolute;top:22px;width:6px}.empty-state{color:#8fa2b3;color:var(--color-text-dim);position:relative}.empty-state h3{background:linear-gradient(90deg,#a8c3d9,#fff);-webkit-background-clip:text;background-clip:text;color:#0000}.empty-state:before{background:radial-gradient(circle at 30% 30%,#4f8cff66,#4f8cff00);content:"";filter:blur(14px);height:80px;left:50%;opacity:.65;position:absolute;top:-6px;transform:translateX(-50%);width:80px}@media (max-width:820px){.container{padding:30px 24px 60px}}@media (max-width:720px){.task-item{padding:22px 22px 20px}}@media (max-width:560px){.container{padding:26px 18px 54px}.task-item{padding:20px 18px 18px}.task-title{font-size:1.05rem}.task-form{padding:24px 22px 28px}}
/*# sourceMappingURL=main.935f3516.css.map*/