body{align-items:flex-start;background-color:#f4f5f7;font-family:Arial,sans-serif;margin:0;min-height:100vh}.board,body{display:flex;justify-content:center;padding:20px}.board{flex-wrap:wrap;gap:20px;max-width:1227px;width:100%}.column{background-color:#ebecf0;border-radius:5px;display:flex;flex-direction:column;margin-bottom:20px;max-width:275px;min-height:500px;padding:15px;transition:all .2s ease;width:100%}.column:hover{background-color:#f4f5f7;box-shadow:0 2px 8px rgba(0,0,0,.1)}.column-header{color:#172b4d;font-size:28px;font-weight:700;margin-bottom:10px;transition:color .2s ease}.column:hover .column-header{color:#0079bf}.cards{flex-grow:1;min-height:200px}.card,.cards{position:relative}.card{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:grab;font-size:16px;margin-bottom:12px;overflow-wrap:break-word;padding:12px 52px 12px 12px;transition:all .2s ease;white-space:pre-wrap;word-break:break-word}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.card:hover .delete-card,.card:hover .edit-card{display:flex}.card.dragging{box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:grabbing!important;opacity:.7;transition:transform .2s ease,opacity .2s ease}.delete-card,.edit-card{align-items:center;border-radius:3px;cursor:pointer;display:none;font-size:18px;font-weight:700;height:24px;justify-content:center;position:absolute;transition:all .2s ease;width:24px}.delete-card{color:#f44;right:8px;top:8px}.delete-card:hover{background-color:rgba(255,68,68,.1);color:#f66}.edit-card{color:#0079bf;right:31px;top:8px}.edit-card:hover{background-color:rgba(0,121,191,.1);color:#00a8ff}.add-card{background-color:transparent;border-radius:5px;color:#5e6c84;cursor:pointer;font-size:18px;margin-top:auto;padding:12px;text-align:center}.add-card:hover{background-color:#091e4214}.drop-indicator{animation:dropIndicatorPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0079bf,#00a8ff)!important;border-radius:2px;box-shadow:0 0 8px rgba(0,121,191,.6);height:6px;pointer-events:none;position:absolute;z-index:999}@keyframes dropIndicatorPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}.modal-overlay{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.modal-overlay.active{align-items:center;display:flex;justify-content:center;opacity:1}.modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:80vh;max-width:500px;overflow:hidden;transform:scale(.9);transition:transform .3s ease;width:90%}.modal-overlay.active .modal{transform:scale(1)}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e4e4e4;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-title{color:#172b4d;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b778c;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#e4e4e4;color:#172b4d}.modal-body{padding:20px}.modal-textarea{border:2px solid #e4e4e4;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.modal-textarea:focus{border-color:#0079bf;box-shadow:0 0 0 3px rgba(0,121,191,.1);outline:none}.modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e4e4e4;display:flex;gap:12px;justify-content:flex-end;padding:20px}.modal-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s ease}.modal-btn-cancel{background-color:transparent;border:1px solid #e4e4e4;color:#6b778c}.modal-btn-cancel:hover{background-color:#f4f4f4;border-color:#c1c1c1}.modal-btn-save{background-color:#0079bf;color:#fff}.modal-btn-save:hover{background-color:#005a8b}.modal-btn-save:disabled{background-color:#6b778c;cursor:not-allowed}@media (max-width:768px){.modal{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:15px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-btn{width:100%}}