*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b4f6c;background:linear-gradient(135deg,#1c3f60,#0b4f6c);min-height:100vh;color:#172b4d}.loading{color:#fff;text-align:center;padding:40px;font-size:18px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;color:#fff}.app-header h1{margin:0;font-size:22px;font-weight:600}.status{font-size:12px;padding:4px 10px;border-radius:12px;background:#ffffff26}.status-local{background:#ffc10740}.board{flex:1;display:flex;gap:16px;padding:8px 24px 24px;overflow-x:auto;align-items:flex-start}.column{background:#ebecf0;border-radius:10px;width:280px;min-width:280px;padding:10px;display:flex;flex-direction:column;max-height:calc(100vh - 100px);transition:background .15s ease}.column-drag-over{background:#d7dae0}.column-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}.column-header h2{font-size:14px;margin:0;font-weight:600}.card-count{background:#091e4221;border-radius:10px;font-size:12px;padding:1px 8px;color:#44546f}.card-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-bottom:4px}.card{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 1px 2px #091e4240;cursor:grab}.card:active{cursor:grabbing}.card-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;cursor:pointer}.card-title{font-size:14px;line-height:1.4;word-break:break-word}.card-delete,.task-delete{background:none;border:none;color:#6b778c;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;flex-shrink:0}.card-delete:hover,.task-delete:hover{background:#f4f5f7;color:#172b4d}.task-progress{position:relative;height:6px;background:#e2e4e9;border-radius:4px;margin-top:8px;overflow:hidden}.task-progress-bar{position:absolute;top:0;left:0;height:100%;background:#4caf50;transition:width .2s ease}.task-progress-label{display:block;margin-top:4px;font-size:11px;color:#6b778c}.card-details{margin-top:10px;border-top:1px solid #f0f1f3;padding-top:8px;cursor:default}.card-description{width:100%;border:1px solid #dfe1e6;border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit;resize:vertical}.task-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.task-item{display:flex;align-items:center;justify-content:space-between;font-size:13px}.task-item label{display:flex;align-items:center;gap:6px;cursor:pointer}.task-done{text-decoration:line-through;color:#8993a4}.add-task-form input,.add-card-form input{width:100%;border:none;background:transparent;padding:6px 8px;font-size:13px;border-radius:6px;font-family:inherit}.add-card-form input:hover,.add-card-form input:focus,.add-task-form input:hover,.add-task-form input:focus{background:#fff;outline:1px solid #dfe1e6}.add-task-form{margin-top:6px}