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}.App{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.app-header{background-color:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:40px 20px}.app-header h1{color:#333;margin-bottom:10px}.app-header p{color:#666;font-size:18px}.header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:30px;padding:30px 20px}.header h1{font-size:2.5rem;font-weight:700;margin:0 0 8px}.header p{font-size:1.2rem;margin:0;opacity:.9}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px #667eea33;outline:none}.btn--disabled,.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn--secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn--secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.btn--success{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;color:#fff}.btn--success:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.btn--danger:hover:not(:disabled){box-shadow:0 4px 12px #f4433666;transform:translateY(-1px)}.btn--ghost{background:#0000;border:1px solid #0000;color:#6c757d}.btn--ghost:hover:not(:disabled){background:#f8f9fa;color:#495057}.btn--sm{font-size:.875rem;min-height:32px;padding:6px 12px}.btn--md{font-size:1rem;min-height:40px;padding:10px 20px}.btn--lg{font-size:1.125rem;min-height:48px;padding:14px 28px}.btn--full{width:100%}@media (max-width:768px){.btn--lg{font-size:1rem;min-height:44px;padding:12px 24px}.btn--md{font-size:.9rem;min-height:36px;padding:8px 16px}.btn--sm{font-size:.8rem;min-height:30px;padding:6px 10px}}.badge{align-items:center;border-radius:16px;display:inline-flex;font-family:inherit;font-weight:600;gap:4px;letter-spacing:.5px;line-height:1;text-transform:uppercase;white-space:nowrap}.badge--default{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.badge--primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 1px 3px #667eea4d;color:#fff}.badge--success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge--danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.badge--warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.badge--high{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 1px 3px #f443364d;color:#fff}.badge--medium{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 1px 3px #ff98004d;color:#fff}.badge--low{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 1px 3px #4caf504d;color:#fff}.badge--sm{font-size:.65rem;min-height:16px;padding:2px 6px}.badge--md{font-size:.75rem;min-height:20px;padding:4px 8px}.badge--lg{font-size:.85rem;min-height:24px;padding:6px 12px}@media (max-width:768px){.badge--lg{font-size:.8rem;min-height:22px;padding:4px 10px}.badge--md{font-size:.7rem;min-height:18px;padding:3px 6px}.badge--sm{font-size:.6rem;min-height:14px;padding:2px 4px}}.task-item{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;justify-content:space-between;padding:20px;position:relative;transition:all .3s ease}.task-item:hover{border-color:#e0e0e0;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.task-item.completed{background:#f8f9fa;border-left-color:#4caf50;opacity:.8}.task-item.completed .task-title{color:#6c757d;text-decoration:line-through}.task-item.completed .task-description{color:#8a8a8a}.task-item.priority-high{border-left-color:#f44336}.task-item.priority-medium{border-left-color:#ff9800}.task-item.priority-low{border-left-color:#4caf50}.task-item.overdue{background:linear-gradient(135deg,#f4433605,#fff);border-left-color:#f44336}.task-main{flex:1 1;min-width:0}.task-header{justify-content:space-between;margin-bottom:8px}.task-header,.task-title-section{align-items:flex-start;display:flex;gap:12px}.task-title-section{flex:1 1;min-width:0}.task-checkbox{align-items:center;background:none;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;margin-top:2px;transition:all .2s ease;width:24px}.task-checkbox:hover{border-color:#667eea;transform:scale(1.1)}.task-checkbox.checked{background:#4caf50;border-color:#4caf50;color:#fff}.task-title{color:#333;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;word-break:break-word}.task-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.task-description{color:#666;font-size:.9rem;line-height:1.5;margin:8px 0 12px 36px;text-align:left}.task-meta{color:#888;font-size:.85rem;gap:16px;margin:12px 0 0 36px}.due-date,.task-meta{align-items:center;display:flex}.due-date{gap:4px}.due-date.overdue{color:#f44336;font-weight:600}.due-date.due-soon{color:#ff9800;font-weight:500}.task-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:4px}.task-actions button{opacity:0;transition:opacity .2s ease}.task-item:hover .task-actions button{opacity:1}.task-actions button:hover{opacity:1!important}@media (max-width:768px){.task-item{gap:12px;padding:16px}.task-header{gap:8px}.task-title{font-size:1rem}.task-description{font-size:.85rem;margin:6px 0 10px 32px}.task-meta{font-size:.8rem;gap:12px;margin:10px 0 0 32px}.task-actions button{opacity:1}}@media (max-width:480px){.task-item{gap:8px;padding:12px}.task-header{align-items:flex-start;flex-direction:column;gap:8px}.task-title-section{width:100%}.task-badges{margin-left:32px}.task-description{margin:8px 0 12px 32px;text-align:left}.task-meta{align-items:flex-start;flex-direction:column;gap:6px;margin:12px 0 0 32px}.task-actions{position:absolute;right:12px;top:12px}.task-checkbox{font-size:12px;height:20px;width:20px}}.task-edit-input,.task-edit-textarea{background:#fff;border:2px solid #667eea;border-radius:6px;font-family:inherit;font-size:inherit;margin:4px 0;padding:8px 12px;width:100%}.task-edit-input:focus,.task-edit-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #667eea1a;outline:none}.task-edit-textarea{min-height:60px;resize:vertical}.task-item.editing{background:linear-gradient(135deg,#667eea0d,#fff);border-left-color:#667eea}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 40px;text-align:center}.empty-state-icon{animation:empty-state-float 3s ease-in-out infinite;display:inline-block;font-size:4rem;margin-bottom:20px;opacity:.6}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{color:#333;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 12px}.empty-state-description{color:#666;font-size:1rem;line-height:1.5;margin:0 0 24px;max-width:400px}.empty-state-action{margin-top:8px}.empty-state--compact{min-height:200px;padding:40px 20px}.empty-state--compact .empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state--compact .empty-state-title{font-size:1.25rem;margin-bottom:8px}.empty-state--compact .empty-state-description{font-size:.9rem;margin-bottom:16px}@media (max-width:768px){.empty-state{min-height:250px;padding:40px 20px}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state-title{font-size:1.25rem;margin-bottom:8px}.empty-state-description{font-size:.9rem;margin-bottom:20px}}@media (max-width:480px){.empty-state{min-height:200px;padding:30px 16px}.empty-state-icon{font-size:2.5rem;margin-bottom:12px}.empty-state-title{font-size:1.125rem;margin-bottom:6px}.empty-state-description{font-size:.85rem;margin-bottom:16px}}.task-list{width:100%}.task-list-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.task-list-header h2{color:#333;font-size:1.8rem;font-weight:700;margin:0}.task-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.task-count:hover{box-shadow:0 3px 12px #667eea66;transform:translateY(-1px)}.tasks-container{display:flex;flex-direction:column;gap:16px;min-height:200px}.task-list .empty-state{background:linear-gradient(135deg,#667eea05,#764ba205);border:1px dashed #e1e8ed;border-radius:12px;min-height:250px}@media (max-width:768px){.task-list-header{flex-direction:column;gap:12px;margin-bottom:20px;text-align:center}.task-list-header h2{font-size:1.5rem}.task-count{align-self:center}.tasks-container{gap:12px}}@media (max-width:480px){.task-list-header h2{font-size:1.25rem}.task-count{font-size:.8rem;padding:6px 12px}.tasks-container{gap:10px}}.task-form-collapsed{padding:20px;text-align:center}.task-form-trigger{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.task-form-trigger:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.task-form{background:#f8f9ff;border:2px solid #e6e8ff;border-radius:16px;padding:24px}.task-form-header{margin-bottom:24px;text-align:center}.task-form-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.task-form-content{gap:20px}.form-group,.task-form-content{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#555;font-size:.95rem;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-select{cursor:pointer}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.form-input:invalid,.form-textarea:invalid{border-color:#f44336}.form-input:valid,.form-textarea:valid{border-color:#4caf50}.form-input::placeholder,.form-textarea::placeholder{color:#999;opacity:1}@media (max-width:768px){.form-row{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.task-form{padding:16px}.task-form-trigger{padding:14px;width:100%}}.task-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-item{background:linear-gradient(135deg,#f6f9fc,#fff);border:1px solid #e1e8ed;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#667eea;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.stat-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-number{color:#333;font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-item:first-child .stat-number{color:#667eea}.stat-item:nth-child(2) .stat-number{color:#4caf50}.stat-item:nth-child(3) .stat-number{color:#ff9800}.stat-item:nth-child(4) .stat-number{color:#9c27b0}.stat-item:first-child:before{background:#667eea}.stat-item:nth-child(2):before{background:#4caf50}.stat-item:nth-child(3):before{background:#ff9800}.stat-item:nth-child(4):before{background:#9c27b0}@media (max-width:1024px){.task-stats{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.task-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:16px 12px}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}}@media (max-width:480px){.stat-item{padding:12px 8px}.stat-number{font-size:1.5rem}}.task-manager{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.task-manager-header{border-bottom:2px solid #f0f0f0;margin-bottom:32px;padding-bottom:24px}.task-manager-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-align:center}.task-manager-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 2fr}.task-form-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.task-form-section,.task-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.task-list-section{min-height:500px}@media (max-width:1024px){.task-manager-content{gap:24px;grid-template-columns:1fr}.task-form-section{position:static}}@media (max-width:768px){.task-manager{padding:16px}.task-manager-header h1{font-size:2rem}.task-form-section,.task-list-section{border-radius:8px;padding:16px}}
/*# sourceMappingURL=main.0eee494d.css.map*/