:root{color:#172033;background:#eef2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#275efe;border:0;border-radius:10px;padding:.6rem .85rem;font-weight:700}button:hover{filter:brightness(.96)}button.danger{background:#c93b4c}button.active{background:#172033}input,textarea,select{color:#172033;background:#fff;border:1px solid #ccd5e3;border-radius:10px;width:100%;padding:.65rem}textarea{resize:vertical;min-height:5rem}label{color:#344052;gap:.4rem;font-weight:700;display:grid}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.app-shell.narrow{place-items:center;padding:2rem;display:grid}.sidebar{background:#fff;border-right:1px solid #dce3ee;flex-direction:column;gap:1.2rem;padding:1.4rem;display:flex}.content{padding:1.5rem;overflow:auto}.panel{background:#fff;border:1px solid #dce3ee;border-radius:18px;padding:1.25rem;box-shadow:0 14px 38px #17203314}.loading{color:#526070}.error-state{max-width:520px}.banner{color:#9a1f33;background:#fff0f2;border:1px solid #ffd1d8;border-radius:12px;margin-bottom:1rem;padding:.9rem}.eyebrow{color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .3rem;font-size:.76rem;font-weight:800}.muted{color:#657284;margin:.25rem 0 0}.empty{color:#7b8798;font-style:italic}.sidebar-header,.board-header,.column-header,.card-actions,.form-actions,.card-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.board-list{gap:.5rem;display:grid}.board-list button{text-align:left;color:#172033;background:#edf3ff}.board-list button.active{color:#fff;background:#172033}.stacked-form{border-top:1px solid #e5ebf5;gap:.75rem;padding-top:.75rem;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-start}.form-actions button[type=button]{color:#172033;background:#d9e1ee}.kanban-grid{grid-template-columns:repeat(4,minmax(230px,1fr));align-items:start;gap:1rem;display:grid}.column{background:#f7f9fc;border:1px solid #dce3ee;border-radius:18px;gap:.75rem;min-height:280px;padding:.85rem;display:grid}.column h2{margin:0;font-size:1rem}.column-header span{color:#526070;background:#e3eaf5;border-radius:999px;padding:.15rem .55rem;font-weight:800}.add-card{color:#274690;background:#e7edff}.card{background:#fff;border:1px solid #e0e7f2;border-radius:14px;gap:.65rem;padding:.85rem;display:grid;box-shadow:0 8px 20px #17203312}.card h3,.card p{margin:0}.card-meta{color:#64748b;justify-content:flex-start;font-size:.82rem}.card-meta span{background:#f1f5f9;border-radius:999px;padding:.15rem .5rem}.move-label{font-size:.85rem}.card-actions{align-items:stretch}.card-actions button{flex:1;padding:.45rem;font-size:.82rem}.modal-backdrop{background:#0b122066;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;gap:1rem;width:min(520px,100%);padding:1.2rem;display:grid;box-shadow:0 24px 70px #00000047}.modal h2{margin:0}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dce3ee;border-right:0}.kanban-grid{grid-template-columns:1fr}}
