:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e7eaf0;--blue:#2563eb;--green:#16a34a;--amber:#f59e0b;--shadow:0 12px 34px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{max-width:1400px;margin:0 auto;padding:28px}.header{justify-content:space-between;align-items:end;gap:22px;margin-bottom:20px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}h1{margin:4px 0 5px;font-size:34px;line-height:1.1}h2{margin:0;font-size:19px}.sub,.small{color:var(--muted)}.sub{margin:0;font-size:15px}.small{margin-top:4px;font-size:13px}.badge{border:1px solid var(--line);box-shadow:var(--shadow);color:#475467;white-space:nowrap;background:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:750}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;padding:16px;display:grid}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.filter-group select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:13px;padding:10px 12px;font-weight:650}.tabs-main{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.main-tab{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:13px;padding:9px 12px;font-weight:750}.main-tab.active{color:#fff;background:#111827;border-color:#111827}.tab-panel{display:none}.tab-panel.active{display:block}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi{align-items:center;gap:14px;padding:20px;display:flex}.ico{background:#f1f5f9;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{margin-top:2px;font-size:29px;font-weight:850}.kpi-hint{color:#98a2b3;margin-top:2px;font-size:12px}.grid{grid-template-columns:minmax(0,1.65fr) minmax(360px,.85fr);gap:18px;margin-bottom:18px;display:grid}.panel{padding:20px}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.legend{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.dot{border-radius:99px;width:10px;height:10px;margin-right:6px;display:inline-block}.dot-call{background:var(--blue)}.dot-form{background:var(--green)}.portal-bars{flex-direction:column;gap:11px;display:flex}.bar-row{grid-template-columns:160px 1fr 92px;align-items:center;gap:12px;display:grid}.portal-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750;overflow:hidden}.stack{background:#eef2f7;border-radius:999px;height:28px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000008}.seg-call{background:var(--blue)}.seg-form{background:var(--green)}.total{text-align:right;font-weight:800}.portal-list{flex-direction:column;gap:9px;max-height:470px;padding-right:4px;display:flex;overflow:auto}.portal-btn{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;width:100%;padding:13px 14px;transition:all .18s}.portal-btn:hover{background:#f8fafc;transform:translateY(-1px)}.portal-btn.active{background:#f1f5f9;border-color:#111827}.portal-row{justify-content:space-between;gap:12px;font-weight:800;display:flex}.portal-sub{color:var(--muted);justify-content:space-between;gap:8px;margin-top:5px;font-size:12px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:18px;max-height:620px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%}th{z-index:1;color:#475467;text-align:left;border-bottom:1px solid var(--line);background:#f1f5f9;padding:13px 14px;font-size:13px;font-weight:800;position:sticky;top:0}td{background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:14px}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right}.type-pill{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.type-pill.group{color:#166534;background:#f0fdf4}.type-pill.pending{color:#92400e;background:#fef3c7}.notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.45}.empty-state{color:var(--muted)}.empty-state h2{color:var(--text)}@media (width<=1000px){.grid{grid-template-columns:1fr}.kpis,.filters{grid-template-columns:1fr 1fr}.header{display:block}.badge{margin-top:14px;display:inline-block}}@media (width<=650px){.wrap{padding:16px}.kpis,.filters,.bar-row{grid-template-columns:1fr}.total{text-align:left}}