*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#172b4d}.app{max-width:1100px;margin:0 auto;padding:24px}.app-header{margin-bottom:20px}.app-header h1{font-size:28px}.subtitle{color:#6b778c;font-size:14px}.new-task-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.new-task-form input,.new-task-form select{padding:8px 12px;border:1px solid #dfe1e6;border-radius:4px;font-size:14px}.new-task-form input[type=text]:first-child{flex:1;min-width:200px}.new-task-form button,.card-actions button{padding:8px 14px;border:none;border-radius:4px;background:#0052cc;color:#fff;cursor:pointer;font-size:13px}.new-task-form button:disabled{background:#a5adba;cursor:not-allowed}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.column{background:#ebecf0;border-radius:6px;padding:12px}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.column-header h2{font-size:14px;text-transform:uppercase;color:#5e6c84}.count{background:#dfe1e6;border-radius:12px;padding:2px 8px;font-size:12px}.column-body{display:flex;flex-direction:column;gap:8px;min-height:60px}.empty{color:#97a0af;font-size:13px;text-align:center;padding:12px}.card{background:#fff;border-radius:4px;padding:12px;box-shadow:0 1px 2px #091e4240;border-left:3px solid #dfe1e6}.card.priority-high{border-left-color:#de350b}.card.priority-medium{border-left-color:#ff991f}.card.priority-low{border-left-color:#36b37e}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.card-top h3{font-size:14px}.card-desc{font-size:13px;color:#6b778c;margin-top:6px}.badge{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:3px;color:#fff;white-space:nowrap}.badge.high{background:#de350b}.badge.medium{background:#ff991f}.badge.low{background:#36b37e}.card-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.card-actions button{background:#f4f5f7;color:#42526e;font-size:12px;padding:4px 8px}.card-actions button.delete{background:#ffebe6;color:#de350b}.status{padding:16px;text-align:center;color:#6b778c}.status.error{color:#de350b}
