:root{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-muted:#eef1f6;--color-ink:#111827;--color-ink-soft:#4b5563;--color-border:#0f0f1414;--color-primary:#2557d6;--color-primary-strong:#111827;--color-accent:#f2a900;--color-info:#2557d6;--color-review:#8b5cf6;--color-danger:#b42318;--color-success:#256f49;--shadow-soft:0 14px 40px #11182714;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-pill:999px;--font-main:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;color:var(--color-ink);font-family:var(--font-main);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f6f8eb;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark{border-radius:var(--radius-2);background:var(--color-ink);width:36px;height:36px;color:var(--color-accent);place-items:center;font-weight:800;display:grid}.brand-title{margin:0;font-size:17px;line-height:1.15}.brand-subtitle{color:var(--color-ink-soft);margin:2px 0 0;font-size:12px}.main{width:min(1180px,100%);padding:var(--space-4);margin:0 auto}.grid{gap:var(--space-4);display:grid}.grid.two{grid-template-columns:minmax(0,1fr)}.workspace-sidebar{order:2}.workspace-detail{order:1;min-width:0}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--shadow-soft)}.section{padding:var(--space-4)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-title{margin:0;font-size:18px}.muted{color:var(--color-ink-soft)}.form-grid{gap:var(--space-3);display:grid}.field{gap:var(--space-1);display:grid}.field span{color:var(--color-ink-soft);font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-1);width:100%;min-height:42px;color:var(--color-ink);background:#fff;padding:10px 12px}.field textarea{resize:vertical;min-height:88px}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-1);background:var(--color-primary);color:#fff;border:1px solid #0000;font-weight:800;display:inline-flex}.button.secondary{color:var(--color-ink);border-color:var(--color-border);background:#fff}.button.icon{width:42px;padding:0}.list{gap:var(--space-3);display:grid}.item-row{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);text-align:left;background:#fff;display:grid}.item-row.active{background:var(--color-surface-muted);border-color:#2557d66b}.item-main{justify-content:space-between;gap:var(--space-3);display:flex}.status-pill{border-radius:var(--radius-pill);color:var(--color-primary);background:#2557d61a;align-self:start;padding:4px 8px;font-size:12px;font-weight:800}.progress{border-radius:var(--radius-pill);background:#dde5e2;height:8px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:100%;display:block}.tabs{gap:var(--space-2);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.tab{white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);background:#fff;padding:8px 12px;font-weight:800}.tab.active{background:var(--color-ink);color:#fff}.empty,.error{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-1);background:#fff}.error{color:var(--color-danger);border-color:#b4231847}.auth-wrap{width:min(480px,100%);padding:var(--space-4);margin:8vh auto}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.toast-stack{right:var(--space-4);bottom:calc(74px + var(--space-4));z-index:30;gap:var(--space-2);width:min(360px,100vw - 32px);display:grid;position:fixed}.toast{align-items:center;gap:var(--space-2);border-radius:var(--radius-2);color:var(--color-ink);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #127c4438;padding:12px 14px;font-size:14px;font-weight:800;display:flex}.toast.success svg{color:var(--color-success)}.empty-state{align-content:center;place-items:center;gap:var(--space-2);text-align:center;min-height:320px;display:grid}.module-shell{gap:var(--space-4);padding-bottom:76px;display:grid}.work-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--shadow-soft);display:flex}.work-title{align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.work-title h2,.dashboard-hero h2{margin:0;font-size:22px;line-height:1.15}.work-title p,.dashboard-hero p{color:var(--color-ink-soft);margin:5px 0 0}.eyebrow{margin-bottom:var(--space-1);color:var(--color-primary);text-transform:uppercase;font-size:12px;font-weight:900;display:inline-block}.work-progress{height:10px}.module-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.module-button{align-items:center;gap:var(--space-3);min-height:76px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);color:var(--color-ink);text-align:left;background:#fff;display:flex}.module-button svg{color:var(--color-primary);flex:none}.module-button span{gap:2px;min-width:0;display:grid}.module-button strong{font-size:14px}.module-button small{color:var(--color-ink-soft);font-size:12px}.module-button.active{background:var(--color-surface-muted);border-color:#2557d66b}.module-button:disabled{opacity:.58;cursor:not-allowed}.module-button.tone-review svg{color:var(--color-review)}.module-button.tone-success svg{color:var(--color-success)}.module-button.tone-danger svg{color:var(--color-danger)}.module-button.compact{min-height:54px;padding:10px 12px}.module-button.compact strong{font-size:13px}.dashboard-panel{gap:var(--space-4);display:grid}.dashboard-hero{justify-content:space-between;align-items:stretch;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2);background:var(--color-ink);color:#fff;flex-wrap:wrap;display:flex}.dashboard-hero h2{max-width:680px;margin:4px 0 8px;font-size:clamp(30px,7vw,56px);line-height:.98}.dashboard-hero .eyebrow,.dashboard-hero p{color:#ffffffb8}.hero-progress{min-width:112px;padding:var(--space-3);border-radius:var(--radius-2);background:#ffffff14;border:1px solid #ffffff2e;place-items:center;display:grid}.hero-progress strong{font-size:24px}.hero-progress span{color:#ffffffb8;font-size:12px;font-weight:800}.action-grid{gap:var(--space-3);display:grid}.hero-flow{justify-content:flex-start;align-self:center;gap:var(--space-2);flex-wrap:wrap;min-width:min(210px,100%);display:flex}.hero-flow span{border-radius:var(--radius-pill);color:#ffffffd6;background:#ffffff14;border:1px solid #ffffff2e;padding:7px 10px;font-size:12px;font-weight:900}.action-card{align-items:center;gap:var(--space-3);min-height:84px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-2);color:var(--color-ink);text-align:left;box-shadow:var(--shadow-soft);background:#fff;display:flex}.action-card svg{color:var(--color-primary);flex:none}.action-card span{gap:3px;display:grid}.action-card strong{font-size:17px}.action-card small{color:var(--color-ink-soft);font-size:12px;font-weight:800}.primary-action{background:#eef3ff;border-color:#2557d661}.whatsapp-panel{border-color:#256f492e}.whatsapp-layout{gap:var(--space-4);display:grid}.whatsapp-compose{gap:var(--space-3);display:grid}.whatsapp-compose textarea{width:100%;min-height:112px;padding:var(--space-3);border-radius:var(--radius-2);color:var(--color-ink);resize:vertical;background:linear-gradient(#256f490d,#256f4900),#fff;border:1px solid #256f4947}.whatsapp-actions{gap:var(--space-2);grid-template-columns:1fr;display:grid}.whatsapp-pending{gap:var(--space-3);display:grid}.mini-summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2);background:#f4faf6;border:1px solid #256f492e;display:flex}.mini-summary span{color:var(--color-ink-soft);text-transform:uppercase;font-size:12px;font-weight:900}.mini-summary strong{color:var(--color-success);font-size:24px}.example-strip{gap:var(--space-2);margin:var(--space-3) 0;padding-bottom:var(--space-1);display:flex;overflow-x:auto}.example-strip .chip{text-align:left;flex:none}.pending-list{margin-top:var(--space-3)}.pending-message{background:#fbfdf9}.status-pill.pending{color:#8a5a00;background:#f2a90029}.secondary-grid{opacity:.88}.advanced-section{background:#fff}.advanced-section summary{cursor:pointer;color:var(--color-ink-soft);font-size:13px;font-weight:900;list-style-position:inside}.advanced-section[open] summary{margin-bottom:var(--space-4);color:var(--color-ink)}.compact-disabled{min-height:76px}.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-card{gap:var(--space-1);min-height:86px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--shadow-soft);background:#fff;display:grid}.kpi-card span{color:var(--color-ink-soft);font-size:12px;font-weight:800}.kpi-card strong{align-self:end;font-size:17px}.kpi-card.accent{background:#fff9e9;border-color:#f4b74073}.dashboard-section .section-head{align-items:flex-start}.dashboard-section .section-head p{margin:4px 0 0}.quick-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.avance-game{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2);background:#f8faff;border:1px solid #2557d62e;display:grid}.avance-target{padding:var(--space-3);border-radius:var(--radius-1);background:#fff;gap:2px;display:grid}.avance-target span,.avance-target small,.avance-result span{color:var(--color-ink-soft);font-size:12px;font-weight:800}.avance-target strong{font-size:22px}.big-progress{height:14px}.avance-result{align-items:baseline;gap:var(--space-2);display:flex}.bandeja-resumen{margin-bottom:var(--space-4)}.status-pill.conf-ok{color:var(--color-success);background:#127c441f}.status-pill.conf-warn{color:#8a5a00;background:#f2a90029}.status-pill.conf-low{color:var(--color-danger);background:#b423181f}.parser-note{color:var(--color-ink-soft);font-size:12px;font-style:italic}.mov-resumen{gap:var(--space-2);flex-wrap:wrap;display:flex}.mov-resumen span{border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink);padding:3px 8px;font-size:12px;font-weight:800}.mov-edit{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.avance-result strong{color:var(--color-primary);font-size:28px}.bottom-nav{z-index:20;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:10px;left:10px;right:10px}.bottom-nav button{border-radius:var(--radius-1);min-height:54px;color:var(--color-ink-soft);background:0 0;border:0;place-items:center;gap:2px;font-size:11px;font-weight:800;display:grid}.bottom-nav button.active{background:var(--color-ink);color:#fff}.summary-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-card{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);background:#fff;display:grid}.summary-card span{font-size:12px}.summary-card strong{font-size:16px}.summary-card.pay{background:var(--color-surface-muted);border-color:#2557d659}.summary-card.pay strong{color:var(--color-primary)}.two-firmas{margin-top:var(--space-4)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink);padding:6px 10px;font-size:12px;font-weight:700}.chip.active{color:var(--color-primary);background:#eef3ff;border-color:#2557d66b}.signature{gap:var(--space-2);display:grid}.signature-head{color:var(--color-ink-soft);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.signature-canvas{border:1px dashed var(--color-border);border-radius:var(--radius-1);touch-action:none;background:#fff;width:100%;height:150px}.firma-previews{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.firma-previews img{border:1px solid var(--color-border);border-radius:var(--radius-1);background:#fff;height:70px}@media (width>=720px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-firmas{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid,.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid{grid-template-columns:1.25fr 1fr 1fr 1fr}.whatsapp-actions{grid-template-columns:max-content max-content}.whatsapp-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}}@media (width>=840px){.main{padding:var(--space-6)}.grid.two{grid-template-columns:360px minmax(0,1fr);align-items:start}.workspace-sidebar{order:1}.workspace-detail{order:2}.section{padding:var(--space-5)}.module-shell{padding-bottom:0}.bottom-nav{display:none}.toast-stack{bottom:var(--space-4)}}