:root{--wk-teal:#087f8c;--wk-ink:#182b35;--wk-white:#fff;--wk-surface:#f5f8f9;--wk-teal-50:#ebf5f6;--wk-teal-100:#d7ebed;--wk-teal-200:#b0d6da;--wk-teal-300:#84bfc6;--wk-teal-400:#469fa9;--wk-teal-500:#087f8c;--wk-teal-600:#076c77;--wk-teal-700:#065962;--wk-teal-800:#04464d;--wk-teal-900:#033338;--wk-ink-50:#f3f4f5;--wk-ink-100:#e8eaeb;--wk-ink-200:#d1d5d7;--wk-ink-300:#aeb5b8;--wk-ink-400:#8c959a;--wk-ink-500:#69757c;--wk-ink-600:#46555d;--wk-ink-700:#182b35;--wk-ink-800:#111e25;--wk-ink-900:#0b1318;--wk-bg:var(--wk-surface);--wk-fg:var(--wk-ink);--wk-accent:var(--wk-teal);--wk-accent-fg:var(--wk-white)}@media (prefers-color-scheme:dark){:root{--wk-bg:var(--wk-ink-800);--wk-fg:var(--wk-ink-50);--wk-accent:var(--wk-teal-400);--wk-accent-fg:var(--wk-ink-900)}}:root{--accent:var(--wk-teal);--accent-600:var(--wk-teal-600);--accent-50:var(--wk-teal-50);--bg:var(--wk-surface);--surface:#fff;--border:#e2e9ec;--text:var(--wk-ink);--muted:#5d6e77;--urgent:#dc2626;--high:#ea580c;--medium:#2563eb;--low:#6b7280;--ok:#059669;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:inline-flex}.btn:hover{background:#eef3f5}.btn:focus-visible,.input:focus-visible,.card:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-600)}.btn.danger{color:var(--urgent)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:#e6edf0}.btn:disabled{opacity:.55;cursor:not-allowed}.input{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:8px 10px}textarea.input{resize:vertical;min-height:80px}label.field{flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.error{color:var(--urgent);background:#fef2f2;border-radius:8px;padding:8px 12px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--wk-ink);color:#cfdbe0;flex-direction:column;gap:6px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;padding:6px 8px 16px;display:flex}.brand img{width:auto;height:30px;display:block}.nav a{color:#cfdbe0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav a:hover{background:#223a47}.nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--wk-teal-400);background:#223a47}.nav .dot{border-radius:3px;flex:none;width:10px;height:10px}.nav .section{text-transform:uppercase;letter-spacing:.06em;color:#93a8b2;justify-content:space-between;align-items:center;padding:14px 10px 4px;font-size:11px;display:flex}.sidebar .user{border-top:1px solid #28424f;margin-top:auto;padding-top:12px}.main{min-width:0;padding:28px 32px}.menu-btn{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head h1{font-size:24px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-weight:500}.tab.active{color:var(--accent);border-color:var(--accent)}.card-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat .n{font-size:28px;font-weight:700}.stat.warn .n{color:var(--urgent)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.progress{background:#e2e9ec;border-radius:99px;height:6px;overflow:hidden}.progress>i{background:var(--accent);height:100%;display:block}.board{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.column{border-radius:var(--radius);background:#e8eef0;min-height:120px;padding:10px}.column.over{outline:2px dashed var(--accent);background:var(--accent-50)}.column h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);justify-content:space-between;margin:2px 4px 10px;font-size:13px;display:flex}.card{background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-left:4px solid var(--low);border-radius:8px;margin-bottom:8px;padding:10px 12px}.card.p-URGENT{border-left-color:var(--urgent)}.card.p-HIGH{border-left-color:var(--high)}.card.p-MEDIUM{border-left-color:var(--medium)}.card.p-LOW{border-left-color:var(--low)}.card.dragging{opacity:.4}.card .title{word-break:break-word;margin-bottom:6px;font-weight:500}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.quick-add{width:100%}.badge{color:var(--muted);background:#e2e9ec;border-radius:99px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.URGENT{color:var(--urgent);background:#fee2e2}.badge.HIGH{color:var(--high);background:#ffedd5}.badge.MEDIUM{color:var(--medium);background:#dbeafe}.due.overdue{color:var(--urgent);font-weight:600}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:inline-grid}table.list{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}table.list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px}table.list td{border-bottom:1px solid var(--border);padding:10px 12px}table.list tr.click{cursor:pointer}table.list tr.click:hover{background:#f5f8f9}.check{width:18px;height:18px;accent-color:var(--ok)}.done-title{color:var(--muted);text-decoration:line-through}.overlay{z-index:50;background:#182b358c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:min(640px,100%);max-height:92vh;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal h2{margin-bottom:14px;font-size:18px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.colors{gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px}.swatch.sel{border-color:var(--wk-ink)}.comment{background:var(--wk-surface);border-radius:8px;padding:8px 12px}.auth-wrap{background:linear-gradient(135deg, var(--wk-teal-50), var(--wk-surface));place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{width:min(400px,100%)}.auth-logo{width:auto;height:40px;margin-bottom:4px;display:block}@media (width<=800px){.shell{grid-template-columns:1fr}.sidebar{z-index:40;width:260px;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.menu-btn{display:inline-flex}.main{padding:16px}.board{grid-template-columns:repeat(4,80vw)}.two{grid-template-columns:1fr}}