:root{--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #00000029;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 16px 40px #0006;--status-open:#3b82f6;--status-won:#22c55e;--status-lost:#ef4444;--status-warning:#f59e0b;--color-accent:#ff7a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=dark]{--bg:#0b0b0d;--surface:#17171a;--surface-2:#1f1f23;--surface-hover:#26262b;--card-bg:#1f1f23;--text:#f2f2f2;--text-muted:#9a9a9f;--border:#2a2a2e;--sidebar-bg:#17171a;--sidebar-text:#f2f2f2;--menu-active-bg:#26262b;--menu-active-text:#ff7a1a;--button-bg:#ff7a1a;--button-text:#fff}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--surface:#fff;--surface-2:#eef2f6;--surface-hover:#e4eaf0;--card-bg:#c7dbf2;--text:#10151c;--text-muted:#5b6572;--border:#dde3ea;--sidebar-bg:#fff;--sidebar-text:#10151c;--menu-active-bg:#e4eaf0;--menu-active-text:#0ea5e9;--button-bg:#0ea5e9;--button-text:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{color:var(--text);margin:0;font-weight:600}p{margin:0}a{color:var(--color-accent)}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:8px 14px;transition:background .15s,border-color .15s,opacity .15s}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text);font-weight:600}button.primary:hover:not(:disabled){background:var(--button-bg);border-color:var(--button-bg);filter:brightness(.85)}button.danger{background:var(--status-lost);border-color:var(--status-lost);color:#fff;font-weight:600}button.danger:hover:not(:disabled){background:var(--status-lost);border-color:var(--status-lost);filter:brightness(.85)}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:1px}input[type=file]{background:0 0;border:none;padding:0}input[type=file]::file-selector-button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);margin-right:10px;padding:8px 14px;transition:background .15s,border-color .15s}input[type=file]::file-selector-button:hover{background:var(--surface-hover)}code{font-family:var(--mono)}.auth-page{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:32px;display:flex}.branded-login .auth-form{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.branded-login-logo{object-fit:contain;max-width:100%;max-height:72px;margin:0 auto 8px}.auth-form h1{margin:0 0 8px;font-size:28px;line-height:1.3}.auth-form label{text-align:left;flex-direction:column;gap:4px;font-size:14px;display:flex}.auth-form .error{color:var(--status-lost);font-size:14px}.password-input{gap:4px;display:flex}.password-input input{flex:1}.password-toggle-btn{padding:4px 10px}.auth-form .whatsapp-cta{border-radius:var(--radius-sm);color:#0b0b0b;text-align:center;background:#25d366;margin-top:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.auth-form .self-registration-cta{background:var(--button-bg);color:var(--button-text)}.self-registration-form{text-align:left;width:420px}.whatsapp-qrcode{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:16px;display:flex}.whatsapp-qrcode img{border-radius:var(--radius-sm);background:#fff;padding:8px}.whatsapp-qrcode .whatsapp-cta{border-radius:var(--radius-sm);color:#0b0b0b;text-align:center;background:#25d366;margin-top:4px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.self-registration-form h3{margin-top:8px}.loading{color:var(--text-muted);padding:32px}.muted{color:var(--text-muted);font-size:13px}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:24px;width:220px;padding:20px 12px;display:flex}.app-sidebar-brand{color:var(--menu-active-text);padding:0 8px;font-size:16px;font-weight:700}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav a{color:var(--sidebar-text);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;text-decoration:none}.app-nav a:hover{background:var(--menu-active-bg)}.app-nav a.active{background:var(--menu-active-bg);color:var(--menu-active-text);font-weight:600}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.app-topbar-left{align-items:center;gap:8px;display:flex}.app-topbar-title{font-size:15px;font-weight:600}.app-topbar-sep{color:var(--text-muted)}.board-quick-switch{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.board-quick-switch select{padding:4px 8px;font-size:13px}.app-topbar-actions{align-items:center;gap:10px;display:flex}.app-user{color:var(--text-muted);font-size:13px;text-decoration:none}.app-user:hover,.app-user.active{color:var(--text);text-decoration:underline}.app-nav-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:12px}.account-info{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.account-info dt{color:var(--text-muted)}.account-info dd{overflow-wrap:anywhere;margin:0}.account-form{flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex}.account-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.account-form .error{color:var(--status-lost);margin:0;font-size:14px}.account-form .success{color:var(--status-won);margin:0;font-size:14px}.account-form button.primary{align-self:flex-start}@media (width<=640px){.account-form button.primary{align-self:stretch}}.workspace-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:13px;display:flex;position:relative}.workspace-switch-btn{border-radius:999px;padding:2px 8px;font-size:13px}.workspace-switch-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-md);z-index:50;flex-direction:column;gap:2px;margin-top:6px;padding:8px;display:flex;position:absolute;top:100%;right:0}.workspace-switch-dropdown button{text-align:left;border-radius:var(--radius-sm);padding:8px 10px}.workspace-switch-divider{background:var(--border);height:1px;margin:4px 0}.workspace-switch-create-form{gap:6px;display:flex}.workspace-switch-create-form input{flex:1;min-width:0}.gear-btn{padding:6px 10px;font-size:16px}.app-content{flex:1;overflow-y:auto}.kanban-page{flex-direction:column;gap:16px;height:100%;padding:20px 28px;display:flex}.kanban-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kanban-toolbar-actions,.kanban-toolbar-board-name{align-items:center;gap:8px;display:flex}.kanban-toolbar-board-name strong{font-size:16px}.icon-btn{background:0 0;border-color:#0000;padding:2px 6px;font-size:13px}.icon-btn:hover{background:var(--surface-hover)}.column-header-actions{align-items:center;gap:4px;display:flex}.column-rename-input{width:100%;padding:2px 6px;font-size:14px;font-weight:600}.new-lead-form{gap:8px;display:flex}.new-lead-form-column{flex-direction:column;align-items:flex-start}.new-lead-mode-toggle{gap:8px;display:flex}.new-lead-mode-toggle button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.new-lead-form-row{gap:8px;display:flex}.intake-page{background:radial-gradient(circle at top, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 55%);justify-content:center;min-height:100%;padding:40px 24px 64px;display:flex}.intake-container{width:100%;max-width:760px}.intake-header{text-align:center;margin-bottom:28px}.intake-header h1{margin:0 0 8px;font-size:26px}.intake-header p{color:var(--text-muted);margin:0;font-size:14px}.intake-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:32px}.intake-fields-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;display:grid}.intake-field{flex-direction:column;gap:6px;display:flex}.intake-field-full{grid-column:1/-1}.intake-field-label{color:var(--text);font-size:13px;font-weight:600}.intake-required{color:var(--color-accent);margin-left:3px}.intake-field input,.intake-field select,.intake-field textarea{padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.intake-field input:focus,.intake-field select:focus,.intake-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent)}.intake-subheading{margin:0 0 10px;font-size:14px;font-weight:600}.intake-error{margin-top:20px}.intake-submit-row{border-top:1px solid var(--border);justify-content:flex-end;margin-top:28px;padding-top:20px;display:flex}.intake-submit{border-radius:var(--radius-md);padding:12px 28px;font-size:15px}.intake-success,.intake-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 32px;display:flex}.intake-success-icon{background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:56px;height:56px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:26px;font-weight:700;display:flex}.intake-empty-icon{margin-bottom:4px;font-size:40px}.intake-success h2,.intake-empty h2{margin:0;font-size:20px}.intake-success p,.intake-empty p{color:var(--text-muted);max-width:420px;margin:0 0 8px;font-size:14px}.intake-success button{margin-top:10px}@media (width<=640px){.intake-page{padding:20px 16px 40px}.intake-form{padding:20px}.intake-fields-grid{grid-template-columns:1fr}.intake-submit-row{justify-content:stretch}.intake-submit{width:100%}}.card-detail-page{flex-direction:column;gap:20px;padding:24px 32px;display:flex}.card-detail-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.card-detail-back{background:0 0;flex-shrink:0}.card-detail-heading{flex:1;min-width:200px}.card-detail-heading h1{margin:0 0 4px;font-size:22px}.card-detail-heading-meta{align-items:center;gap:10px;display:flex}.card-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.card-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.card-detail-side{flex-direction:column;gap:20px;display:flex}.card-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.card-detail-card h3{margin:0;font-size:15px}.card-detail-card label{flex-direction:column;gap:4px;font-size:13px;display:flex}.card-detail-save{align-self:flex-start;margin-top:4px}.card-detail-notes{max-width:none}.person-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:24px;display:flex}.person-detail-card h3{margin:0;font-size:15px}.person-detail-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin:4px 0 0;font-size:13px}.person-detail-card label{flex-direction:column;gap:4px;font-size:13px;display:flex}.person-detail-card>button{align-self:flex-start}.person-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;display:grid}.person-detail-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.person-detail-header h2{margin:0 0 2px}.person-detail-select{align-self:flex-start;max-width:320px}.stage-time-bar{border-radius:var(--radius-sm);gap:2px;display:flex;overflow:hidden}.stage-time-seg{background:var(--surface-2);border-bottom:3px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:8px 4px;transition:opacity .2s;display:flex}.stage-time-seg.future{opacity:.35}.stage-time-seg.past{opacity:.7}.stage-time-seg.current{opacity:1;border-bottom-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--surface-2))}.stage-time-value{font-size:13px;font-weight:600}.stage-time-label{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.card-history-list{flex-direction:column;gap:10px;display:flex}.card-history-item{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);align-items:baseline;gap:10px;padding:10px 12px;font-size:13px;display:flex}.card-history-item-icon{flex-shrink:0}.card-history-item-meta{color:var(--text-muted);font-size:12px}.card-dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.card-dashboard-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px;display:flex}.card-dashboard-stat-label{color:var(--text-muted);font-size:12px}.card-dashboard-stat-value{font-size:18px;font-weight:600}@media (width<=900px){.card-detail-grid{grid-template-columns:1fr}}@media (width<=640px){.card-detail-page,.card-detail-card{padding:16px}}.self-registration-banner{border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);flex-direction:column;gap:8px;padding:12px 16px;font-size:13px;display:flex}.self-registration-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.self-registration-banner-actions code{background:var(--surface-2);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:4px 8px}.impersonation-banner{background:color-mix(in srgb, var(--color-accent) 18%, transparent);border-bottom:1px solid var(--color-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.kanban-board{flex:1;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;min-width:270px;max-width:270px;display:flex}.kanban-column[data-over]{outline:2px dashed var(--color-accent)}.kanban-column header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.kanban-column .count{color:var(--text-muted);font-size:12px}.kanban-column-body{flex-direction:column;gap:8px;min-height:80px;padding:10px;display:flex;overflow-y:auto}.kanban-card{border:1px solid var(--border);border-left:4px solid var(--status-open);border-radius:var(--radius-sm);background:var(--card-bg);cursor:grab;touch-action:none;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;display:flex}.kanban-card[data-status=won]{border-left-color:var(--status-won)}.kanban-card[data-status=lost]{border-left-color:var(--status-lost)}.kanban-card[data-locked]{cursor:pointer;opacity:.85}.kanban-card[data-dragging]{opacity:.35}.kanban-card[data-task-color=overdue]{background:var(--task-overdue)}.kanban-card[data-task-color=upcoming]{background:var(--task-upcoming)}.kanban-card[data-stage-overdue]{background:var(--stage-overdue);border-color:#f97316}.stage-overdue-badge{color:#fff;background:#f97316;border-radius:999px;align-self:flex-start;margin-bottom:2px;padding:1px 6px;font-size:11px;font-weight:600}.kanban-card .field-chip{color:var(--text-muted);font-size:11px}.kanban-card .field-chip-reference{color:var(--color-accent);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.kanban-card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mini-tag{color:#0b0b0b;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.kanban-card-overlay{cursor:grabbing;box-shadow:var(--shadow-md);width:240px;transform:rotate(2deg)}.card-value{color:var(--status-won);font-weight:600}.status-badge{border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.board-type-badge{background:var(--surface-2);border:1px solid var(--border);width:fit-content;color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status-badge.status-open{background:color-mix(in srgb, var(--status-open) 18%, transparent);color:var(--status-open)}.status-badge.status-won{background:color-mix(in srgb, var(--status-won) 18%, transparent);color:var(--status-won)}.status-badge.status-lost{background:color-mix(in srgb, var(--status-lost) 18%, transparent);color:var(--status-lost)}.ticket-protocol-badge{background:var(--surface-2);border:1px solid var(--border);width:fit-content;color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.kanban-card-activity{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.activity-scheduled-chip{color:var(--text-muted);font-size:11px}.activity-deadline-badge{border-radius:999px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.activity-deadline-badge.activity-deadline-on_time{background:color-mix(in srgb, var(--status-open) 18%, transparent);color:var(--status-open)}.activity-deadline-badge.activity-deadline-late{background:color-mix(in srgb, var(--status-warning) 18%, transparent);color:var(--status-warning)}.activity-deadline-badge.activity-deadline-time_exceeded{background:color-mix(in srgb, var(--status-lost) 18%, transparent);color:var(--status-lost)}.activity-deadline-badge.activity-deadline-completed{background:color-mix(in srgb, var(--status-won) 18%, transparent);color:var(--status-won)}.activity-deadline-badge.activity-deadline-cancelled{background:color-mix(in srgb, var(--status-lost) 18%, transparent);color:var(--status-lost)}.panel-overlay{z-index:100;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;gap:20px;width:440px;max-width:100%;height:100%;padding:24px;display:flex;overflow-y:auto}.panel-header{justify-content:space-between;align-items:flex-start;display:flex}.panel-header h2{margin:0;font-size:20px}.card-id{color:var(--text-muted);font-size:12px}.panel-status-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.locked-banner{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.stale-banner{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-lost) 12%, transparent);border:1px solid var(--status-lost);color:var(--status-lost);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.stale-banner button{background:var(--status-lost);border-color:var(--status-lost);color:#fff;white-space:nowrap;font-weight:600}.win-btn{background:color-mix(in srgb, var(--status-won) 15%, transparent);border-color:var(--status-won);color:var(--status-won)}.lose-btn{background:color-mix(in srgb, var(--status-lost) 15%, transparent);border-color:var(--status-lost);color:var(--status-lost)}.reopen-btn{background:color-mix(in srgb, var(--status-open) 15%, transparent);border-color:var(--status-open);color:var(--status-open)}.card-detail-delete-btn{border-color:var(--status-lost);color:var(--status-lost);background:0 0;padding:8px 12px;font-size:15px}.card-detail-delete-btn:hover:not(:disabled){background:color-mix(in srgb, var(--status-lost) 15%, transparent)}.panel section{flex-direction:column;gap:10px;display:flex}.panel section h3{margin:0;font-size:15px}.panel label{flex-direction:column;gap:4px;font-size:13px;display:flex}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.person-picker{flex-direction:column;gap:8px;display:flex}.reference-field-input{align-items:flex-start;gap:8px;display:flex}.reference-field-input .person-picker,.reference-field-input select{flex:1}.person-picker-selected{flex-wrap:wrap;gap:6px;display:flex}.person-chip{border:1.5px solid var(--color-accent);background:var(--color-accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.person-chip .muted{color:#fffc;font-weight:400}.person-chip-open{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.person-chip-remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.person-picker-search{max-width:360px;position:relative}.person-picker-search input{width:100%}.person-picker-dropdown{z-index:20;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.person-picker-option{cursor:pointer;align-items:baseline;gap:8px;padding:8px 12px;font-size:13px;display:flex}.person-picker-option:hover{background:var(--surface-hover)}.notes-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.note-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.note-item p{margin:0 0 4px}.note-meta{flex-wrap:wrap;gap:6px;display:flex}.attachment-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.attachment-item{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.attachment-item a{color:var(--color-accent);cursor:pointer;text-decoration:none}.new-note-form{flex-direction:column;gap:6px;display:flex}.settings-page{flex-direction:column;gap:24px;padding:24px 32px;display:flex}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.settings-tabs button{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);background:0 0;border:none;padding:10px 16px}.settings-tabs button.active{background:var(--surface-2);color:var(--text);font-weight:600}.settings-tab-group{position:relative}.settings-tab-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-md);z-index:50;flex-direction:column;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.settings-tab-dropdown button{text-align:left;white-space:nowrap;border-radius:0;padding:10px 14px}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-checkbox{align-items:center;gap:4px;font-size:13px;display:flex}.permission-matrix{flex-direction:column;gap:4px;display:flex}.permission-matrix-row{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.permission-matrix-checks{flex-wrap:wrap;gap:10px 16px;display:flex}.permission-matrix-scope label{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.permission-matrix-scope select{font-size:13px}.settings-table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th,.settings-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px}.settings-table tr.clickable-row{cursor:pointer}.settings-table tr.clickable-row:hover{background:var(--surface-hover)}.product-groups{flex-direction:column;gap:10px;display:flex}.product-group{flex-direction:column;gap:4px;display:flex}.product-group-label{color:var(--text-muted);font-size:12px;font-weight:600}.custom-field-options-editor{flex-direction:column;gap:6px;display:flex}.client-name-link{cursor:pointer;color:var(--color-accent);text-decoration:underline}.client-detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 20px;font-size:13px;display:grid}.client-detail-grid div{flex-direction:column;gap:2px;display:flex}.client-detail-grid strong{font-weight:600}.section-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.list-row input{flex:1}.address-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;display:grid}.address-grid label{flex-direction:column;gap:4px;font-size:13px;display:flex}.goal-list{flex-direction:column;gap:16px;display:flex}.goal-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:8px;padding:16px;display:flex}.goal-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal-progress-track{background:var(--surface);border-radius:999px;height:8px;overflow:hidden}.goal-progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.goal-progress-values{justify-content:space-between;font-size:13px;display:flex}.goal-bonus-note{margin:0;font-size:12px}.color-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:640px;display:grid}.color-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.color-field input[type=color]{width:100%;height:36px;padding:2px}.branding-uploads{flex-wrap:wrap;gap:32px;display:flex}.branding-uploads>div{flex-direction:column;gap:8px;display:flex}.branding-preview{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);max-width:160px;max-height:80px;padding:6px}.branding-preview-bg{object-fit:cover;max-width:220px;max-height:120px}.filter-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filter-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:560px;max-width:92vw;max-height:88vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.filter-modal-header{justify-content:space-between;align-items:center;display:flex}.task-detail-description{flex-direction:column;gap:12px;display:flex}.task-detail-description label{color:var(--text-muted);font-size:13px;font-weight:600}.task-detail-description textarea{resize:vertical;width:100%;min-height:200px}.filter-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.filter-grid .span-2{grid-column:1/-1}.filter-field{flex-direction:column;gap:4px;font-size:13px;display:flex}.filter-range,.filter-custom-field-row{align-items:center;gap:8px;display:flex}.filter-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:14px;display:flex}.product-detail-form{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.product-detail-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.product-detail-form h3{margin:12px 0 0}.product-detail-form .muted,.product-detail-form .error,.product-detail-form .success{margin:0}.product-detail-form .error{color:var(--status-lost)}.product-detail-form .success{color:var(--status-won)}.product-detail-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.product-detail-actions button{flex:1}}.login-locked-badge{background:var(--status-lost);color:#fff;white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.login-locked-badge.temporary{background:#f97316}.security-steps-table input[type=number]{width:72px}.security-duration{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.security-duration input[type=number]{width:80px}.security-add-step{align-self:flex-start}.security-rate-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.security-rate-grid label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.security-rate-grid label .muted{font-weight:400}@media (width<=640px){.security-steps-table th:first-child,.security-steps-table td:first-child{display:none}}.delete-category-products{max-height:180px;margin:0;padding-left:20px;font-size:14px;overflow-y:auto}.delete-category-warning{color:var(--status-lost);margin:0;font-size:14px;font-weight:600}.delete-category-confirm{flex-direction:column;gap:6px;font-size:14px;display:flex}.report-filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;display:grid}.report-filters label{flex-direction:column;gap:4px;font-size:13px;display:flex}.report-filters-actions{gap:8px;display:flex}.report-filters-error{color:var(--status-lost);margin:0}@media (width<=640px){.report-filters{grid-template-columns:1fr 1fr}.report-filters-actions{grid-column:1/-1}.report-filters-actions button{flex:1}}.report-charts-row{flex-wrap:wrap;gap:24px;display:flex}.report-chart{flex:1;min-width:200px}.report-chart h4{color:var(--text-muted);margin:0 0 12px;font-size:13px}.report-chart-bars{align-items:flex-end;gap:16px;height:160px;display:flex}.report-chart-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.report-chart-bar-value{margin-bottom:4px;font-size:12px;font-weight:600}.report-chart-bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.report-chart-bar{border-radius:4px 4px 0 0;width:60%;min-height:2px;transition:height .2s}.report-chart-bar-stack{border-radius:4px 4px 0 0;flex-direction:column-reverse;width:60%;min-height:2px;transition:height .2s;display:flex;overflow:hidden}.report-chart-bar-segment{width:100%}.card-dashboard-stat.status-tint-open{background:color-mix(in srgb, var(--status-open) 12%, var(--surface-2))}.card-dashboard-stat.status-tint-won{background:color-mix(in srgb, var(--status-won) 12%, var(--surface-2))}.card-dashboard-stat.status-tint-lost{background:color-mix(in srgb, var(--status-lost) 12%, var(--surface-2))}.report-chart-bar-label{color:var(--text-muted);text-align:center;margin-top:6px;font-size:11px}.hamburger-btn{display:none}.home-page{background:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden}.home-page button.primary{transition:transform .15s,filter .15s}.home-page button.primary:hover:not(:disabled){transform:translateY(-2px)}.home-topbar{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:24px;padding:18px 40px;display:flex;position:sticky;top:0}.home-band{width:100%;scroll-margin-top:76px}.home-band-bg{background:var(--bg)}.home-band-surface{background:var(--surface)}.home-brand{color:var(--color-accent);white-space:nowrap;font-size:20px;font-weight:700}.home-nav{flex:1;justify-content:center;gap:28px;display:flex}.home-nav a{color:var(--text-muted);padding-bottom:2px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;position:relative}.home-nav a:after{content:"";background:var(--color-accent);height:2px;transition:right .2s;position:absolute;bottom:-2px;left:0;right:100%}.home-nav a:hover{color:var(--text)}.home-nav a:hover:after{right:0}.home-section-subtitle{text-align:center;color:var(--text-muted);max-width:560px;margin:-12px auto 32px}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1140px;margin:0 auto;padding:72px 24px 64px;display:grid}.home-hero-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.home-eyebrow{background:color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.home-eyebrow-center{width:fit-content;margin:0 auto 12px;display:block}.home-hero h1{margin:0;font-size:42px;line-height:1.2}.home-hero-copy>p{color:var(--text-muted);font-size:17px;line-height:1.6}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.home-hero-secondary{color:var(--text);border-bottom:2px solid var(--color-accent);padding:10px 4px;font-weight:600;text-decoration:none;transition:color .15s,opacity .15s}.home-hero-secondary:hover{color:var(--color-accent)}.home-mockup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:transform .2s;overflow:hidden;transform:rotate(1deg)}.home-mockup:hover{transform:rotate(0)translateY(-3px)}.home-mockup-card{transition:border-color .15s}.home-mockup-card:hover{border-color:var(--color-accent)}.home-mockup-topbar{border-bottom:1px solid var(--border);background:var(--surface-2);gap:6px;padding:12px 14px;display:flex}.home-mockup-topbar span{background:var(--border);border-radius:50%;width:10px;height:10px}.home-mockup-board{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.home-mockup-column-header{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.home-mockup-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.home-mockup-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px}.home-mockup-card-title{margin-bottom:4px;font-size:12px;font-weight:600}.home-mockup-card-value{color:var(--color-accent);font-size:11px;font-weight:700}.home-audience{max-width:1000px;margin:0 auto;padding:48px 24px}.home-audience h2{text-align:center;margin-bottom:8px}.home-audience-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.home-audience-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:transform .15s,border-color .15s;display:flex}.home-audience-chip:hover{border-color:var(--color-accent);transform:translateY(-2px)}.home-audience-icon{font-size:16px}.home-features{max-width:1140px;margin:0 auto;padding:48px 24px}.home-features h2,.home-steps h2,.home-faq h2{text-align:center;margin-bottom:8px}.home-features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.home-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:transform .15s,border-color .15s}.home-feature-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.home-feature-icon{margin-bottom:12px;font-size:28px;display:block}.home-feature-card h3{margin:0 0 8px;font-size:16px}.home-feature-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.home-steps{max-width:1000px;margin:0 auto;padding:48px 24px}.home-steps-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.home-step-card{transition:transform .15s}.home-step-card:hover{transform:translateY(-3px)}.home-step-number{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-weight:700;transition:transform .15s;display:flex}.home-step-card:hover .home-step-number{transform:scale(1.1)}.home-step-card h3{margin:0 0 8px}.home-step-card p{color:var(--text-muted);margin:0;font-size:14px}.home-plans{max-width:1000px;margin:0 auto;padding:48px 24px;scroll-margin-top:80px}.home-plans h2{text-align:center;margin-bottom:8px}.home-plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:20px;display:grid}.home-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:28px 24px 24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.home-plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.home-plan-card.featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.home-plan-badge{background:var(--color-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.home-plan-description{color:var(--text-muted);flex:1}.home-plan-value{font-size:28px;font-weight:700}.home-faq{max-width:760px;margin:0 auto;padding:48px 24px;scroll-margin-top:80px}.home-faq-list{flex-direction:column;gap:10px;display:flex}.home-faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .15s;overflow:hidden}.home-faq-item:hover{border-color:var(--color-accent)}.home-faq-question{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.home-faq-question:hover{background:var(--surface-hover)}.home-faq-toggle{color:var(--color-accent);flex-shrink:0;font-size:20px;line-height:1}.home-faq-answer{color:var(--text-muted);margin:0;padding:0 20px 18px;font-size:14px;line-height:1.6}.home-final-cta{text-align:center;background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0;padding:64px 24px}.home-final-cta h2{margin:0 0 8px}.home-final-cta p{color:var(--text-muted);margin:0 0 20px}.home-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:56px 40px 24px;font-size:13px}.home-footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:32px;max-width:1140px;margin:0 auto;padding-bottom:36px;display:grid}.home-footer-col{flex-direction:column;gap:10px;display:flex}.home-footer-col h4{color:var(--text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px}.home-footer-col a,.home-footer-col span{color:var(--text-muted);font-size:14px;text-decoration:none}.home-footer-col a:hover{color:var(--color-accent)}.home-footer-about p{max-width:320px;margin:0;line-height:1.6}.home-footer-brand{color:var(--color-accent);font-size:18px;font-weight:700}.home-footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1140px;margin:0 auto;padding-top:20px;display:flex}.home-footer-links{gap:10px;display:flex}.home-footer-sep{opacity:.5}.home-footer-maker{color:var(--text-muted);opacity:.8}.saas-signup-form{width:460px}@media (width<=768px){html,body,#root{overflow-x:hidden}.app-shell{position:relative}.app-sidebar{z-index:210;width:78vw;max-width:300px;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.mobile-nav-backdrop{z-index:200;background:#00000080;position:fixed;inset:0}.hamburger-btn{flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:18px;display:inline-flex}.app-topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:8px 12px}.app-topbar-left{flex-wrap:wrap;gap:8px;min-width:0}.app-topbar-title{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;overflow:hidden}.app-topbar-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.app-user{display:none}.workspace-pill span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:28vw;overflow:hidden}.app-content{width:100%}.kanban-page,.settings-page{padding:12px}.kanban-toolbar{flex-direction:column;align-items:stretch}.kanban-toolbar-actions{flex-wrap:wrap}.new-lead-form-row{flex-direction:column;align-items:stretch}.panel{width:100vw;padding:16px}.settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.settings-tabs button{flex-shrink:0}.settings-form{flex-direction:column;align-items:stretch}.settings-table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.permission-matrix-row{grid-template-columns:1fr;gap:4px}.color-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:100%}.address-grid{grid-template-columns:1fr 1fr}.filter-modal{border-radius:0;width:100%;max-width:100vw;height:100%;max-height:100vh}.filter-grid{grid-template-columns:1fr}.auth-form{width:100%;max-width:340px;margin:0 16px}.branding-uploads{gap:16px}.home-topbar{padding:14px 16px}.home-nav{display:none}.home-hero{text-align:center;grid-template-columns:1fr;padding:40px 20px 32px}.home-hero-copy{align-items:center}.home-hero h1{font-size:30px}.home-hero-actions{justify-content:center}.home-mockup{transform:none}.home-mockup-board{grid-template-columns:1fr}.home-audience,.home-features,.home-steps,.home-plans,.home-faq{padding:32px 16px}.home-footer{padding:40px 16px 20px}.home-footer-top{text-align:center;grid-template-columns:1fr;gap:28px}.home-footer-about p{max-width:none}.home-footer-bottom{text-align:center;flex-direction:column}.saas-signup-form{width:100%;max-width:340px;margin:0 16px}}.automation-editor{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.automation-editor-main{flex-direction:column;gap:12px;min-width:0;display:flex}.automation-editor-main label{flex-direction:column;gap:4px;font-size:13px;display:flex}.automation-editor-main>button{align-self:flex-start}.automation-code-textarea{white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;overflow-x:auto}.automation-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px;display:flex}.automation-action-card label{flex-direction:column;gap:4px;font-size:13px;display:flex}.automation-action-card-header{align-items:center;gap:8px;display:flex}.automation-action-card-header input{flex:1}.automation-condition-row{align-items:center;gap:8px;display:flex}.automation-condition-row input{flex:1}.automation-action-request-row{gap:8px;display:flex}.automation-action-request-row select{flex:none}.automation-action-request-row input{flex:1}.automation-editor-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;max-height:80vh;padding:14px;display:flex;position:sticky;top:12px;overflow-y:auto}.automation-catalog-entry{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.automation-json-preview{background:var(--surface-alt,var(--surface));border:1px solid var(--border);border-radius:var(--radius-sm,4px);white-space:pre-wrap;word-break:break-word;padding:8px;font-size:12px;overflow-x:auto}.forgot-password-link{color:var(--text-muted);align-self:center;font-size:13px}.hms-fields{flex:none;align-items:flex-end;gap:8px;display:flex}.hms-fields label{color:var(--text-muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.hms-fields input{flex:none;width:64px}@media (width<=900px){.automation-editor{grid-template-columns:1fr}.automation-editor-sidebar{max-height:none;position:static}}.public-lp-frame{background:#fff;border:0;width:100%;height:100%;position:fixed;inset:0}.lp-table-wrap{width:100%;overflow-x:auto}.lp-row-actions{justify-content:flex-end;gap:6px;display:flex}.lp-new-btn,.lp-add-param{align-self:flex-start}.lp-editor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.lp-editor-grid label{flex-direction:column;gap:4px;font-size:14px;display:flex}.lp-param-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lp-param-row input{width:160px}.lp-html{white-space:pre;box-sizing:border-box;width:100%;min-height:320px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.4}.lp-html-actions,.lp-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lp-open-link{font-size:14px}.lp-help-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;display:flex}.lp-example{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);white-space:pre;max-height:320px;padding:12px;font-size:12px;overflow:auto}@media (width<=640px){.lp-param-row input,.lp-param-row select{width:100%}}