*{box-sizing:border-box}body{background-color:#f4f6f8;margin:0;font-family:Arial,sans-serif}.app-container{justify-content:center;align-items:flex-start;min-height:100vh;padding:50px 16px;display:flex}.task-card{background-color:#fff;border-radius:14px;width:100%;max-width:700px;padding:24px;box-shadow:0 4px 14px #0000001f}.app-heading{text-align:center;margin-top:0;margin-bottom:20px}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.task-input{border:1px solid #cfcfcf;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:16px}.task-input:focus{border-color:#666}.priority-select{max-width:140px}.search-input{width:100%;margin-bottom:14px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filter-btn,.add-btn,.edit-btn,.delete-btn,.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:14px}.add-btn{color:#fff;background-color:#222}.add-btn:hover{background-color:#444}.filter-btn{color:#222;background-color:#e9ecef}.active-filter{color:#fff;background-color:#222}.task-count{margin-top:6px;margin-bottom:14px;font-weight:700}.stats{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:10px 0 15px;font-size:14px;font-weight:700;display:flex}.stats p{margin:0}.empty-message{color:#666;text-align:center;margin-top:10px}.task-list{margin:0;padding:0;list-style:none}.task-item{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.task-main{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.task-text{cursor:pointer;word-break:break-word;line-height:1.4}.completed{color:#888;text-decoration:line-through}.task-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.edit-btn{color:#fff;background-color:#3498db}.edit-btn:hover{background-color:#2c80b9}.delete-btn{color:#fff;background-color:#e74c3c}.delete-btn:hover{background-color:#c0392b}.save-btn{color:#fff;background-color:#27ae60}.save-btn:hover{background-color:#1f8a4d}.cancel-btn{color:#fff;background-color:#7f8c8d}.cancel-btn:hover{background-color:#657273}.edit-input{min-width:220px}.edit-select{max-width:130px}.priority-badge{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.priority-badge.high{color:#fff;background-color:#ff4d4f}.priority-badge.medium{color:#000;background-color:#fadb14}.priority-badge.low{color:#fff;background-color:#52c41a}