:root{--bg:#f5f7fb;--panel:#fff;--panel2:#f0f3f8;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#111827;--success:#047857;--danger:#b91c1c;--shadow:0 12px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}html[data-theme="dark"]{--bg:#0f172a;--panel:#111827;--panel2:#172033;--text:#f8fafc;--muted:#94a3b8;--line:#263246;--accent:#f8fafc;--shadow:0 12px 30px rgba(0,0,0,.25)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1500px;margin:auto;padding:28px}.topbar,.toolbar,.stats,.board,.activity-panel{display:grid;gap:14px}.topbar{grid-template-columns:1fr auto;align-items:start}.brand h1{margin:0;font-size:36px}.brand p{margin:8px 0 4px;color:var(--muted)}.status{font-size:13px;color:var(--success)}.status.error{color:var(--danger)}button,input,select,textarea{font:inherit}.actions-top{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn.ghost{background:transparent}.toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,180px));margin:22px 0}.control{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--text);width:100%}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.stat .num{font-size:28px;font-weight:800}.stat .label{color:var(--muted);font-size:13px;margin-top:4px}.board{grid-template-columns:repeat(3,1fr)}.column{background:var(--panel2);border:1px solid var(--line);border-radius:18px;min-height:520px;padding:14px}.column.drag-over{outline:2px dashed var(--muted);outline-offset:-6px}.column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.column-head h2{font-size:16px;margin:0}.count{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px}.task-list{display:grid;gap:10px}.task{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px;box-shadow:0 6px 16px rgba(15,23,42,.05);cursor:grab}.task:hover{transform:translateY(-1px)}.task-title{font-weight:800;line-height:1.35}.task-desc{color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.chip{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;background:var(--panel2)}.priority-urgent{border-color:#ef4444;color:#dc2626}.priority-high{border-color:#f59e0b;color:#d97706}.priority-medium{border-color:#3b82f6;color:#2563eb}.priority-low{border-color:#10b981;color:#059669}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.task-actions{display:flex;gap:6px}.task-actions button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.due.overdue{color:#dc2626;font-weight:700}.check-progress{font-size:12px;color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:13px;text-align:center;color:var(--muted);padding:28px 10px}.activity-panel{grid-template-columns:1fr;margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.activity-panel h3{margin:0 0 4px}.activity-list{display:grid;gap:8px;max-height:220px;overflow:auto}.activity{font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}.modal-bg{position:fixed;inset:0;background:rgba(2,6,23,.55);display:none;place-items:center;padding:20px;z-index:50}.modal-bg.open{display:grid}.modal{width:min(720px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:var(--muted);font-weight:700}.field textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.right{display:flex;gap:8px}.checklist-editor{display:grid;gap:8px}.checkrow{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.checkrow input[type=text]{width:100%}.danger{color:#dc2626}.archived-banner{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;border-radius:12px;padding:10px 12px;margin-bottom:14px;display:none}.archived-banner.show{display:block}@media(max-width:980px){.toolbar{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr}.column{min-height:260px}}@media(max-width:640px){.shell{padding:18px}.topbar{grid-template-columns:1fr}.toolbar,.stats,.form-grid{grid-template-columns:1fr}.brand h1{font-size:30px}.actions-top{width:100%}.btn{flex:1}.modal-actions{flex-direction:column}.right{width:100%}.right .btn{flex:1}}