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}*,body{margin:0}*{box-sizing:border-box;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{min-height:100vh}header{background:#2196f3;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1.5rem;text-align:center}.container{margin:2rem auto;max-width:1200px;padding:0 1rem}.create-section,.filter-section,.todos-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}h2{color:#333;margin-bottom:1rem}form{display:flex;flex-direction:column;gap:.75rem}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}textarea{min-height:80px;resize:vertical}button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}button:hover{background:#1976d2}.filter-section{align-items:center;display:flex;gap:1rem}.filter-section select{flex:1 1}.todos-list{display:flex;flex-direction:column;gap:1rem}.todo-item{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .2s}.todo-item:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.todo-item.completed{border-color:#4caf50;opacity:.6}.todo-item.high{border-left:4px solid #f44336}.todo-item.medium{border-left:4px solid #ff9800}.todo-item.low{border-left:4px solid #4caf50}.todo-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.todo-header input[type=checkbox]{cursor:pointer;height:20px;width:20px}.todo-header h3{flex:1 1;font-size:1.1rem}.priority-badge{background:#e0e0e0;border-radius:12px;font-size:.85rem;padding:.25rem .75rem;text-transform:uppercase}.description{color:#666;line-height:1.5;margin:.5rem 0}.todo-actions{display:flex;gap:.5rem;margin-top:.75rem}.todo-actions button{background:#f44336;font-size:.9rem;padding:.5rem 1rem}.todo-actions button:hover{background:#d32f2f}@media (max-width:768px){.container{padding:0 .5rem}.filter-section{flex-direction:column}}
/*# sourceMappingURL=main.34d0c18e.css.map*/