.control-center-open{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:150px;padding:10px 12px;border:1px solid #dce3e8;border-radius:12px;background:rgba(255,255,255,.78);text-align:left;cursor:pointer;box-shadow:0 6px 20px rgba(28,38,54,.04)}
.control-center-open:hover{border-color:#b8c8ce;background:#fff}.control-center-open-dot{width:8px;height:8px;border-radius:50%;background:#f0aa2a;box-shadow:0 0 0 4px rgba(240,170,42,.12)}
.control-center-open.is-healthy .control-center-open-dot{background:#2fba72;box-shadow:0 0 0 4px rgba(47,186,114,.12)}.control-center-open.is-critical .control-center-open-dot{background:#e43d50;box-shadow:0 0 0 4px rgba(228,61,80,.12)}.control-center-open.is-loading .control-center-open-dot{animation:control-pulse 1s infinite alternate}
.control-center-open>span:nth-child(2){display:grid;gap:2px}.control-center-open strong{font-size:11px}.control-center-open small{color:#87919f;font-size:8px}.control-center-open>i{display:grid;min-width:21px;height:21px;place-items:center;border-radius:7px;background:#fff0f4;color:var(--accent);font-size:9px;font-style:normal;font-weight:900}
.control-center-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(10,20,34,.48);backdrop-filter:blur(4px)}.control-center-backdrop[hidden],.control-center[hidden]{display:none}.control-center{position:fixed;z-index:1100;top:18px;right:18px;bottom:18px;left:max(262px,calc((100vw - 1500px)/2));overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:22px;background:#f5f7f9;box-shadow:0 30px 90px rgba(7,19,34,.28)}body.is-control-center-open{overflow:hidden}
.control-center-head{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:16px 20px;background:#0d2f3a;color:#fff}.control-center-heading,.control-center-actions{display:flex;align-items:center;gap:12px}.control-center-heading small{color:#86b5bd;font-size:8px;font-weight:900;letter-spacing:.13em}.control-center-heading h2{margin:3px 0 0;font-size:23px;letter-spacing:-.035em}.control-center-logo{display:flex;align-items:end;gap:3px;height:26px}.control-center-logo i{display:block;width:4px;border-radius:4px;background:#ff356d}.control-center-logo i:nth-child(1){height:13px;opacity:.55}.control-center-logo i:nth-child(2){height:26px}.control-center-logo i:nth-child(3){height:19px;opacity:.75}
.control-center-actions button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.control-center-actions button:hover{background:rgba(255,255,255,.16)}.control-center-actions #control-center-close{width:34px;padding:0;font-size:20px;font-weight:400}.control-center-updated{color:#9fc0c6;font-size:9px}.control-center-body{height:calc(100% - 82px);overflow-y:auto;padding:18px;scrollbar-color:#cbd4d9 transparent}
.control-center-loading,.control-center-error{display:grid;min-height:60vh;place-items:center;align-content:center;gap:9px;color:#73808e;text-align:center}.control-center-loading i{width:26px;height:26px;border:3px solid #dce4e8;border-top-color:var(--accent);border-radius:50%;animation:control-spin .8s linear infinite}.control-center-loading strong,.control-center-error strong{color:#253243;font-size:16px}.control-center-loading span,.control-center-error span{font-size:10px}.control-center-error button{margin-top:8px;padding:9px 14px;border:0;border-radius:9px;background:#0d3440;color:#fff;cursor:pointer}
.cc-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:16px 18px;border:1px solid #dbe6e2;border-radius:15px;background:#f1faf6}.cc-overview.is-attention{border-color:#f0dfba;background:#fff9ed}.cc-overview.is-critical{border-color:#f0cbd1;background:#fff3f5}.cc-overview>div{display:flex;align-items:center;gap:12px}.cc-overview>div>i{width:12px;height:12px;border-radius:50%;background:#2fba72;box-shadow:0 0 0 6px rgba(47,186,114,.12)}.cc-overview.is-attention>div>i{background:#e1a32a;box-shadow:0 0 0 6px rgba(225,163,42,.12)}.cc-overview.is-critical>div>i{background:#e43d50;box-shadow:0 0 0 6px rgba(228,61,80,.12)}.cc-overview span{display:grid;gap:2px}.cc-overview small{color:#82908e;font-size:8px;font-weight:900;letter-spacing:.11em}.cc-overview strong{font-size:15px}.cc-overview p{margin:0;color:#6f7d80;font-size:10px;text-align:right}.cc-overview p b{color:#213238}
.cc-section{margin-bottom:14px;padding:17px;border:1px solid #e4e9ed;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(27,39,54,.035)}.cc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.cc-section-head small{color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.13em}.cc-section-head h3{margin:3px 0 0;color:#17243a;font-size:17px;letter-spacing:-.025em}.cc-section-head>span{max-width:48%;color:#89939f;font-size:9px;text-align:right}
.cc-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc-service{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:start;gap:8px;min-height:70px;padding:11px;border:1px solid #edf0f2;border-radius:11px;background:#fbfcfd}.cc-service>i,.cc-provider div>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#2fba72}.cc-service.is-warning>i,.cc-service.is-attention>i{background:#e1a32a}.cc-service.is-critical>i{background:#e43d50}.cc-service>div{display:grid;gap:4px;min-width:0}.cc-service strong{font-size:10px}.cc-service span{color:#7e8996;font-size:8px;line-height:1.35}.cc-service em{grid-column:2;color:#36a56e;font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase}.cc-service.is-warning em,.cc-service.is-attention em{color:#bc8520}.cc-service.is-critical em{color:#d33b50}
.cc-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.cc-provider{position:relative;display:grid;gap:5px;min-height:76px;padding:11px;border-radius:11px;background:#f5f8f9}.cc-provider>div{display:flex;align-items:center;gap:7px}.cc-provider strong{font-size:10px}.cc-provider span{padding-right:48px;color:#7e8996;font-size:8px;line-height:1.35}.cc-provider small{position:absolute;top:11px;right:11px;color:#4c9c73;font-size:7px;font-weight:850}.cc-provider:not(.is-available) div>i{background:#e1a32a}
.cc-agent-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cc-agent-groups article{padding:11px;border:1px solid #e7edf0;border-radius:11px;background:#fafcfc}.cc-agent-groups article>div{display:flex;align-items:center;gap:6px}.cc-agent-groups i{width:7px;height:7px;border-radius:50%;background:#2fba72}.cc-agent-groups .is-blocked i,.cc-agent-groups .is-attention i{background:#e1a32a}.cc-agent-groups strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cc-agent-groups b{display:grid;width:20px;height:20px;margin-left:auto;place-items:center;border-radius:6px;background:#eaf0f2;font-size:8px}.cc-agent-groups span{display:block;margin-top:8px;color:#7e8996;font-size:7px;font-weight:800;text-transform:uppercase}.cc-gate-label{color:#c08318!important;font-weight:800}
.cc-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cc-market-grid article{padding:11px;border:1px solid #edf0f2;border-radius:11px}.cc-market-grid article>div:first-child{display:flex;justify-content:space-between;gap:8px}.cc-market-grid strong{font-size:9px}.cc-market-grid span{color:#667484;font-size:9px;font-weight:850}.cc-market-grid small{display:block;margin-top:7px;color:#929ba6;font-size:7px;line-height:1.3}.cc-progress{height:5px;margin-top:9px;overflow:hidden;border-radius:9px;background:#edf0f2}.cc-progress i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#f30446,#ff6f96)}.cc-mode-pill{padding:6px 9px;border-radius:7px;background:#fff0f4;color:var(--accent)!important;font-weight:850}.cc-gate{display:flex;align-items:center;gap:16px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8}.cc-gate>span{display:flex;flex:0 0 auto;align-items:center;gap:7px;color:#9a6914;font-size:9px}.cc-gate i{width:7px;height:7px;border-radius:50%;background:#e1a32a}.cc-gate p{margin:0;color:#8a795a;font-size:8px;line-height:1.4}
.cc-bank{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:8px}.cc-bank article{display:grid;gap:4px;min-height:80px;align-content:center;padding:11px 13px;border-radius:11px;background:#f5f7f9}.cc-bank article.is-main{background:#0e3440;color:#fff}.cc-bank small{color:#8a96a3;font-size:8px}.cc-bank .is-main small,.cc-bank .is-main span{color:#99bec5}.cc-bank strong{font-size:18px;letter-spacing:-.03em}.cc-bank span{color:#85909c;font-size:8px}.cc-bank .is-profit{color:#2faf6c}.cc-bank .is-loss{color:#dc3f53}.cc-bank-note{margin:9px 0 0;color:#8b95a0;font-size:8px}
.cc-fixtures{display:grid;gap:7px;max-height:470px;overflow-y:auto;padding-right:3px}.cc-fixture{display:grid;grid-template-columns:minmax(220px,1.1fr) 72px minmax(360px,1.8fr);align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #e8edf0;border-radius:12px;background:#fcfdfd;text-align:left;cursor:pointer}.cc-fixture:hover{border-color:#b8ccd2;box-shadow:0 5px 16px rgba(20,40,55,.06)}.cc-fixture-main{display:grid;gap:3px;min-width:0}.cc-fixture-main small{color:#929ca7;font-size:7px;text-transform:uppercase}.cc-fixture-main strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cc-fixture-main span{overflow:hidden;color:#8b95a1;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.cc-fixture-score{display:grid;gap:2px;text-align:center}.cc-fixture-score strong{color:#233243;font-size:16px}.cc-fixture-score small{color:#8b95a1;font-size:6px;text-transform:uppercase}.cc-fixture-stages{display:flex;flex-wrap:wrap;gap:4px}.cc-fixture-stages span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#f0f3f5;color:#7f8995;font-size:6px;font-weight:800;text-transform:uppercase}.cc-fixture-stages i{width:5px;height:5px;border-radius:50%;background:#aeb7c1}.cc-fixture-stages .is-ready{background:#eaf8f1;color:#27885a}.cc-fixture-stages .is-ready i{background:#2fba72}.cc-fixture-stages .is-waiting,.cc-fixture-stages .is-probable{background:#fff6e5;color:#a8751b}.cc-fixture-stages .is-waiting i,.cc-fixture-stages .is-probable i{background:#e1a32a}.cc-fixture-stages .is-missed{background:#fff0f3;color:#bd3448}.cc-fixture-stages .is-missed i{background:#df3d52}.cc-fixture-stages .is-excluded{background:#f1effb;color:#7461a9}.cc-fixture-stages .is-excluded i{background:#8871c2}
.cc-bottom-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.cc-alerts{display:grid;gap:7px;max-height:300px;overflow-y:auto}.cc-alerts article{display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;padding:10px;border-radius:10px;background:#f7f9fa}.cc-alerts article>i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#e1a32a}.cc-alerts article.is-critical>i{background:#df3d52}.cc-alerts article.is-info>i{background:#3198b5}.cc-alerts article>div{display:grid;gap:2px}.cc-alerts small{color:#9aa3ad;font-size:7px}.cc-alerts strong{font-size:9px}.cc-alerts span{color:#7f8995;font-size:8px;line-height:1.35}.cc-audit-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cc-audit-kpis article{display:grid;gap:2px;padding:11px;border-radius:10px;background:#f5f7f9;text-align:center}.cc-audit-kpis strong{font-size:17px}.cc-audit-kpis span{color:#8b95a1;font-size:7px}.cc-audit-list{display:grid;gap:5px;margin-top:8px}.cc-audit-list button{display:flex;justify-content:space-between;gap:8px;padding:8px;border:0;border-radius:8px;background:#fafbfc;font-size:8px;cursor:pointer}.cc-audit-list span{color:#71808d}.cc-empty{display:grid;min-height:130px;place-items:center;color:#909aa5;font-size:9px;text-align:center}.cc-empty.is-compact{min-height:82px}
@keyframes control-spin{to{transform:rotate(360deg)}}@keyframes control-pulse{to{opacity:.35;transform:scale(.8)}}
@media(max-width:1080px){.control-center{left:18px}.cc-services{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-agent-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-fixture{grid-template-columns:minmax(190px,1fr) 60px}.cc-fixture-stages{grid-column:1/-1}}
@media(max-width:600px){.control-center-open{min-width:42px;width:42px;height:42px;padding:0;place-items:center;border-radius:12px}.control-center-open>span:nth-child(2),.control-center-open>i{display:none}.control-center-open-dot{width:10px;height:10px}.control-center{inset:0;border:0;border-radius:0}.control-center-head{min-height:68px;padding:11px 13px}.control-center-heading{gap:9px}.control-center-heading h2{font-size:17px}.control-center-heading small{font-size:6px}.control-center-logo{height:22px}.control-center-logo i:nth-child(2){height:22px}.control-center-updated,#control-center-refresh{display:none}.control-center-body{height:calc(100% - 68px);padding:10px 10px 84px}.cc-overview{display:grid;gap:10px;padding:13px}.cc-overview p{text-align:left;line-height:1.4}.cc-section{padding:13px;border-radius:13px}.cc-services,.cc-providers,.cc-market-grid,.cc-bottom-grid{grid-template-columns:1fr}.cc-agent-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-bank{grid-template-columns:repeat(2,1fr)}.cc-bank article.is-main{grid-column:1/-1}.cc-fixture{grid-template-columns:minmax(0,1fr) 54px;padding:10px}.cc-fixture-main strong{font-size:11px}.cc-fixture-stages{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.cc-fixture-stages span{flex:0 0 auto}.cc-section-head>span{max-width:42%}}