:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9f7f4;background:#071f24;font-synthesis:none;--bg:#071f24;--sidebar:#09292d;--panel:#0e3438;--panel2:#0a2b30;--line:#28545a;--muted:#91b5b1;--green:#61d9ad;--blue:#35a9e8;--danger:#ff9da5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 8%,#12564f 0,transparent 28%),var(--bg);color:#e9f7f4}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url('/static/images/cx-digitalec-watermark-textured.png') center/cover no-repeat;opacity:.14;mix-blend-mode:screen}.hidden{display:none!important}button,input,select,textarea{font:inherit}.login-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:40px;border:1px solid var(--line);border-radius:22px;background:#0c3035eb;box-shadow:0 28px 80px #020b0d99}.login-logo{display:block;width:180px;height:105px;margin:0 auto 25px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}.eyebrow,.topbar p{margin:0 0 8px;color:var(--green);font-size:.7rem;font-weight:850;letter-spacing:.16em}.login-card h1{margin:0;font-size:2.6rem;letter-spacing:-.05em}.muted,.panel p,.section-head p,.panel-head p{color:var(--muted);line-height:1.55}.form-stack,.form-grid{display:grid;gap:14px}.form-stack{margin-top:24px}.form-stack label,.form-grid label{display:grid;gap:6px;color:#c8dedb;font-size:.8rem;font-weight:750}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #416c70;border-radius:9px;padding:11px 12px;color:#effbf8;background:#08272c;transition:.2s}select option{background:#08272c}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #61d9ad55;border-color:var(--green)}button{cursor:pointer}.primary,.secondary,#logout{border-radius:9px;padding:11px 15px;font-weight:800}.primary{border:0;color:#063126;background:var(--green)}.secondary{border:1px solid var(--green);color:var(--green);background:transparent}.error{min-height:18px;margin:0;color:var(--danger);font-size:.8rem}.server-status{display:flex;gap:10px;align-items:center;margin-top:24px;padding:12px;border-radius:10px;background:#08262a}.server-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.server-status span,.server-status small{display:block}.server-status small{color:var(--muted);margin-top:2px}.softelcos{display:block;margin-top:24px;text-align:center;color:#7ca39f}.app{position:relative;z-index:1;display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;display:flex;flex-direction:column;border-right:1px solid #214b50;background:#08282de8;backdrop-filter:blur(18px);z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:22px 18px;border-bottom:1px solid #214b50}.brand img{width:48px;height:48px;padding:2px;object-fit:contain;border-radius:9px;background:#fff}.brand strong,.brand small{display:block}.brand small{margin-top:3px;color:var(--muted);font-size:.72rem}.sidebar nav{display:grid;gap:5px;padding:22px 12px}.sidebar nav button{display:flex;gap:12px;align-items:center;border:0;border-radius:9px;padding:12px;color:#a9c7c3;background:transparent;text-align:left;font-weight:700}.sidebar nav button span{width:22px;color:#75a9a4;font-size:1.15rem}.sidebar nav button:hover,.sidebar nav button.active{color:#072b25;background:var(--green)}.sidebar nav button.active span{color:#072b25}.future-box{display:grid;gap:8px;margin:auto 14px 18px;padding:14px;border:1px dashed #37666b;border-radius:11px;color:#90b5b1;font-size:.76rem}.future-box small{color:var(--green);font-weight:850;letter-spacing:.1em}.future-box span:before{content:'○';margin-right:7px}.sidebar footer{padding:17px;text-align:center;border-top:1px solid #214b50;color:#729994;font-size:.72rem}.workspace{grid-column:2;padding:0 28px 40px;min-width:0}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #285057}.topbar h1{margin:0;font-size:1.65rem}.user{display:flex;align-items:center;gap:14px}.user span strong,.user span small{display:block;text-align:right}.user span small{margin-top:3px;color:var(--muted);font-size:.7rem}.user #logout{border:1px solid #4a7776;color:#b9d2ce;background:transparent;padding:8px 12px}.menu-toggle{display:none}.view{padding-top:26px}.section-head,.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.section-head h2,.panel h3,.panel-head h3{margin:0}.section-head h2{font-size:1.65rem}.section-head p,.panel-head p{margin:5px 0 0}.welcome-banner{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;margin-bottom:18px;border:1px solid #36756e;border-radius:15px;background:linear-gradient(105deg,#10473f,#0b3439aa)}.welcome-banner span{color:var(--green);font-size:.7rem;font-weight:850;letter-spacing:.14em}.welcome-banner h2{margin:7px 0 3px;font-size:1.45rem}.welcome-banner p{margin:0;color:#acd0c9}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d3338dd}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#56bce8;background:#123f4d}.metric.positive .metric-icon{color:var(--green);background:#10453b}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:.69rem}.metric strong{margin-top:4px;font-size:1.3rem}.panel{padding:20px;border:1px solid var(--line);border-radius:13px;background:#0d3237e8;box-shadow:0 12px 35px #0314162e}.two-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.quick-grid button{display:grid;place-items:center;gap:7px;min-height:90px;border:1px solid #356167;border-radius:10px;color:var(--green);background:#09282d;font-size:1.25rem}.quick-grid button span{color:#c8dcd9;font-size:.73rem;font-weight:750}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th,.table-wrap td{padding:12px 10px;border-bottom:1px solid #285057;text-align:left;font-size:.79rem}.table-wrap th{color:#84aaa6;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.table-wrap td small{display:block;color:#83a6a2;margin-top:3px}.empty{text-align:center!important;color:#779d99!important;padding:24px!important}.score-badge,.status-badge{display:inline-block;padding:4px 8px;border-radius:99px;color:#6ce0b6;background:#0c4c40;font-size:.7rem;font-weight:850}.link{border:0;color:var(--green);background:transparent;font-weight:800}.truncate{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;justify-content:flex-end;gap:10px}.success{margin-top:14px;padding:12px;border-radius:8px;color:#bff5e0;background:#0c4a3e}.search{width:min(290px,100%)}#clientsView>.panel+ .panel{margin-top:18px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:15px;background:#0d3237e8;overflow:hidden}.plan-card.featured{border-color:var(--green);box-shadow:0 0 0 1px #61d9ad44}.popular{position:absolute;right:0;top:0;padding:7px 11px;border-radius:0 0 0 10px;color:#063126;background:var(--green);font-size:.62rem;font-weight:900}.plan-card>small,.quote-brand{color:var(--green);font-weight:850;font-size:.66rem;letter-spacing:.1em}.plan-card h3{min-height:48px;margin:10px 0 15px;font-size:1.15rem}.price{font-size:2rem;font-weight:900}.price span{font-size:.72rem;color:var(--muted);font-weight:600}.plan-card ul{display:grid;gap:11px;min-height:150px;margin:20px 0;padding:18px 0 0;border-top:1px solid #31575c;list-style:none;color:#b9d2cf;font-size:.8rem}.plan-card li::first-letter{color:var(--green)}.plan-card button{width:100%}.quote-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.quote-layout h3{margin-bottom:18px}.quote-summary{background:linear-gradient(145deg,#123e42,#092a2f)}.quote-summary dl{margin:22px 0 12px}.quote-summary dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #31565b}.quote-summary dt{color:#9bbab7}.quote-summary dd{margin:0;font-weight:800}.quote-summary .total{padding-top:16;border:0;color:var(--green);font-size:1.3rem}.quote-summary p{font-size:.74rem}.pipeline{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.pipeline-column{min-height:220px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#092a2fd6}.pipeline-column header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pipeline-column header h3{margin:0;font-size:.78rem;letter-spacing:.06em}.pipeline-column header span{padding:4px 8px;border-radius:99px;background:#17454a}.opportunity-card{display:grid;gap:5px;margin-top:10px;padding:14px;border:1px solid #315c61;border-radius:9px;background:#0e373c}.opportunity-card small{color:var(--green)}.opportunity-card span,.opportunity-card em{color:#98b8b4;font-size:.74rem;font-style:normal}.calendar-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-bottom:18px}.calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-title h3{text-transform:capitalize}.calendar-title button{border:1px solid var(--line);border-radius:7px;padding:4px 12px;color:var(--green);background:#09282d;font-size:1.2rem}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar>strong{text-align:center;color:#82a8a4;font-size:.67rem}.calendar>i{min-height:42px}.calendar>button{position:relative;min-height:42px;border:1px solid transparent;border-radius:7px;color:#cce0dd;background:#0a292e}.calendar>button.today{border-color:var(--green);color:var(--green)}.calendar>button b{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#052b23;background:var(--green);font-size:.6rem}.event-list{display:grid;gap:8px;margin-top:14px}.event{display:flex;gap:15px;align-items:center;padding:11px;border-radius:8px;background:#09292e}.event time{width:165px;color:var(--green);font-size:.72rem}.event span strong,.event span small{display:block}.event span small{margin-top:3px;color:#8fb0ac}.menu-toggle{border:0;color:var(--green);background:transparent;font-size:1.3rem}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.plans{grid-template-columns:1fr 1fr}.calendar-layout{grid-template-columns:1fr}.two-columns{grid-template-columns:1fr}.quote-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:translateX(0)}.workspace{padding:0 16px 30px}.menu-toggle{display:block}.topbar{gap:10px}.topbar>div:first-of-type{margin-right:auto}.user span{display:none}.view{padding-top:18px}.metrics{grid-template-columns:1fr 1fr}.plans,.pipeline{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.welcome-banner,.section-head,.panel-head{align-items:flex-start;flex-direction:column}.search{width:100%}.login-card{padding:30px 22px}.calendar>button,.calendar>i{min-height:34px}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.topbar h1{font-size:1.25rem}.welcome-banner{padding:20px}.calendar{gap:2px}.calendar>button{padding:2px}.event{align-items:flex-start;flex-direction:column}.event time{width:auto}}
.whatsapp-info{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.whatsapp-info p{margin:6px 0 0}.whatsapp-history h3{margin-bottom:15px}.connection-pill{padding:7px 11px;border:1px solid #4c7773;border-radius:99px;color:#b7d1cd;background:#0a2a2f;font-size:.72rem;font-weight:850}.connection-pill.connected{border-color:var(--green);color:var(--green)}.connection-pill.demo{border-color:#e7b85b;color:#ffd27c}.whatsapp-button{white-space:nowrap;border:0;border-radius:7px;padding:7px 10px;color:#063126;background:#61d9ad;font-size:.72rem;font-weight:850}.whatsapp-button:disabled{cursor:wait;opacity:.55}.direction-in{color:#79c8f0}.direction-out{color:var(--green)}
.dth-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;align-items:start}.dth-output-panel{position:sticky;top:18px}.dth-preview{min-height:480px;margin:0 0 16px;padding:18px;border:1px solid #37666b;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#dff5ef;background:#071f24;font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.dth-output-panel>.primary{width:100%}.dth-output-panel>.primary:disabled{cursor:not-allowed;opacity:.45}.dth-privacy{display:block;margin-top:14px;color:var(--muted);line-height:1.5}
@media(max-width:1000px){.dth-layout{grid-template-columns:1fr}.dth-output-panel{position:static}.dth-preview{min-height:320px}}