*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#f4f5f7;font-family:Roboto,Arial,sans-serif;min-height:100vh;padding:20px}.board{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.column{background-color:#ebecf0;border-radius:8px;min-height:400px;padding:12px;width:300px}.column-title{color:#172b4d;font-size:16px;font-weight:600;margin-bottom:12px;padding:0 8px}.cards-container{margin-bottom:12px;min-height:100px}.card{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:grab;margin-bottom:8px;padding:12px;position:relative;word-wrap:break-word;min-height:auto}.card:hover .delete-btn{opacity:1}.card.dragging{cursor:grabbing;opacity:.5;transform:rotate(5deg);z-index:1000}.delete-btn{align-items:center;background:none;border:none;color:#6b778c;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;width:20px}.delete-btn:hover{color:#de350b}.add-card-section{margin-top:8px}.add-card-btn{background:none;border:none;border-radius:4px;color:#6b778c;cursor:pointer;font-size:14px;padding:8px;text-align:left;width:100%}.add-card-btn:hover{background-color:rgba(0,0,0,.1)}.add-card-btn.hidden{display:none}.card-input-area{background-color:#fff;border-radius:6px;padding:8px}.card-input-area.hidden{display:none}.card-text-input{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:8px;resize:vertical;width:100%}.card-text-input:focus{border-color:#0079bf;outline:none}.card-input-buttons{display:flex;gap:8px;justify-content:flex-end}.add-card-cancel,.add-card-confirm{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.add-card-confirm{background-color:#0079bf;color:#fff}.add-card-confirm:hover{background-color:#005a8b}.add-card-cancel{background-color:#f4f5f7;color:#6b778c}.add-card-cancel:hover{background-color:#e4e6ea}.drop-indicator{background-color:#ddd;border-radius:6px;margin:4px 0;opacity:0;transition:opacity .2s}.drop-indicator.active{opacity:1}