:root{--ink:#0d1526;--muted:#5a6579;--page:#f6f7f9;--surface:#fff;--line:#e3e8ef;--link:#4a6e00;--accent:#80bd01;--accent-ink:#10160a;--mark:#a6dc3a;--control-line:#8a94a6;--accent-surface:#f1f8e3;--sidebar:#0b1220;--sidebar-text:#ffffffc7;--sidebar-faint:#ffffff9e;--error-surface:#fdecec;--error-ink:#b42318}body{background:var(--page);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}a{color:var(--link)}h1{letter-spacing:-.02em;margin:0;font-size:26px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.brand{align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.mark{background:var(--mark);width:28px;height:28px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}.primary{box-sizing:border-box;background:var(--accent);width:100%;color:var(--accent-ink);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:10px;margin-top:16px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:block}.center{box-sizing:border-box;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.card{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:100%;max-width:420px;padding:24px}.card h1{margin-top:18px;font-size:22px}.card .muted{margin:6px 0 0;font-size:14px;line-height:1.55}.failure{max-width:420px}.message-error{background:var(--error-surface);color:var(--error-ink);border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5}.message-error p{margin:0}.reference{font-size:12px}.accounts{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.accounts a{border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;text-decoration:none;display:flex}.account-name{font-size:14px;font-weight:600}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.skip-link{z-index:1;background:var(--surface);border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.sidebar{box-sizing:border-box;background:var(--sidebar);color:#fff;flex:0 0 240px;width:240px;padding:18px 12px}.sidebar .brand{padding:4px 8px 14px}.sidebar-account{color:var(--sidebar-faint);margin:0 8px 6px;font-size:12px}.sidebar h2{color:var(--sidebar-faint);letter-spacing:.06em;text-transform:uppercase;margin:10px 10px 4px;font-size:11px;font-weight:600}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{color:var(--sidebar-text);padding:7px 10px;font-size:14px}.section-soon{justify-content:space-between;gap:8px;display:flex}.sidebar li a{color:inherit;text-decoration:none}.sidebar li a[aria-current=page]{color:var(--mark);font-weight:600}.soon{color:var(--sidebar-faint);font-size:11px}.workspace{flex:999 560px;min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;gap:16px;padding:14px 32px;font-size:14px;display:flex}.topbar-account{font-weight:600}.workspace main{padding:28px 32px 48px}.workspace main:focus{outline:none}@media (max-width:640px){.sidebar{flex:100%;width:100%}.topbar,.workspace main{padding-inline:16px}}.card h2{margin:20px 0 0;font-size:15px}.small{font-size:12px}.field{color:var(--muted);margin-top:14px;font-size:13px}.field-label{justify-content:space-between;gap:8px;display:flex}.field input{box-sizing:border-box;border:1px solid var(--control-line);width:100%;color:var(--ink);font:inherit;border-radius:10px;margin-top:6px;padding:10px 12px;font-size:14px}.field input[aria-invalid=true]{border-color:var(--error-ink)}.field .code-input{letter-spacing:.14em;text-align:center;font-size:22px;font-weight:600}.hint{margin:4px 0 0;font-size:12px}.message-notice{color:#1d4ed8;background:#ebf1fd;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5}.message-notice p{margin:0}.message-notice a{color:inherit}.secondary{box-sizing:border-box;border:1px solid var(--control-line);background:var(--surface);width:100%;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:block}.providers{flex-direction:column;gap:8px;margin-top:16px;display:flex}.divider{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px}.card-link,.sign-out{text-align:center;margin:14px 0 0;font-size:13px}.link{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.topbar .sign-out{margin:0 0 0 auto}.switch-account{color:var(--sidebar-text);margin:4px 0 12px;font-size:13px;display:block}.steps{color:var(--muted);gap:12px;margin:18px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.steps [aria-current=step]{color:var(--ink);font-weight:600}.qr{margin:12px auto 0;display:block}.secret{text-align:center;margin:4px 0 0}.codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.code-actions{gap:8px;margin-top:10px;display:flex}.check{align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.primary:disabled{cursor:not-allowed;opacity:.6}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.connections{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;margin-top:24px;display:grid}.connection{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px;position:relative}.connection h2{margin:0;font-size:17px}.connection .muted{margin:8px 0 0;font-size:14px;line-height:1.55}.connection>.link{margin-top:14px;font-size:14px}.pill{color:var(--muted);background:#f1f3f6;border-radius:999px;margin:0;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:18px;right:20px}.pill-connected{color:#15803d;background:#e9f7ee}.pill-disconnected{background:var(--error-surface);color:var(--error-ink)}.primary-dark{background:var(--ink);color:var(--surface);font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:14px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-block}.primary-dark:disabled{cursor:not-allowed;opacity:.7}.confirm{border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:16px}.confirm h3{margin:0;font-size:16px}.confirm .actions{flex-wrap:wrap;gap:10px;display:flex}.confirm .actions .secondary{width:auto;margin-top:14px;display:inline-block}@media (max-width:640px){.pill{margin-top:8px;display:inline-block;position:static}}.places{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.places th,.places td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px}.places thead th{color:var(--muted);border-top:0;font-size:12px;font-weight:600}.places tbody th{font-weight:600}.johana{align-items:center;gap:8px;display:inline-flex}.johana img{border-radius:999px}.places select,.direct-messages select,.add-channel select,.add-channel input{border:1px solid var(--control-line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;padding:7px 10px;font-size:13px}.switch{border:1px solid var(--control-line);background:var(--surface);min-width:52px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.switch[aria-checked=true]{border-color:var(--link);background:var(--accent-surface);color:var(--link)}.direct-messages,.add-channel{border-top:1px solid var(--line);gap:6px;margin-top:18px;padding-top:14px;font-size:14px;display:grid}.direct-messages label,.direct-messages .dm-title,.add-channel label{margin:0;font-weight:600}.direct-messages .muted,.add-channel .muted{margin:0}.add-channel h3{margin:0;font-size:16px}.channels{margin:4px 0 0;padding:0;list-style:none}.channels li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;display:flex}.channel-name{font-weight:600}.tasks-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.tasks-head p{margin:0}.tasks-eyebrow{margin-bottom:4px;font-size:13px}.tasks-head .tasks-subtitle{margin-top:6px;font-size:15px}.task-filters{flex-wrap:wrap;gap:8px;display:flex}.task-filters select{border:1px solid var(--control-line);background:var(--surface);max-width:220px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px;font-size:13px}.tasks-board{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:18px;display:grid}.tasks-side{gap:16px;min-width:0;display:grid}@media (max-width:1100px){.tasks-board{grid-template-columns:minmax(0,1fr)}}.task-panel,.topic-panel,.not-joined{padding:16px 18px}.task-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.connection .task-panel-head h2,.not-joined h2{font-size:16px}.task-tabs{flex-wrap:wrap;gap:6px;display:flex}.task-tab{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.task-tab-all{color:#334155;background:#f1f3f6}.task-tab-client,.tag-ball-client{color:#1d4ed8;background:#ebf1fd}.task-tab-team,.tag-ball-team{color:#8a5a00;background:#fdf6dd}.task-tab-johana,.tag-ball-johana{background:var(--accent-surface);color:var(--link)}.task-tab[aria-selected=true]{background:var(--ink);color:var(--surface)}.task-scroll{margin-top:12px;overflow-x:auto}.task-table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.task-table th,.task-table td{text-align:left;vertical-align:middle;border-top:1px solid #eef1f5;padding:10px}.task-table thead th{border-top:0;border-bottom:1px solid var(--line);color:var(--muted);padding-block:0 6px;font-size:12px;font-weight:400}.task-table tbody th{font-weight:400}.task-selected{box-shadow:inset 3px 0 0 var(--accent);background:#f6f9ee}.task-open{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.task-open:hover{text-decoration:underline}.task-line{color:var(--muted);margin:2px 0 0;font-size:12px}.tag{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.tag-state-new,.tag-state-waiting_on_client,.tag-state-in_review,.tag-state-done,.tag-state-dropped{color:#334155;background:#f1f3f6}.tag-state-in_progress{color:#166534;background:#e9f7ee}.due-late{color:var(--error-ink);font-weight:600}.topic-panel h2{margin-top:4px}.topic-panel>.task-line{margin-top:0}.connection.topic-panel>.muted{margin-top:14px}.topic-messages{margin:14px 0 0;padding:0;list-style:none}.topic-message{border-bottom:1px solid #eef1f5;gap:12px;padding:10px 0;display:flex}.topic-message:last-child{border-bottom:0;padding-bottom:0}.message-channel{color:#334155;flex:none;width:62px;font-size:12px;font-weight:600}.message-channel-whatsapp{color:#15803d}.message-channel-email{color:#1d4ed8}.topic-message-body{overflow-wrap:anywhere;flex:1;min-width:0}.topic-message-body>p:first-child{margin:0;font-size:13px;line-height:1.45}.topic-message-body .task-line{margin-top:3px}.topic-message-link{white-space:nowrap}.topic-linked{color:var(--link)}.topic-message-link .link{font-size:12px}.not-joined-card{border:2px solid var(--mark);background:#fbfdf6;border-radius:14px;margin-top:12px;padding:14px}.not-joined-card h3{margin:0;font-size:14px}.not-joined-message{border:1px solid var(--line);background:var(--surface);color:#334155;overflow-wrap:anywhere;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:13px;line-height:1.45}.connection .not-joined-message .muted{font-size:inherit;margin:0}.not-joined-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.not-joined-actions .primary-dark,.not-joined-actions .secondary{white-space:nowrap;border-radius:9px;width:auto;margin:0;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}