:root{--bg:#0f1115;--surface:#181b22;--surface-2:#1f232c;--border:#2b303b;--text:#e6e9ef;--muted:#99a1b3;--accent:#6d8bff;--accent-text:#fff;--danger:#ff6b6b;--ok:#4cc38a;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:820px;margin:0 auto;padding:1.5rem 1rem 4rem}.site-nav{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.site-nav .brand{color:var(--text);font-weight:700}.site-nav .spacer{flex:1}.site-nav a{color:var(--muted)}.site-nav a:hover,.site-nav a.active{color:var(--text);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem 1.1rem}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:.45rem .8rem}button:hover,.btn:hover{border-color:var(--accent)}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger);background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem}textarea{resize:vertical;min-height:5rem}label{color:var(--muted);margin:.75rem 0 .25rem;font-size:.9rem;display:block}.row{align-items:center;gap:.5rem;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge.todo{color:#9aa6c7;border-color:#3a4258}.badge.in_progress{color:#79d4ff;border-color:#1f4a5a}.badge.on_hold{color:#ffd479;border-color:#5a4a1f}.badge.done{color:var(--ok);border-color:#1f5a3f}.error{color:var(--danger);font-size:.9rem}.container.wide{max-width:1200px}.board{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:.75rem;display:grid}@media (width<=900px){.board{grid-template-columns:none;grid-auto-columns:minmax(240px,80vw);grid-auto-flow:column;padding-bottom:.5rem;overflow-x:auto}}.board-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:120px;padding:.6rem}.board-col h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);justify-content:space-between;margin:.2rem .2rem .6rem;font-size:.85rem;display:flex}.board-col .count{color:var(--muted);font-weight:400}.board-dropzone{flex-direction:column;gap:.5rem;min-height:60px;display:flex}.kard{background:var(--surface-2);border:1px solid var(--border);cursor:grab;color:var(--text);border-radius:8px;padding:.6rem .7rem;display:block}.kard:hover{border-color:var(--accent);text-decoration:none}.kard .kard-title{font-weight:600}.kard .hold-reason{color:#ffd479;margin-top:.35rem;font-size:.8rem}.col-empty{color:var(--muted);padding:.4rem .2rem;font-size:.85rem}