:root{--apus-red: #e6242a;--apus-red-hover: #c41f24;--apus-blue: #283a8f;--apus-blue-hover: #3046ac;--apus-blue-soft: #eef1fa;--grey: #69727d;--ink: #1c2430;--soft: #5c6b7a;--line: #e2e7ee;--panel: #f6f8fa;--bg: #ffffff;--good: #1f9d6b;--good-soft: #e4f3ec;--warn: #b67512;--warn-soft: #f8efdc;--crit: #d0342c;--crit-soft: #fbe7e5;--sans: "Montserrat", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--panel);font-size:14px;line-height:1.5}h1,h2,h3{line-height:1.15}h1{font-size:22px;font-weight:800;margin:0 0 4px}h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--apus-blue);margin:0 0 10px}a{color:var(--apus-blue)}button{font-family:var(--sans)}.shell{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--apus-blue);color:#fff;display:flex;flex-direction:column;padding:18px 14px;gap:4px;flex-shrink:0}.sidebar .logo-box{background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:14px;text-align:center}.sidebar .logo-box img{max-width:100%;height:auto}.sidebar .nav-item{display:flex;align-items:center;gap:10px;color:#dfe5f5;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:600;font-size:13.5px}.sidebar .nav-item.active{background:#ffffff24;color:#fff}.sidebar .nav-item:hover{background:#ffffff14;color:#fff}.sidebar .foot{margin-top:auto;font-size:11px;color:#b9c3e4;padding:10px 12px}.main{flex:1;padding:24px 28px;max-width:1100px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.topbar .who{font-size:12.5px;color:var(--soft)}.btn{border:0;border-radius:8px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:13.5px}.btn-red{background:var(--apus-red);color:#fff}.btn-red:hover{background:var(--apus-red-hover)}.btn-blue{background:var(--apus-blue);color:#fff}.btn-blue:hover{background:var(--apus-blue-hover)}.btn-ghost{background:transparent;color:var(--soft);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px}.kpi .lab{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);font-weight:600}.kpi .val{font-size:26px;font-weight:800;margin:2px 0;font-variant-numeric:tabular-nums}.kpi .foot{font-size:12px;color:var(--soft)}.accent{color:var(--apus-red)}.bar-row{display:grid;grid-template-columns:180px 1fr 56px;align-items:center;gap:10px;margin:6px 0;font-size:13px}.bar-row .track{background:var(--panel);border-radius:99px;height:10px;overflow:hidden}.bar-row .fill{display:block;height:100%;background:var(--apus-blue);border-radius:99px}.bar-row .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.pill{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.p-apusito{background:var(--apus-blue-soft);color:var(--apus-blue)}.p-derivado{background:var(--warn-soft);color:var(--warn)}.p-humano{background:var(--good-soft);color:var(--good)}.convo-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}.convo-list{display:flex;flex-direction:column;gap:8px}.convo-item{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;width:100%}.convo-item.sel{border-color:var(--apus-blue);box-shadow:inset 0 0 0 1px var(--apus-blue)}.convo-item .name{font-weight:700}.convo-item .prev{font-size:12px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.thread{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding:4px}.bubble{max-width:78%;padding:9px 13px;border-radius:14px;font-size:13.5px;white-space:pre-wrap}.b-cliente{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}.b-apusito{align-self:flex-end;background:var(--apus-blue-soft);border-bottom-right-radius:4px}.b-equipo{align-self:flex-end;background:var(--good-soft);border-bottom-right-radius:4px}.bubble .meta{font-size:10.5px;color:var(--soft);margin-top:3px}.replybox{display:flex;gap:8px;margin-top:10px}.replybox input{flex:1;padding:10px 13px;border:1px solid var(--line);border-radius:8px;font-family:var(--sans);font-size:13.5px}.window-note{font-size:12px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:8px 12px;margin-top:10px}table.cfg{width:100%;border-collapse:collapse;font-size:13.5px}table.cfg th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--soft);padding:6px 8px;border-bottom:1px solid var(--line)}table.cfg td{padding:8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}textarea.cfg-input{width:100%;min-height:74px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:var(--sans);font-size:13.5px;resize:vertical}.note{font-size:12.5px;color:var(--soft)}.flash{background:var(--good-soft);color:var(--good);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}.alert{border-radius:10px;padding:14px 16px;border:1px solid var(--line)}.a-crit{background:var(--crit-soft);border-color:#f0b8b3}.a-warn{background:var(--warn-soft);border-color:#e8d3a8}.a-good{background:var(--good-soft);border-color:#b7dfcc}.a-top{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.a-crit .a-top{color:var(--crit)}.a-warn .a-top{color:var(--warn)}.a-good .a-top{color:var(--good)}.a-big{font-size:26px;font-weight:800;margin:4px 0 2px;font-variant-numeric:tabular-nums}.a-desc{font-size:12.5px;color:var(--soft)}.spark{display:flex;align-items:flex-end;gap:3px;height:64px}.spark i{display:block;width:100%;background:var(--apus-blue);opacity:.75;border-radius:3px 3px 0 0;flex:1}.spark-x{display:flex;justify-content:space-between;font-size:10.5px;color:var(--soft);margin-top:4px}.pc-box{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:10px 0}.pc-msg{max-width:85%;padding:9px 13px;border-radius:12px;font-size:13.5px;white-space:pre-wrap}.pc-a{align-self:flex-start;background:var(--apus-blue-soft)}.pc-u{align-self:flex-end;background:var(--panel);border:1px solid var(--line)}@media print{.sidebar,.topbar,.noprint{display:none!important}.main{padding:0;max-width:none}body{background:#fff}.card,.alert{break-inside:avoid}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--apus-blue) 0%,#1b2a6e 60%,#131f52 100%);padding:20px}.login-card{background:#fff;border-radius:14px;padding:34px 34px 28px;width:100%;max-width:380px;box-shadow:0 10px 40px #00000040}.login-card img{display:block;max-width:210px;margin:0 auto 6px}.login-card .sub{text-align:center;color:var(--soft);font-size:13px;margin-bottom:20px}.login-card label{display:block;font-size:12px;font-weight:700;color:var(--soft);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.04em}.login-card input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:var(--sans)}.login-card .btn{width:100%;margin-top:18px;padding:12px}.login-err{color:var(--crit);font-size:12.5px;margin-top:10px;min-height:16px;text-align:center}.login-foot{text-align:center;font-size:11px;color:var(--soft);margin-top:16px}@media (max-width: 860px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto}.sidebar .logo-box{margin:0 8px 0 0;padding:6px 8px;min-width:90px}.sidebar .foot{display:none}.convo-layout{grid-template-columns:1fr}}