@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f2f4f1;--panel:#ffffffe6;--panel-strong:#fff;--text:#0f1311;--muted:#5e6762;--line:#0f13111a;--brand:#101513;--brand-deep:#060807;--brand-soft:#121f1814;--accent:#1d3028;--gold:#7f6e56;--danger:#aa4734;--shadow:0 26px 70px #121a161a;--page-pad:clamp(14px, 2vw, 28px);--panel-pad:clamp(16px, 2vw, 22px);--card-radius:clamp(18px, 2vw, 24px);--sidebar-width:clamp(248px, 24vw, 290px);--sidebar-collapsed-width:92px;color:var(--text);background:radial-gradient(circle at top left, #1d30281f, transparent 34%), radial-gradient(circle at bottom right, #10151314, transparent 28%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit;min-height:48px}button{cursor:pointer}a{color:var(--brand);text-decoration:none}h1,h2,h3,h4,strong{color:var(--text)}h1,h2,h3,h4{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-weight:600}p{color:var(--muted);margin:0}.login-screen,.loading-screen{min-height:100dvh;padding:var(--page-pad);place-items:center;display:grid}.login-card,.loading-card{background:var(--panel);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);border-radius:34px;padding:clamp(22px,4vw,40px)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--brand);margin:0 0 10px;font-size:.76rem;font-weight:700}.powered-link{text-transform:uppercase;letter-spacing:.18em;width:max-content;color:var(--accent);margin:0 0 10px;font-size:.72rem;font-weight:900;display:inline-flex}.powered-link.compact{border:1px solid var(--line);letter-spacing:.12em;background:#ffffffb8;border-radius:999px;margin:0;padding:10px 12px}.app-powered-footer{justify-content:center;padding:8px 0 18px;display:flex}.app-powered-footer .powered-link{margin:0}.login-card h1,.loading-card h1{max-width:10ch;font-size:clamp(2rem,5vw,3.4rem);line-height:.95}.lead{max-width:56ch;margin-top:16px;font-size:1rem}.auth-form,.form-grid,.mini-form{gap:14px;display:grid}.auth-form{margin-top:28px}.auth-form label{gap:8px;display:grid}input,select,textarea{width:100%;color:var(--text);background:#ffffffd1;border:1px solid #1f191524;border-radius:16px;padding:14px 16px}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:#1d302857;outline:none}.primary-button,.ghost-button,.nav-button,.mini-tab{border:0;border-radius:999px;transition:transform .18s,opacity .18s,background .18s}.primary-button{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fffaf6;padding:14px 22px;font-weight:700}.danger-button{color:var(--danger)}.ghost-button{color:var(--text);background:#1f19150f;padding:12px 16px}.nav-button:hover,.mini-tab:hover,.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.workspace-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.workspace-shell.is-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{padding:var(--page-pad);border-right:1px solid var(--line);background:#fffaf4b8;flex-direction:column;gap:24px;min-width:0;min-height:100dvh;transition:width .2s,transform .2s,padding .2s;display:flex;position:sticky;top:0}.mobile-menu-backdrop,.mobile-menu-button{display:none}.sidebar-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#ffffffdb;border-radius:999px;align-self:flex-end;font-weight:900}.brand-logo-full{mix-blend-mode:multiply;width:min(210px,100%);height:auto;margin-bottom:12px}.login-logo{mix-blend-mode:multiply;width:min(300px,100%);height:auto;margin-bottom:18px}.brand-block span,.brand-block small,.metric-card span,.row-meta small,.stack-card span,.timeline-card span{color:var(--muted)}.brand-block small{margin-top:8px;display:block}.nav-stack{gap:10px;display:grid}.nav-button{text-align:left;background:0 0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;display:grid}.nav-icon{width:36px;height:36px;color:var(--accent);background:#1d302814;border-radius:50%;place-items:center;font-weight:900;display:grid}.nav-icon-svg{width:21px;height:21px}.nav-copy{min-width:0}.nav-copy span{color:var(--text);font-weight:700;display:block}.nav-copy small{color:var(--muted)}.nav-button.active{background:var(--panel-strong);border:1px solid var(--line);box-shadow:inset 0 0 0 1px #1d302814}.workspace-main{padding:var(--page-pad);gap:20px;min-width:0;display:grid}.workspace-title-row{align-items:center;gap:12px;min-width:0;display:flex}.workspace-shell.is-sidebar-collapsed .sidebar{padding-inline:14px}.workspace-shell.is-sidebar-collapsed .sidebar .brand-block{justify-items:center;gap:10px;display:grid}.workspace-shell.is-sidebar-collapsed .brand-logo-full{width:54px}.workspace-shell.is-sidebar-collapsed .brand-block .eyebrow,.workspace-shell.is-sidebar-collapsed .brand-block h1,.workspace-shell.is-sidebar-collapsed .brand-block span,.workspace-shell.is-sidebar-collapsed .brand-block small,.workspace-shell.is-sidebar-collapsed .nav-copy{display:none}.workspace-shell.is-sidebar-collapsed .sidebar .powered-link{writing-mode:vertical-rl;border:1px solid var(--line);letter-spacing:.16em;text-align:center;background:#ffffffb8;border-radius:999px;margin:0;padding:10px 6px;font-size:.58rem;line-height:1;display:inline-flex;transform:rotate(180deg)}.workspace-shell.is-sidebar-collapsed .nav-button{grid-template-columns:1fr;justify-items:center;padding:12px}.workspace-shell.is-sidebar-collapsed .sidebar-toggle{align-self:center}.workspace-header,.row-between,.row-meta,.panel-head,.item-editor-head,.detail-strip,.client-list-head,.header-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-toolbar{flex-wrap:wrap}.toolbar-field{gap:6px;display:grid}.field-stack{gap:8px;display:grid}.toolbar-field span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:700}.field-stack span{color:var(--muted);letter-spacing:.04em;font-size:.82rem;font-weight:700}.toolbar-select{background:#ffffffc7;border-radius:999px;min-width:170px}.flash-banner{border:1px solid var(--line);border-radius:18px;padding:14px 18px}.flash-banner.success{background:var(--brand-soft);color:var(--accent)}.flash-banner.error,.form-error{color:var(--danger);background:#aa473414}.login-hint{background:var(--brand-soft);border-radius:999px;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:inline-flex}.page-grid,.detail-grid-2,.hero-grid,.dashboard-grid,.detail-grid-2,.clients-shell{gap:20px;display:grid}.hero-grid{grid-template-columns:minmax(240px,1.6fr) repeat(5,minmax(150px,1fr))}.dashboard-grid,.detail-grid-2{grid-template-columns:repeat(2,minmax(min(100%,280px),1fr))}.clients-shell{grid-template-columns:1fr;align-items:start}.panel,.metric-card,.client-list-panel,.client-detail-panel,.client-header-card,.client-card,.stack-card,.timeline-card,.document-card,.tag-card,.empty-state,.hero-panel,.status-summary-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.panel,.client-list-panel,.client-detail-panel,.hero-panel,.client-header-card{padding:var(--panel-pad)}.metric-card{gap:6px;padding:18px;display:grid}.metric-card strong{font-size:1.8rem}.hero-panel{align-content:end;gap:10px;min-height:180px;display:grid}.hero-panel h2,.client-header-card h2{font-size:clamp(1.8rem,4vw,3rem)}.chart-list,.stack-list,.client-list,.contact-card-grid,.status-summary{gap:12px;min-width:0;display:grid}.chart-row,.list-row,.list-button,.item-row{gap:12px;display:grid}.chart-row{grid-template-columns:150px minmax(0,1fr) auto;align-items:center}.chart-bar{background:#1f191514;border-radius:999px;height:10px;overflow:hidden}.chart-bar span{border-radius:inherit;background:linear-gradient(135deg, var(--brand), var(--accent));height:100%;display:block}.status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.status-summary-card,.tag-card,.stack-card,.timeline-card,.document-card{padding:16px}.summary-grid,.contact-selector-grid{gap:12px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.summary-card,.contact-selector-card{border:1px solid var(--line);background:#ffffffdb;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px #1d302808}.summary-card{gap:8px;display:grid}.summary-card span,.contact-meta-list span,.client-contact-summary span,.session-copy span{color:var(--muted)}.summary-card a,.contact-meta-list a{color:var(--accent);overflow-wrap:anywhere;font-weight:700}.client-card,.list-button{border:1px solid var(--line);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;min-width:0;padding:16px;display:grid}.client-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.client-card-grid .client-card{border-radius:22px;grid-template-columns:1fr;align-content:start;min-height:210px}.client-card-status{justify-content:flex-start;display:flex}.client-card-contact,.client-card-stats{color:var(--muted);gap:6px;font-size:.92rem;display:grid}.client-card-contact span,.client-card-stats span{overflow-wrap:anywhere}.client-card-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-top:10px}.client-card-stats span{text-align:center;color:var(--accent);background:#1d30280f;border-radius:12px;padding:8px;font-weight:700}.client-gallery-panel,.client-detail-expanded{width:100%}.client-detail-screen{gap:20px;display:grid}.client-detail-topbar{justify-content:flex-start;align-items:center;display:flex}.client-card strong,.client-card p,.list-button strong,.list-button p,.info-chip,.summary-card a,.summary-card p,.summary-card strong,.contact-selector-card strong,.contact-selector-card p,.contact-meta-list span,.session-copy span,.session-copy strong,.rich-text-content,.settings-note{overflow-wrap:anywhere}.client-card.is-active{border-color:#1d302847;box-shadow:inset 0 0 0 1px #1d302824}.client-header-card{gap:16px;display:grid}.client-header-copy{gap:12px;display:grid}.client-contact-summary{gap:4px;display:grid}.client-link-row{flex-wrap:wrap;gap:10px;display:flex}.info-chip{color:var(--accent);background:#1d302814;border:1px solid #1d302814;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.client-detail-panel,.client-list-panel{min-width:0;overflow:hidden}.row-meta small{overflow-wrap:anywhere}.client-tab-row{scrollbar-width:thin;flex-wrap:wrap;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.mini-tab{background:#1f19150f;flex:none;padding:10px 16px}.mini-tab.active{background:var(--brand-soft);color:var(--accent);font-weight:700}.detail-strip{flex-wrap:wrap;justify-content:flex-start}.contact-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.contact-selector-card{text-align:left;gap:10px;width:100%;display:grid}.contact-selector-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.contact-selector-card.is-active{background:linear-gradient(#1d302814,#fffffff5);border-color:#1d302852}.contact-meta-list{gap:6px;display:grid}.status-pill{letter-spacing:.08em;text-transform:uppercase;background:#1f191514;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.status-active,.status-sent,.status-won,.status-smtp-ok,.status-primary{color:var(--accent);background:#1d30281f}.status-draft,.status-lead,.status-qualified,.status-proposal,.status-pending,.status-smtp-pendiente,.status-not_sent{color:var(--gold);background:#b67a371f}.status-paused,.status-lost,.status-pending_config{color:var(--danger);background:#aa47341f}.status-negotiation,.status-scheduled,.status-correo,.status-cotizacion,.status-factura,.status-archivo,.status-seguimiento,.status-nota{background:var(--brand-soft);color:var(--accent)}.attachment-list{flex-wrap:wrap;gap:10px;display:flex}.attachment-chip{color:var(--accent);background:#1f19150f;border:1px solid #1f191514;border-radius:999px;align-items:center;padding:8px 12px;font-weight:700;display:inline-flex}.session-menu-wrap{position:relative}.session-trigger{border:1px solid var(--line);background:#ffffffe0;border-radius:999px;align-items:center;gap:12px;min-width:0;max-width:min(100%,460px);padding:10px 12px;display:flex}.session-avatar{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.session-copy{text-align:left;min-width:0;display:grid}.session-menu{border:1px solid var(--line);width:min(320px,100vw - 32px);box-shadow:var(--shadow);z-index:10;background:#fffffffa;border-radius:20px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.session-menu-button{text-align:left;width:100%;color:var(--text);background:#1f19150d;border:0;border-radius:14px;padding:12px 14px}.session-menu-button.danger{color:var(--danger);background:#aa473414}.signature-image-preview{object-fit:contain;max-width:100%;height:auto;display:block}.form-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-row{min-height:48px;color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.checkbox-row input{width:auto;min-height:auto}.form-grid.compact,.mini-form{align-content:start}.grid-2,.document-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.item-grid{gap:10px;display:grid}.item-row{grid-template-columns:1.6fr .5fr .7fr}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px 12px}thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.document-card,.timeline-card,.stack-card{gap:10px;display:grid}.document-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.send-button{background:linear-gradient(135deg, var(--brand), var(--accent))}.settings-note{font-size:.92rem}.rich-text-content{color:var(--muted);gap:8px;line-height:1.7;display:grid}.rich-text-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.signature-preview{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:14px 16px}.signature-preview span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.settings-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-accordion{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.settings-accordion summary{cursor:pointer;padding:var(--panel-pad);justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.settings-accordion summary::-webkit-details-marker{display:none}.settings-accordion summary:after{content:"+";width:36px;height:36px;color:var(--accent);background:#1d302814;border-radius:50%;place-items:center;font-weight:900;display:grid}.settings-accordion[open] summary:after{content:"-"}.settings-accordion summary span{color:var(--text);font-weight:900;display:block}.settings-accordion summary small{color:var(--muted)}.settings-accordion-body{padding:0 var(--panel-pad) var(--panel-pad)}.support-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}.support-card{border:1px solid var(--line);background:#ffffffc2;border-radius:18px;gap:8px;padding:16px;display:grid}.user-list{margin-top:14px}.super-admin-shell .hero-grid{grid-template-columns:minmax(240px,1.4fr) repeat(5,minmax(140px,1fr))}.status-column,.row-meta{text-align:right;flex-direction:column;align-items:flex-end;display:inline-flex}.empty-state{text-align:center;color:var(--muted);padding:18px}@media (width<=1360px){.hero-grid{grid-template-columns:repeat(3,minmax(min(100%,220px),1fr))}.hero-panel{grid-column:span 3}}@media (width<=1100px){.workspace-shell,.dashboard-grid,.detail-grid-2,.clients-shell{grid-template-columns:1fr}.client-detail-panel{order:1}.client-list-panel{order:2}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:16px}.brand-block h1{font-size:clamp(1.8rem,4vw,2.4rem)}.nav-stack{scrollbar-width:thin;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.nav-button{min-height:72px}.client-list{grid-template-columns:repeat(2,minmax(min(100%,240px),1fr))}.contact-selector-grid{grid-template-columns:repeat(2,minmax(min(100%,220px),1fr))}}@media (width<=900px){.hero-grid{grid-template-columns:repeat(2,minmax(min(100%,220px),1fr))}.hero-panel{grid-column:span 2}.session-trigger,.toolbar-field,.session-menu-wrap{width:100%;max-width:none}.item-row,.document-actions{grid-template-columns:1fr}.document-actions>*{width:100%}}@media (width<=760px){.workspace-main,.sidebar,.panel,.client-list-panel,.client-detail-panel,.client-header-card,.login-card,.loading-card,.hero-panel{padding:clamp(16px,4vw,18px)}.hero-grid,.form-grid.wide,.client-list,.grid-2,.summary-grid,.item-row,.chart-row,.document-actions,.contact-selector-grid,.support-grid{grid-template-columns:1fr}.workspace-header,.header-toolbar,.row-between,.row-meta,.panel-head,.client-list-head,.detail-strip,.client-link-row{flex-direction:column;align-items:flex-start}.client-card,.list-button,.session-trigger{grid-template-columns:1fr}.login-card h1,.loading-card h1,.client-header-card h2{max-width:none;line-height:1.02}.nav-stack{grid-auto-columns:minmax(150px,1fr)}.nav-button small{display:none}.row-meta,.status-column{text-align:left;align-items:flex-start}.session-menu{min-width:100%;left:0;right:auto}}@media (width<=520px){.workspace-main,.sidebar{gap:16px}.brand-logo-full,.login-logo{width:min(180px,100%)}.info-chip,.attachment-chip,.status-pill{justify-content:center;width:100%}.client-tab-row{flex-wrap:nowrap}.mini-tab{min-width:max-content}.toolbar-select{width:100%;min-width:0}.chart-row{grid-template-columns:1fr}.settings-status{flex-direction:column;align-items:flex-start}}@media (width>=901px){.workspace-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.workspace-shell.is-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{border-right:1px solid var(--line);border-bottom:0}.nav-stack{grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}@media (width<=900px){.workspace-shell,.workspace-shell.is-sidebar-collapsed{grid-template-columns:1fr}.sidebar{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf4f5;border-bottom:0;width:min(84vw,330px);min-height:100dvh;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-110%)}.workspace-shell.is-mobile-menu-open .sidebar{transform:translate(0)}.mobile-menu-backdrop{z-index:25;background:#0f131147;border:0;min-height:100dvh;display:none;position:fixed;inset:0}.workspace-shell.is-mobile-menu-open .mobile-menu-backdrop{display:block}.mobile-menu-button{border:1px solid var(--line);background:#ffffffe0;border-radius:16px;place-content:center;gap:5px;width:48px;height:48px;display:inline-grid}.mobile-menu-button span{background:var(--text);border-radius:999px;width:20px;height:2px;display:block}.sidebar-toggle{display:none}.workspace-shell.is-sidebar-collapsed .sidebar{padding:var(--page-pad)}.workspace-shell.is-sidebar-collapsed .sidebar .brand-block{justify-items:start}.workspace-shell.is-sidebar-collapsed .brand-logo-full{width:min(220px,100%)}.workspace-shell.is-sidebar-collapsed .brand-block .eyebrow,.workspace-shell.is-sidebar-collapsed .brand-block h1,.workspace-shell.is-sidebar-collapsed .brand-block span,.workspace-shell.is-sidebar-collapsed .brand-block small,.workspace-shell.is-sidebar-collapsed .nav-copy{display:block}.workspace-shell.is-sidebar-collapsed .sidebar .powered-link{writing-mode:horizontal-tb;letter-spacing:.18em;background:0 0;border:0;margin:0 0 10px;padding:0;font-size:.72rem;line-height:normal;display:inline-flex;transform:none}.workspace-shell.is-sidebar-collapsed .nav-button,.nav-button{grid-template-columns:36px minmax(0,1fr);justify-items:stretch}.nav-stack{grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}.client-card-stats{grid-template-columns:1fr}.settings-accordion summary{align-items:flex-start}}