*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5f7;--card:#ffffff;--border:#e2e4e8;--text:#1f2430;--muted:#6b7280;--accent:#2563eb}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;font-weight:700;letter-spacing:-.01em}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:24px;align-items:start}.column{background:#ebedf0;border-radius:10px;padding:10px;min-height:120px;transition:background .12s}.column.over{background:#dbe4ff}.column h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 6px 10px;display:flex;justify-content:space-between}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:-webkit-grab;cursor:grab}.card:active{cursor:-webkit-grabbing;cursor:grabbing}.card .title{font-size:14px;font-weight:600;margin-bottom:4px}.card .desc{font-size:12.5px;color:var(--muted);margin-bottom:6px}.card .assignee{font-size:11.5px;color:var(--accent);font-weight:600}.newtask{display:flex;gap:8px;padding:0 24px 20px}.newtask input,.newtask select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--card)}.newtask input[name=title]{flex:1 1}.newtask button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}