:root{--bg: #1e1f22;--panel: #2b2d31;--panel-2: #313338;--card: #383a40;--text: #f2f3f5;--muted: #b5bac1;--accent: #5865f2;--low: #4e9a51;--normal: #5865f2;--high: #d83c3e}*{box-sizing:border-box}body{margin:0;font-family:gg sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.center{display:grid;place-items:center;height:100vh;color:var(--muted)}.center.error{color:var(--high)}.app{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:12px}.brand{font-size:18px;margin:0 0 8px}.board-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.board-list li{padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--muted)}.board-list li:hover{background:var(--panel-2);color:var(--text)}.board-list li.active{background:var(--accent);color:#fff}.new-board{display:flex;gap:6px}.new-board input{flex:1;min-width:0}.board{padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px}.new-task{display:flex;gap:8px;flex-wrap:wrap}.new-task input[type=text],.new-task input:not([type]){flex:1;min-width:160px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;overflow-y:auto}.column{background:var(--panel-2);border-radius:8px;padding:10px;min-height:120px}.column h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:4px 4px 10px}.card{background:var(--card);border-left:3px solid var(--normal);border-radius:6px;padding:10px;margin-bottom:8px}.card.prio-low{border-left-color:var(--low)}.card.prio-high{border-left-color:var(--high)}.card-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.card .title{font-weight:600}.card .desc{margin:6px 0 0;font-size:13px;color:var(--muted)}.card .del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1}.card .del:hover{color:var(--high)}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12px;color:var(--muted)}.badge,.assignee,.due{background:var(--panel);border-radius:10px;padding:2px 8px}input,select,button{background:var(--panel-2);color:var(--text);border:1px solid #1f2023;border-radius:6px;padding:8px 10px;font-size:14px}button{background:var(--accent);border:none;cursor:pointer}button:hover{filter:brightness(1.1)}