:root{--font-primary: "Inter", Arial, sans-serif;--navy: #09407b;--ocean: #05668d;--teal: #119da4;--grey-light: #b6b2b2;--grey-mid: #97979b;--bg-outer: #f0f2f4;--bg-card: #ffffff;--text: #333333;--text-secondary: #555555;--text-muted: #888888;--divider: #e8e9ea;--danger: #a23e33;--radius: 8px;--radius-sm: 6px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-primary);font-size:16px;line-height:1.7;color:var(--text);background:var(--bg-outer)}.page{max-width:1200px;margin:0 auto;padding:24px}h1,h2,h3{color:var(--navy);font-weight:600;margin:0}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}.muted{color:var(--text-muted)}.strike{text-decoration:line-through}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.contact-chip{display:flex;align-items:baseline;gap:10px;background:var(--bg-card);border:1px solid var(--divider);border-radius:var(--radius-sm);padding:6px 14px}.contact-name{font-weight:600;color:var(--text)}.contact-email{color:var(--text-muted);font-size:14px}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:16px;background:var(--bg-card);border:1px solid var(--divider)}.banner.error{border-color:var(--danger);color:var(--danger)}.card{background:var(--bg-card);border-radius:var(--radius);padding:32px;border:1px solid var(--divider)}.card.notice{max-width:560px;margin:48px auto}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.spacer{flex:1}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}@media(max-width:860px){.board{grid-template-columns:1fr}}.column{background:var(--bg-card);border:1px solid var(--divider);border-radius:var(--radius);padding:16px;min-height:220px}.column.drop-target{border-color:var(--ocean)}.column-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--divider);margin-bottom:12px}.count{background:var(--bg-outer);color:var(--text-secondary);border-radius:999px;font-size:13px;padding:1px 10px}.column-body{display:flex;flex-direction:column;gap:10px}.empty{font-size:14px;text-align:center;padding:16px 0}.task-card{border:1px solid var(--divider);border-radius:var(--radius-sm);padding:14px;background:var(--bg-card);cursor:pointer}.task-card:hover{border-color:var(--grey-light)}.task-card.dragging{opacity:.5}.task-card.completed h3{color:var(--text-muted);text-decoration:line-through}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.contact-tag{display:inline-block;margin-top:4px;font-size:12px;color:var(--ocean);background:#e6eff3;border-radius:4px;padding:0 8px}.sync-note{font-size:13px;margin:0 0 12px}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-selected{padding:6px 0}.card-desc{margin:6px 0 0;font-size:14px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:12px;border-radius:4px;padding:1px 8px;text-transform:capitalize;white-space:nowrap}.priority-high{background:#f7e9e7;color:var(--danger)}.priority-medium{background:#e6eff3;color:var(--ocean)}.priority-low{background:#f0f0f1;color:var(--grey-mid)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{background:var(--bg-outer);color:var(--text-secondary);font-size:12px;border-radius:4px;padding:1px 8px;border:1px solid transparent}.chips.selectable .chip{cursor:pointer;border-color:var(--divider);background:var(--bg-card);font-family:var(--font-primary)}.chips.selectable .chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:13px;color:var(--text-muted)}.card-actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--divider)}.btn{font-family:var(--font-primary);font-size:14px;font-weight:600;border-radius:var(--radius-sm);padding:8px 18px;cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--ocean);color:#fff}.btn.primary:hover:not(:disabled){background:#055a7c}.btn.ghost{background:var(--bg-card);color:var(--text-secondary);border-color:var(--grey-light)}.btn.timer{background:var(--bg-card);color:var(--text-secondary);border-color:var(--divider);font-weight:400;font-size:13px;padding:4px 12px;font-variant-numeric:tabular-nums}.btn.timer.running{border-color:var(--ocean);color:var(--ocean);font-weight:600}.btn.timer .budget{color:var(--text-muted);font-weight:400}.icon-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-primary);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.icon-btn:hover{background:var(--bg-outer)}.icon-btn.danger:hover{color:var(--danger)}.link,.text-link{background:none;border:none;padding:0;font-family:var(--font-primary);font-size:14px;color:var(--teal);text-decoration:underline;cursor:pointer}.input{font-family:var(--font-primary);font-size:15px;color:var(--text);background:var(--bg-card);border:1px solid var(--grey-light);border-radius:var(--radius-sm);padding:8px 12px;width:100%}.input:focus{outline:none;border-color:var(--ocean)}.select{width:auto}.row{display:flex;align-items:center}.row.gap{gap:10px}.grow{flex:1}.picker{max-width:560px;margin:0 auto}.picker .input{margin-top:12px}.picker-results{list-style:none;margin:12px 0;padding:0;border:1px solid var(--divider);border-radius:var(--radius-sm);overflow:hidden}.picker-results li+li{border-top:1px solid var(--divider)}.picker-results li.muted{padding:10px 14px}.picker-row{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;background:none;border:none;font-family:var(--font-primary);font-size:15px;padding:10px 14px;cursor:pointer}.picker-row:hover{background:var(--bg-outer)}.picker .btn.ghost{margin-top:8px}.create-contact{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--divider)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09407b40;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;z-index:10}.modal{background:var(--bg-card);border-radius:var(--radius);width:100%;max-width:640px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--divider)}.modal-body{padding:20px 28px 28px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--text-muted)}.hint{font-size:12px;color:var(--text-muted)}.field-error{color:var(--danger);font-size:14px;margin:0}.checklist-item{font-size:14px}.checklist-item input[type=checkbox]{accent-color:var(--ocean)}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--divider)}