
.vxLicenseHubPage{max-width:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.vxLicenseHub{display:grid;gap:18px}
.vxLicenseHero{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(108,124,255,.25);border-radius:22px;background:radial-gradient(circle at 85% 15%,rgba(133,94,255,.18),transparent 34%),linear-gradient(145deg,#131c2a,#0d141e)}
.vxLicenseHero:after{content:"";position:absolute;right:-100px;top:-120px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(126,144,255,.13);box-shadow:0 0 0 42px rgba(126,144,255,.025),0 0 0 84px rgba(126,144,255,.018)}
.vxLicenseEyebrow{position:relative;z-index:1;color:#8ca6ff;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.vxLicenseHero h1{position:relative;z-index:1;margin:7px 0 8px;font-size:clamp(27px,4vw,42px);letter-spacing:-.035em}
.vxLicenseHero p{position:relative;z-index:1;max-width:760px;margin:0;color:#8fa0b7;line-height:1.62}
.vxLicenseTabs{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.vxLicenseTab{min-height:40px;padding:8px 14px;border-radius:11px;border:1px solid rgba(145,163,192,.17);background:rgba(7,12,19,.35);color:#8fa0b7;font-weight:750}
.vxLicenseTab.is-active{color:#fff;border-color:rgba(109,124,255,.5);background:rgba(109,124,255,.18)}
.vxLicenseSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.vxLicenseStat{padding:16px;border:1px solid rgba(145,163,192,.15);border-radius:16px;background:linear-gradient(155deg,rgba(20,30,44,.96),rgba(13,20,30,.96))}
.vxLicenseStat span{display:block;color:#8292aa;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.vxLicenseStat strong{display:block;margin-top:7px;font-size:24px}.vxLicenseStat small{display:block;margin-top:5px;color:#738198}
.vxLicenseSection{display:grid;gap:11px}.vxLicenseSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.vxLicenseSectionHead h2{margin:0;font-size:20px}.vxLicenseSectionHead p{margin:3px 0 0;color:#8292aa;font-size:13px}
.vxLicenseGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}
.vxLicenseCard{padding:17px;border:1px solid rgba(145,163,192,.16);border-radius:17px;background:linear-gradient(150deg,rgba(20,30,45,.96),rgba(13,21,31,.98));min-width:0}
.vxLicenseCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vxLicenseCard h3{margin:0 0 5px;font-size:17px}.vxLicenseMuted{color:#8493a8;font-size:13px;line-height:1.5}
.vxLicensePills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.vxLicensePill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid rgba(145,163,192,.18);background:rgba(255,255,255,.025);color:#aab6c8;font-size:11px;font-weight:750}
.vxLicensePill.is-green{color:#78ebb2;border-color:rgba(84,223,155,.28);background:rgba(84,223,155,.08)}.vxLicensePill.is-violet{color:#cebaff;border-color:rgba(168,123,255,.3);background:rgba(168,123,255,.08)}.vxLicensePill.is-yellow{color:#ffe09b;border-color:rgba(255,200,97,.3);background:rgba(255,200,97,.08)}
.vxLicenseActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.vxLicenseActions button,.vxLicenseActions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:750}
.vxLicensePrimary{border-color:transparent!important;background:linear-gradient(135deg,#587eff,#795fff)!important;color:#fff!important}.vxLicenseSoft{border:1px solid rgba(145,163,192,.2);background:rgba(255,255,255,.035);color:#e8eef9}
.vxLicenseIp{display:grid;gap:12px;padding:18px;border:1px solid rgba(145,163,192,.16);border-radius:17px;background:linear-gradient(145deg,rgba(20,30,45,.96),rgba(13,21,31,.98))}
.vxLicenseIpHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.vxLicenseIpList{display:flex;gap:8px;flex-wrap:wrap}.vxLicenseIpChip{padding:8px 11px;border-radius:10px;border:1px solid rgba(57,211,153,.38);background:rgba(57,211,153,.12);box-shadow:inset 0 0 0 1px rgba(57,211,153,.05),0 0 18px rgba(57,211,153,.07);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#82efc1;font-weight:800}.vxLicenseIpChip.is-empty{color:#68758a;border-style:dashed;background:transparent}
.vxLicenseEmpty{display:grid;justify-items:center;gap:14px;padding:34px;border:1px dashed rgba(145,163,192,.22);border-radius:17px;text-align:center;color:#8493a8}.vxLicenseEmptyAction{display:flex;justify-content:center}.vxLicenseStoreAction.is-locked{border:1px solid rgba(245,158,11,.3)!important;background:rgba(245,158,11,.09)!important;color:#f6d69b!important;box-shadow:none!important;cursor:not-allowed!important;filter:saturate(.6)}.vxLicenseStoreAction[aria-disabled="true"]{pointer-events:auto}
.vxLicenseLoading{padding:42px;text-align:center;color:#8493a8}
.vxLicenseOverlay{position:fixed;inset:0;z-index:36000;display:grid;place-items:center;padding:18px;background:rgba(2,6,12,.78);backdrop-filter:blur(10px)}.vxLicenseOverlay[hidden]{display:none}
.vxLicenseModal{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(145,163,192,.2);border-radius:19px;background:#101925;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.vxLicenseModalHead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid rgba(145,163,192,.14)}.vxLicenseModalHead h3{margin:0}.vxLicenseModalBody{display:grid;gap:12px;padding:19px}.vxLicenseModalBody label{display:grid;gap:6px;color:#aeb9c9;font-size:12px}.vxLicenseModalBody input{width:100%;box-sizing:border-box;min-height:42px}.vxLicenseModalActions{display:flex;justify-content:flex-end;gap:8px}
#vx-license-legacy{display:none!important}
@media(max-width:900px){.vxLicenseSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vxLicenseSummary{grid-template-columns:1fr}.vxLicenseHero{padding:21px}.vxLicenseSectionHead,.vxLicenseIpHead{align-items:flex-start;flex-direction:column}.vxLicenseActions>*{width:100%}}
