.control-center{--control-border:#343047;--control-muted:#a7a1bb;color:#f2f0fa;padding:8px 0 24px}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.control-heading h1,.control-heading h2{margin:0 0 6px}.control-heading .vaip-avatar{width:42px;height:42px}.control-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px}.control-tabs .chip{white-space:nowrap}.control-tabs .active{background:#30243f;border-color:#8d6cc1}.control-center .card{margin-bottom:18px;background:linear-gradient(135deg,#13131e,#101119);border-color:var(--control-border);padding:22px}.control-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.control-metric{background:#181623;border:1px solid var(--control-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.control-metric span{font-size:12px;color:var(--control-muted)}.control-metric strong{font-size:28px;letter-spacing:-1px}.control-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.control-center label{display:flex;flex-direction:column;gap:8px;color:var(--control-muted);font-size:13px}.control-center form{display:grid;gap:16px}.control-center input:not([type=checkbox]),.control-center select,.control-center textarea,.control-dialog input{min-width:0;width:100%;padding:11px 13px;background:#0d0e17;color:#edeaf5;border:1px solid #41394f;border-radius:10px;font:inherit}.control-center textarea{min-height:110px;resize:vertical}.control-center input[type=checkbox]{width:18px;height:18px;accent-color:#a286cc;flex-shrink:0}.control-center .alert-check,.control-checklist label{display:flex;flex-direction:row;align-items:center;gap:10px}.control-checklist{max-height:300px;overflow:auto;border:1px solid var(--control-border);border-radius:12px;padding:12px;display:grid;gap:12px}.control-center small{display:block;font-size:12px;color:var(--control-muted);margin-top:5px;line-height:1.5}.control-user,.control-list-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--control-border);padding:15px 0}.control-user>div,.control-list-row>div{flex:1;min-width:0}.control-user .vaip-avatar{width:40px;height:40px;border-radius:12px}.control-user [hidden],.control-center [hidden]{display:none!important}.control-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:5px 7px;border:1px solid #595064;border-radius:7px;background:#282231;color:#dfd3f6}.control-tag.real,.control-tag.error{background:#3b1923;color:#ffadba;border-color:#7c3042}.control-tag.warn{background:#392f1d;border-color:#6c5930;color:#e5cf9b}.control-badges{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.control-table-scroll{overflow-x:auto}.control-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.control-table th{font-size:11px;color:var(--control-muted);font-weight:600}.control-table th,.control-table td{padding:13px 10px;border-bottom:1px solid var(--control-border);vertical-align:top}.control-table td{overflow-wrap:anywhere}.control-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.control-device{padding:16px;background:#11111b;border:1px solid var(--control-border);border-radius:14px;min-width:0}.control-device code{overflow-wrap:anywhere;font-size:11px}.control-empty{padding:20px 0;color:var(--control-muted);line-height:1.6}.control-center .control-inline-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;margin-bottom:20px}.control-center .control-heading input{max-width:260px}.control-dialog{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;background:#16131f;color:#f2edff;border:1px solid #6e538c;border-radius:20px}.control-dialog::backdrop{background:#04030bd9}.control-dialog label{display:grid;gap:8px;margin:14px 0}.control-dialog.real{border-color:#c76278}.control-dialog pre{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}.control-center .btn:focus-visible,.control-center input:focus-visible,.control-center select:focus-visible{outline:2px solid #b699dc;outline-offset:3px}.control-announcements{border:1px solid #4a3b60;border-radius:16px;padding:16px;background:#1a1427;margin:12px 0 20px}.control-announcements p{white-space:pre-wrap;color:#c6bfd4}.alert-monitor .alert-counts{display:grid;grid-template-columns:repeat(3,1fr);font-size:14px}.alert-monitor .alert-counts b{font-size:32px;display:block}.alert-monitor .alert-recipient .vaip-avatar{width:32px;height:32px;border-radius:9px}.alert-monitor .alert-recipient{align-items:center}.control-center .btn{transition:background .15s,border-color .15s}.control-center .btn:hover{border-color:#9676bd}.nav{grid-template-columns:repeat(var(--nav-items,5),minmax(0,1fr))!important}
@media(max-width:1100px){.control-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.control-two-col{grid-template-columns:1fr}.control-center .control-inline-form{grid-template-columns:1fr 1fr}.control-center .card{padding:16px}.control-heading{flex-wrap:wrap}.control-user{flex-wrap:wrap}.control-heading input{max-width:none}.control-metric{padding:13px}.control-metric strong{font-size:24px}}
@media(max-width:520px){.control-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.control-center .control-inline-form{grid-template-columns:1fr}.control-device-grid{grid-template-columns:1fr}.control-user>div{flex-basis:65%}.alert-monitor .alert-counts b{font-size:25px}}
.alert-monitor .alert-counts>span:first-child{grid-column:1/-1;font-size:13px}.alert-monitor .alert-counts>span:first-child b{display:inline;font-size:16px}