*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body{background-color:#0c59cc;padding:20px}.container{margin:0 auto;max-width:1200px}h1{color:#333;margin-bottom:20px;text-align:center}.board{display:flex;gap:20px;justify-content:center}.column{background-color:#e0e2eb;border-radius:8px;display:flex;flex-direction:column;padding:12px;width:300px}.column h2{color:#172b4d;font-size:16px;font-weight:700;margin-bottom:10px}.cards{flex-grow:1;min-height:100px}.card,.cards{position:relative}.card{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12);cursor:grab;margin-bottom:8px;padding:10px 36px 10px 10px;word-break:break-word}.card:active{cursor:grabbing}.delete-icon{color:#999;cursor:pointer;font-size:18px!important;opacity:0;position:absolute;right:10px;top:8px;transition:opacity .2s}.card:hover .delete-icon{opacity:1}.add-card-btn{background:none;border:none;border-radius:3px;color:#5e6c84;cursor:pointer;font-size:14px;padding:8px;text-align:left;width:100%}.add-card-btn:hover{background-color:rgba(0,0,0,.05)}.card-form{background:#fff;border-radius:4px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px}.card-form textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;resize:none}.card-form .form-buttons{align-items:center;display:flex;gap:6px}.card-form .save-btn{background-color:#0079bf;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px}.card-form .cancel-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px!important;height:28px;justify-content:center;margin:0;padding:0;width:28px}.card-form .cancel-btn:hover{background-color:#e4e7eb;border-radius:50%;color:#172b4d}.insert-indicator{background:#d6d6d6;border:2px solid #c7c7c7;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12);height:0;margin-bottom:8px;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .2s}