.control-panel .control-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:650px;margin:0 0 25px;padding:9px;border:1px solid #4d82948c;border-radius:20px;background:radial-gradient(circle at 85% 0,#2b60785c,transparent 52%),linear-gradient(120deg,#071d2b,#123448);box-shadow:0 17px 34px #0b334330,inset 0 1px #d0f7ff1c;overflow:visible}
.control-panel .control-tabs.has-staff{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px}
.control-panel .control-tabs:before{content:'';position:absolute;left:22px;right:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#7be6df80,transparent)}
.control-panel .control-tabs button{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:72px;padding:12px 15px;border:1px solid transparent;border-radius:13px;background:transparent;color:#b8d2db;text-align:left;cursor:pointer;overflow:hidden;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s,color .25s}
.control-panel .control-tabs button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,#c5f8ff1b 48%,transparent 66%);transform:translateX(-130%);transition:transform .6s;pointer-events:none}
.control-panel .control-tabs button:hover{transform:translateY(-2px);border-color:#91d4de6b;background:#a7e5ec12;color:#fff;box-shadow:0 9px 20px #03162087}
.control-panel .control-tabs button:hover:before{transform:translateX(130%)}
.control-panel .control-tabs button.active{border-color:#f6b979bd;background:radial-gradient(circle at 12% 50%,#ffad5c2b,transparent 64%),linear-gradient(120deg,#24475a,#19374a);color:#fff;box-shadow:inset 0 -3px #ffa748,0 0 22px #e6a25736,0 10px 20px #0316208c}
.control-panel .control-tabs button.active:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;background:#ffbb71;box-shadow:0 0 12px #ffba70}
.control-panel .control-tab-icon{position:relative;flex:none;display:grid;place-items:center;width:41px;height:41px;border:1px solid #96d4dd50;border-radius:12px;background:#73cfdb10;color:#9ddce3;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.control-panel .control-tab-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.control-panel .control-tabs button.active .control-tab-icon{border-color:#ffca91a3;background:#f9a74c29;color:#ffd29e;box-shadow:0 0 17px #ffae6152}
.control-panel .control-tab-copy{position:relative;display:grid;gap:5px;min-width:0}
.control-panel .control-tab-copy small{color:#82adba;font-size:8px;font-weight:850;letter-spacing:1.3px;white-space:nowrap}
.control-panel .control-tabs button.active .control-tab-copy small{color:#ffc58a}
.control-panel .control-tab-copy strong{font-size:13px;font-weight:850;letter-spacing:-.15px;white-space:nowrap}
.control-panel .control-tab-arrow{position:relative;margin-left:auto;color:#85b7c4;font-size:17px;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}
.control-panel .control-tabs button:hover .control-tab-arrow,.control-panel .control-tabs button.active .control-tab-arrow{opacity:1;transform:none}
.control-panel .control-tabs button.active .control-tab-arrow{color:#ffc18a}
.control-panel .control-tabs button:focus-visible{outline:2px solid #fff2c9;outline-offset:3px}
@media(max-width:760px){.control-panel .control-tabs{max-width:none;gap:5px;padding:6px}.control-panel .control-tabs button{min-height:62px;padding:10px;gap:8px}.control-panel .control-tab-icon{width:32px;height:32px;border-radius:9px}.control-panel .control-tab-icon svg{width:18px;height:18px}.control-panel .control-tab-copy small{font-size:7px}.control-panel .control-tab-copy strong{font-size:11px}.control-panel .control-tab-arrow{display:none}}
@media(max-width:960px){.control-panel .control-tabs.has-staff{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.control-panel .control-tabs,.control-panel .control-tabs.has-staff{grid-template-columns:1fr;overflow:visible}.control-panel .control-tabs button{min-height:53px}.control-panel .control-tab-icon{width:30px;height:30px}.control-panel .control-tab-copy{display:flex;align-items:baseline;gap:9px}}
@media(prefers-reduced-motion:reduce){.control-panel .control-tabs button,.control-panel .control-tabs button:before,.control-panel .control-tab-icon,.control-panel .control-tab-arrow{transition:none}}
.control-panel .control-kpi-link{appearance:none;width:100%;font-family:inherit;text-align:left;cursor:pointer}.control-panel .control-kpi-link:hover{transform:translateY(-5px);border-color:#70cbd3;box-shadow:0 18px 30px #13617730,0 0 0 1px #74d9d337}.control-panel .control-kpi-link:focus-visible{outline:2px solid #f9a755;outline-offset:3px}.control-panel .control-kpi-link .control-kpi-arrow{position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #67b9c275;border-radius:8px;background:#d6f5f315;color:#267b91;font-size:15px;transition:transform .25s,background .25s,color .25s}.control-panel .control-kpi-link:hover .control-kpi-arrow{transform:translate(2px,-2px);background:#147e90;color:#fff}.control-panel .control-kpi-accent .control-kpi-arrow{color:#a6e9e5;border-color:#a5e3e46b}
.control-panel .control-registered-search{flex-wrap:wrap}.control-panel .control-registered-search .control-module-field{min-width:180px}.control-panel .control-registered-search .control-module-field:has(select){flex:0 1 190px}
@media(prefers-reduced-motion:reduce){.control-panel .control-kpi-link .control-kpi-arrow{transition:none}}
