:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#08111f;color:#e6edf7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#142b4d 0,transparent 27rem),#08111f}.shell{max-width:1440px;margin:auto;padding:32px 24px 64px}.hero,.panel-title,.filters,.pagination{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero{margin-bottom:26px}.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#7dd3fc;font-weight:800;margin:0 0 7px}.hero h1{font-size:clamp(2rem,4vw,3.1rem);margin:0}.subhead{color:#9fb0c9;margin:.45rem 0 0}.filters{align-items:end;justify-content:start;flex-wrap:wrap;padding:18px;border:1px solid #23344e;border-radius:15px;background:#0e1a2d;margin-bottom:20px}.filters label{display:grid;gap:7px;font-size:.75rem;color:#a9b9d0;font-weight:700}select,input,button{font:inherit;border-radius:8px;border:1px solid #334765;background:#101f35;color:#e6edf7;padding:10px 12px}select,input{min-height:41px}button{cursor:pointer;font-weight:700;background:#06b6d4;border-color:#06b6d4;color:#06202a}.outline{background:transparent;color:#c9d7ea;border-color:#415674}.outline:hover{background:#152640}#error{background:#4b1d2b;border:1px solid #ef476f;padding:12px;border-radius:10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpis article,.panel{background:#0e1a2d;border:1px solid #23344e;border-radius:15px;padding:20px}.kpis span{color:#9fb0c9;font-size:.85rem}.kpis strong{font-size:2rem;display:block;margin:12px 0 4px}.kpis small{color:#87a0c1}.danger strong{color:#fb7185}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{margin-bottom:16px}.panel h2{margin:0;font-size:1.1rem}.bars{display:grid;gap:15px;margin-top:20px}.bar-head{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;margin-bottom:7px}.track{display:flex;border-radius:8px;overflow:hidden;height:10px;background:#1d2f49}.bar-replied{background:#2dd4bf}.bar-unreplied{background:#fb7185}.bar-other{background:#fbbf24}.legend{font-size:.75rem;color:#93a7c4}.legend i{width:10px;height:10px;display:inline-block;border-radius:3px;background:#ef476f}.heatmap{display:grid;grid-template-columns:50px repeat(14,minmax(19px,1fr));gap:4px;margin-top:18px;overflow:auto}.heatmap .hour,.heatmap .day{font-size:.68rem;color:#8fa4c3;text-align:center;padding:4px 0}.heatmap .day{text-align:left}.cell{aspect-ratio:1;border-radius:4px;background:#19304d;min-width:19px;position:relative}.cell:hover::after{content:attr(data-tip);position:absolute;z-index:2;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#020617;color:white;padding:6px;border-radius:5px;font-size:.7rem}.table-wrap{overflow:auto;margin:18px -4px 0}table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:950px}th{text-align:left;color:#91a5c3;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}th,td{padding:13px 10px;border-bottom:1px solid #1e304b;vertical-align:top}.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:800}.high{background:#064e3b;color:#8ff5ca}.low{background:#374151;color:#d5dbe5}.pending{background:#713f12;color:#fde68a}.status{font-weight:800}.unreplied{color:#fb7185}.replied{color:#5eead4}.late{color:#fbbf24}.message{max-width:280px;white-space:normal;color:#c7d4e8}.wa{display:inline-block;color:#04251e;background:#48e6a4;padding:7px 9px;border-radius:7px;text-decoration:none;font-weight:800}.wa.disabled{opacity:.45;background:#3b4b63;color:#bccae0}.pagination{justify-content:center;margin-top:18px}@media(max-width:950px){.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.filters label{flex:1;min-width:130px}}@media(max-width:570px){.shell{padding:20px 14px}.hero{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr}.filters{align-items:stretch}.filters label{width:100%}.custom-date{display:none}}