@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{color:#172033;font-synthesis:none;background:#f4f6fa;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f4f6fa;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#c8d1df;background:#081321;border-right:1px solid #172537;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brandIcon{color:#fff;background:linear-gradient(145deg,#2f6cf5,#7b54f7);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 24px #2f6cf544}.brand strong,.brand span{display:block}.brand strong{font:800 17px Manrope}.brand span{color:#7f91aa;margin-top:2px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.logout{color:#94a3b8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#142237}.sidebar nav button.active{box-shadow:inset 3px 0 #5882ff}.sidebarBottom{margin-top:auto}.server{color:#72839a;border-bottom:1px solid #182638;align-items:center;gap:7px;padding:12px;font-size:10px;display:flex}.dot{background:#2fd585;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2fd5851f}.logout{width:100%;margin-top:8px}.shell main{min-width:0}.shell header{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:92px;padding:0 32px;display:flex}.eyebrow{letter-spacing:.14em;color:#75839a;font-size:10px;font-weight:700}.shell h1{margin:4px 0 0;font:800 25px Manrope}.adminChip{align-items:center;gap:10px;display:flex}.adminChip strong,.adminChip span{text-align:right;display:block}.adminChip strong{font-size:13px}.adminChip span{color:#8190a5;font-size:11px}.avatar{color:#315ad4;background:#eaf0ff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.content{gap:20px;max-width:1540px;padding:28px 32px 50px;display:grid}.card{background:#fff;border:1px solid #e4e9f1;border-radius:14px;padding:20px;box-shadow:0 1px 2px #14213d08}.metricGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric{align-items:center;gap:14px;display:flex}.metricIcon{color:#4169e1;background:#eef3ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.metric>div:last-child span,.metric>div:last-child strong,.metric small{display:block}.metric span{color:#7c889a;font-size:12px}.metric strong{margin:2px 0;font:800 24px Manrope}.metric small{color:#98a4b5;font-size:11px}.twoCol{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.sectionHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sectionHead h2,.planCard h2,.providerCard h2{margin:3px 0;font:750 17px Manrope}.muted{color:#98a4b5;font-size:11px}.bars{gap:16px;display:grid}.barRow>div:first-child{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.barRow span{color:#7d8a9d}.barTrack{background:#eef1f6;border-radius:8px;height:7px;overflow:hidden}.barFill{background:linear-gradient(90deg,#335ff0,#7c58f7);border-radius:8px;height:100%}.providerList{gap:6px;display:grid}.providerLine{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.providerLine:last-child{border:0}.providerLine strong,.providerLine span,.providerLine small{display:block}.providerLine strong{font-size:13px}.providerLine span{color:#8997aa;margin-top:3px;font-size:10px}.providerLine .right{text-align:right}.providerLine small{color:#9aa5b5;margin-top:5px;font-size:10px}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge.good{color:#15804b;background:#e9fbf2}.badge.bad{color:#c33939;background:#fff0f0}.badge.warn{color:#9b6a00;background:#fff7df}.badge.info{color:#365dc6;background:#edf3ff}.badge.neutral{color:#68778a;background:#eff2f5}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8491a4;white-space:nowrap;border-bottom:1px solid #e8edf3;padding:9px 12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #eef1f5;padding:13px 12px}td strong,td small{display:block}td small{color:#98a4b5;margin-top:2px;font-size:10px}tbody tr:hover{background:#fafbfe}select,input,textarea{color:#243046;background:#fff;border:1px solid #dce2eb;border-radius:8px;outline:none;padding:9px 10px}input:focus,select:focus,textarea:focus{border-color:#7d9cf8;box-shadow:0 0 0 3px #4f78ef14}textarea{resize:vertical;width:100%}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.search,.filters{align-items:center;gap:8px;display:flex}.search{background:#fff;border:1px solid #e0e5ed;border-radius:9px;flex:1;max-width:430px;padding-left:10px}.search input{border:0;flex:1;min-width:0;box-shadow:none!important}.search button,.filters button{color:#3859a8;background:#edf2fb;border:0;border-radius:7px;padding:9px 12px}.primary,.secondary,.dangerOutline{border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#285fe8;box-shadow:0 5px 14px #285fe82c}.secondary{color:#344155;background:#f0f3f8}.dangerOutline{color:#b73737;background:#fff;border:1px solid #f0b8b8}.full{width:100%}.planGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.planCard{padding:22px}.planTop,.providerTitle{justify-content:space-between;align-items:flex-start;display:flex}.price{margin:20px 0 8px}.price strong{font:800 30px Manrope}.price span{color:#8794a6;font-size:11px}.planCard p{color:#7c899b;min-height:34px;font-size:12px}.planCard ul{color:#4e5c70;gap:10px;margin:16px 0 22px;padding:0;font-size:12px;list-style:none;display:grid}.planCard li{align-items:center;gap:7px;display:flex}.planCard li svg{color:#2a9a64}.providerCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.providerTitle{align-items:center}.providerTitle>div:nth-child(2){flex:1;margin-left:12px}.providerIcon{color:#4269df;background:#eef3ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.providerUrl{color:#5c6c81;background:#f7f9fc;border:1px solid #e8ecf2;border-radius:9px;align-items:center;gap:7px;margin:20px 0;padding:10px;font-size:11px;display:flex}.providerStats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.providerStats div{background:#fafbfc;border-radius:9px;padding:12px}.providerStats span,.providerStats strong{display:block}.providerStats span{color:#8b98aa;font-size:10px}.providerStats strong{margin-top:4px;font-size:12px}.formStack,.formGrid{gap:14px;display:grid}.formGrid{grid-template-columns:1fr 1fr}.formGrid.three{grid-template-columns:repeat(3,1fr)}label{color:#56657a;font-size:11px;font-weight:600}label input,label select{width:100%;margin-top:6px;display:block}.check{align-items:center;gap:8px;margin-top:18px;display:flex}.check input{width:auto;margin:0}.switchRow{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.switchRow div strong,.switchRow div span{display:block}.switchRow div strong{font-size:13px}.switchRow div span{color:#8a97a9;margin-top:3px;font-size:10px}.switchRow input{width:18px;height:18px}.notice{color:#7b5a10;background:#fff8e5;border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;font-size:11px;display:flex}.saveBar{justify-content:flex-end;align-items:center;gap:15px;display:flex}.saveBar span{color:#198256;font-size:11px}.modalBack{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#09111fb8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);padding:22px;box-shadow:0 20px 70px #0004}.modal.wide{width:min(760px,100%)}.modalActions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modalActions>button:not(.primary),.iconBtn{background:#fff;border:1px solid #dfe4ec;border-radius:8px;padding:9px 12px}.iconBtn{place-items:center;padding:6px;display:grid}.errorBox{color:#b33d3d;background:#fff3f3;border:1px solid #f2bebe;border-radius:9px;padding:10px 12px;font-size:12px}.errorBox.small{margin-bottom:14px;font-size:10px}.empty,.loading{text-align:center;color:#8390a3;padding:34px;font-size:12px}.loading{justify-content:center;align-items:center;gap:10px;min-height:160px;display:flex}.spinner{border:2px solid #dfe5ef;border-top-color:#3e68df;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loginPage{background:#07111e;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.loginGlow{filter:blur(20px);opacity:.4;border-radius:50%;position:absolute}.loginGlow.one{background:#174ac8;width:500px;height:500px;top:-250px;left:-130px}.loginGlow.two{background:#6f36c8;width:400px;height:400px;bottom:-200px;right:-180px}.loginCard{color:#fff;background:#0e1a2a;border:1px solid #223047;border-radius:18px;width:min(430px,100% - 32px);padding:32px;position:relative;box-shadow:0 30px 80px #0008}.loginLogo{background:linear-gradient(145deg,#2f69ee,#7952f1);border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:22px;display:grid}.loginTitle span{letter-spacing:.13em;color:#6f86a8;font-size:10px;font-weight:700}.loginTitle h1{margin:7px 0;font:800 27px Manrope}.loginTitle p{color:#8294ad;margin:0 0 22px;font-size:12px;line-height:1.6}.loginCard label{color:#a8b5c8;margin:14px 0;display:block}.loginCard input{color:#fff;background:#101f31;border-color:#2a3a50;margin-top:7px;padding:11px}.inputIcon{position:relative}.inputIcon svg{color:#61738e;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.inputIcon input{margin:0;padding-left:37px}.loginBtn{width:100%;margin-top:8px;padding:12px}.loginCard>small{text-align:center;color:#586d8a;margin-top:16px;font-size:9px;display:block}@media (max-width:1100px){.metricGrid{grid-template-columns:repeat(2,1fr)}.twoCol{grid-template-columns:1fr}.planGrid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.shell{grid-template-columns:72px 1fr}.sidebar{padding:20px 9px}.brand>div:last-child,.sidebar nav span,.server,.logout span{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.sidebar nav button,.logout{justify-content:center}.shell header{padding:0 18px}.content{padding:20px 16px}.adminChip>div:last-child{display:none}.metricGrid,.planGrid,.providerCards,.formGrid,.formGrid.three{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.filters{flex-wrap:wrap}}
.sidebar nav a{color:#8fa0b8;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar nav a:hover{color:#e7eef8;background:#ffffff0e}.sidebar nav a.active{color:#fff;background:#5e8cff24;box-shadow:inset 0 0 0 1px #5e8cff2e}.fullLoading{background:#0b1018;place-items:center;min-height:100vh;display:grid}.settingsIntro{background:#4f7fff14;border:1px solid #4f7fff38;border-radius:14px;align-items:center;gap:13px;margin-bottom:18px;padding:15px 17px;display:flex}.settingsIntro svg{color:#7da2ff}.settingsIntro div{flex-direction:column;gap:3px;display:flex}.settingsIntro span{color:#8fa0b8;font-size:13px}.serviceSettings{grid-template-columns:1fr 1fr;gap:18px;display:grid}.serviceBlock{background:#0f1621;border:1px solid #202a39;border-radius:14px;padding:18px}.serviceBlock h3{margin:0 0 17px;font-size:16px}.serviceBlock label{color:#b8c5d6;flex-direction:column;gap:7px;margin-top:13px;font-size:12px;font-weight:700;display:flex}.serviceBlock small,label small{color:#73839a;font-weight:500;line-height:1.5}.secretInput{position:relative}.secretInput svg{color:#65758c;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.secretInput input{width:100%;padding-left:38px}.infoRows{flex-direction:column;gap:0;display:flex}.infoRows>div{border-bottom:1px solid #202a39;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.infoRows>div:last-child{border-bottom:0}.infoRows span{color:#8190a5;font-size:13px}.infoRows strong{text-align:right;font-size:13px}@media (max-width:900px){.serviceSettings{grid-template-columns:1fr}}.adPolicy{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.adPolicy>div{background:#fafbfd;border:1px solid #e6ebf2;border-radius:10px;padding:13px}.adPolicy strong,.adPolicy span{display:block}.adPolicy strong{font-size:12px}.adPolicy span{color:#8090a5;margin-top:4px;font-size:10px}.adUnits{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.adUnits>div{border:1px solid #e7ebf1;border-radius:10px;padding:12px}.adUnits input:not([type=checkbox]){width:100%;margin-top:9px}.releaseForm{gap:16px;display:grid}.releaseForm input[type=file]{padding:8px}.releaseOptions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.releaseOptions .check{margin:0}.releaseList{border-top:1px solid #e9edf3;margin-top:22px}.releaseRow{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;padding:15px 2px;display:flex}.releaseRow>div:first-child{min-width:0}.releaseVersion{align-items:center;gap:8px;display:flex}.releaseRow strong{font-size:13px}.releaseRow span,.releaseRow small{color:#8997a9;margin-top:4px;font-size:10px;display:block}.releaseRow small{color:#65758a;max-width:760px}.releaseRow svg{color:#24905d}@media (max-width:900px){.adUnits,.adPolicy{grid-template-columns:1fr}.releaseOptions{justify-content:flex-start}}.platformChips{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.platformChip{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.platformChip.on{color:#24724d;background:#edf7f2}.platformChip.off{color:#9aa4b2;background:#f1f3f6;text-decoration:line-through}.platformAccessHead{border-top:1px solid #edf0f5;justify-content:space-between;align-items:flex-end;gap:16px;margin:24px 0 12px;padding-top:18px;display:flex}.platformAccessHead h3{margin:3px 0 0;font:750 15px Manrope}.platformAccessHead>span{color:#7c899b;font-size:11px}.platformAccessGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.platformAccess{background:#fafbfd;border:1px solid #e6ebf2;border-radius:10px;align-items:center;gap:10px;margin:0;padding:11px;display:flex}.platformAccess input{width:auto;margin:0}.platformAccess span,.platformAccess strong,.platformAccess small{display:block}.platformAccess strong{color:#344155;font-size:11px}.platformAccess small{color:#8b98aa;margin-top:3px;font-size:9px;font-weight:500}.providerPlatforms{margin-top:18px}.providerPlatforms>span{color:#8b98aa;margin-bottom:7px;font-size:10px;display:block}.providerPlatforms .platformChips{margin-bottom:0}.platformCatalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.platformCatalogItem{background:#fafbfd;border:1px solid #e6ebf2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.platformCatalogItem strong,.platformCatalogItem span{display:block}.platformCatalogItem strong{font-size:12px}.platformCatalogItem span{color:#8794a6;margin-top:3px;font-size:9px}@media (max-width:1000px){.platformCatalog,.platformAccessGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.platformCatalog,.platformAccessGrid{grid-template-columns:1fr}}.opsList{gap:10px;display:grid}.opsItem{border:1px solid #e6ebf2;border-radius:10px;justify-content:space-between;gap:14px;padding:12px;display:flex}.opsItem>div:first-child{min-width:0}.opsItem strong,.opsItem span,.opsItem small{display:block}.opsItem strong{font-size:12px}.opsItem span{color:#65758a;margin-top:4px;font-size:10.5px}.opsItem small{color:#9aa5b5;margin-top:4px;font-size:9px}.opsItem>div:last-child{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.errorSummary{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.errorSummary span{color:#69798d;background:#fafbfd;border:1px solid #e8ecf2;border-radius:9px;padding:8px 10px;font-size:10px}.errorSummary strong{color:#253147;margin-right:6px;font-size:13px}.analyticsGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.analyticsGrid>div{background:#fafbfd;border:1px solid #e7ebf1;border-radius:10px;padding:13px}.analyticsGrid span,.analyticsGrid strong{display:block}.analyticsGrid span{color:#8491a4;font-size:10px}.analyticsGrid strong{margin-top:4px;font:800 19px Manrope}.rowActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.linkButton{text-decoration:none}.platformAdminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.platformAdminItem{border:1px solid #e7ebf1;border-radius:11px;gap:9px;padding:13px;display:grid}.platformAdminTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.flagGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.flagItem{border:1px solid #e7ebf1;border-radius:10px;padding:12px}.flagItem .formGrid{margin-top:9px}.releaseActions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.releaseActions input{width:85px}.dangerText{color:#b73737}@media (max-width:900px){.analyticsGrid,.platformAdminGrid,.flagGrid{grid-template-columns:1fr}}.pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination span{color:#7f8da0;font-size:11px}
