@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#eaf2f4;background:#071017;font-synthesis:none;--bg: #071017;--surface: #0c171f;--surface-raised: #101e27;--surface-soft: #14242e;--line: rgba(174, 209, 214, .11);--line-strong: rgba(174, 209, 214, .2);--text: #edf6f7;--muted: #8ea4ab;--accent: #29dfb0;--accent-dark: #0c9f7e;--cyan: #53c7e8;--warn: #f6bd60;--danger: #ff7688}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(41,223,176,.08),transparent 34%),var(--bg)}button,input,select{font:inherit}button{color:inherit}.appShell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:252px;flex-direction:column;border-right:1px solid var(--line);background:#081219f5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:flex;min-height:84px;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}.brandMark{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;color:#03100c;background:linear-gradient(145deg,#6af6cf,#22c79c);box-shadow:0 10px 32px #29dfb030}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand span{margin-top:3px;color:#6f8991;font-size:9px;font-weight:700;letter-spacing:.18em}.mobileClose{display:none;margin-left:auto;border:0;background:transparent}nav{flex:1;overflow:auto;padding:22px 13px}.navGroup{margin-bottom:22px}.navGroup p{margin:0 11px 8px;color:#5f7880;font-size:10px;font-weight:700;letter-spacing:.14em}.navGroup button{position:relative;display:flex;width:100%;height:42px;align-items:center;gap:11px;margin:2px 0;padding:0 12px;border:0;border-radius:10px;color:#8da3aa;background:transparent;cursor:pointer;text-align:left;transition:.16s ease}.navGroup button:hover{color:#dce9ec;background:#ffffff09}.navGroup button.active{color:#dffff5;background:linear-gradient(90deg,#29dfb026,#29dfb00a)}.navGroup button.active:before{position:absolute;left:0;width:3px;height:20px;border-radius:0 4px 4px 0;background:var(--accent);content:""}.navArrow{margin-left:auto;opacity:.7}.sidebarStatus{padding:16px 18px 19px;border-top:1px solid var(--line)}.statusLine{display:flex;align-items:center;gap:10px}.statusLine strong,.statusLine small{display:block}.statusLine strong{font-size:12px}.statusLine small{margin-top:3px;color:#6d858d;font-size:10px}.pulseDot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #29dfb017}.pulseDot.offline{background:var(--warn);box-shadow:0 0 0 5px #f6bd6017}.logoutButton{display:flex;width:100%;align-items:center;gap:8px;margin-top:17px;padding:8px 0;border:0;color:#69818a;background:transparent;cursor:pointer;font-size:11px}.mainArea{min-height:100vh;margin-left:252px}.topbar{position:sticky;top:0;z-index:20;display:flex;height:84px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#071017d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.titleBlock{display:flex;align-items:center;gap:13px}.titleBlock h1,.titleBlock p{margin:0}.titleBlock h1{font-size:17px}.titleBlock p{margin-top:4px;color:var(--muted);font-size:11px}.menuButton{display:none}.topbarActions{display:flex;align-items:center;gap:12px}.searchBox{display:flex;width:260px;height:38px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:#647c84;background:#ffffff06}.searchBox input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.iconButton,.menuButton{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#ffffff06;cursor:pointer}.adminBadge{display:flex;align-items:center;gap:9px;padding-left:4px;border:0;color:var(--text);background:transparent;cursor:pointer;text-align:left}.adminBadge>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(41,223,176,.22);border-radius:10px;color:var(--accent);background:#29dfb014;font-size:10px;font-weight:700}.adminBadge strong,.adminBadge small{display:block}.adminBadge strong{font-size:11px}.adminBadge small{margin-top:3px;color:#6e858d;font-size:9px}.content{max-width:1420px;margin:0 auto;padding:30px 34px 52px}.alert{margin-bottom:18px;padding:12px 15px;border:1px solid;border-radius:10px;font-size:12px}.alert.error{border-color:#ff768840;color:#ffb3bd;background:#ff768812}.alert.success{border-color:#29dfb038;color:#9ff5dc;background:#29dfb00f}.heroPanel{position:relative;display:grid;min-height:228px;grid-template-columns:minmax(0,1fr) 310px;align-items:center;overflow:hidden;padding:34px 38px;border:1px solid rgba(72,216,178,.16);border-radius:18px;background:linear-gradient(112deg,#183a3ed6,#0b1d25b8),var(--surface);box-shadow:0 24px 70px #0000002e}.heroPanel:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px;content:"";-webkit-mask-image:linear-gradient(90deg,black,transparent 78%);mask-image:linear-gradient(90deg,black,transparent 78%)}.heroPanel>div:first-child{position:relative;z-index:2}.eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.heroPanel h2,.sectionIntro h2,.emptyState h2{margin:12px 0 10px;font-size:clamp(22px,2.2vw,32px);line-height:1.25;letter-spacing:-.03em}.heroPanel p,.sectionIntro p,.emptyState>p{max-width:670px;margin:0;color:#9ab0b6;font-size:12px;line-height:1.8}.heroVisual{position:relative;width:240px;height:180px;justify-self:center}.core,.satellite{position:absolute;display:grid;place-items:center;border-radius:50%}.core{inset:55px auto auto 85px;width:72px;height:72px;color:#06231b;background:linear-gradient(145deg,#75f8d4,#21c99d);box-shadow:0 0 55px #29dfb047}.orbit{position:absolute;border:1px solid rgba(107,233,202,.18);border-radius:50%}.orbit.one{top:31px;right:32px;bottom:31px;left:32px}.orbit.two{top:2px;right:2px;bottom:2px;left:2px}.satellite{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);color:#dffaf2;background:#122c32;box-shadow:0 12px 30px #00000038;font-size:10px;font-weight:700}.satellite.whatsapp{top:11px;right:27px}.satellite.signal{bottom:9px;left:18px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.metricCard,.panel,.providerCard{border:1px solid var(--line);background:linear-gradient(145deg,#101e27f5,#0a161ef5)}.metricCard{padding:18px;border-radius:14px}.metricIcon{display:grid;width:36px;height:36px;place-items:center;margin-bottom:16px;border-radius:10px}.metricIcon.green{color:#61ebc3;background:#29dfb017}.metricIcon.cyan{color:#72dafa;background:#53c7e817}.metricIcon.purple{color:#bda5ff;background:#9c7bff17}.metricIcon.orange{color:#ffc879;background:#f6bd6017}.metricCard>span,.metricCard>strong,.metricCard>small{display:block}.metricCard>span{color:#869ca3;font-size:11px}.metricCard>strong{margin:8px 0 7px;font-size:24px}.metricCard>small{color:#5e757d;font-size:9px}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px;margin-top:16px}.panel{border-radius:15px}.servicePanel,.scopePanel{padding:21px}.panelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panelHeader h3{margin:5px 0 0;font-size:15px}.textButton{border:0;color:var(--accent);background:transparent;cursor:pointer;font-size:10px}.serviceRows{display:grid;gap:2px}.serviceRow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid var(--line)}.serviceRow:first-child{border-top:0}.serviceRow strong,.serviceRow small{display:block}.serviceRow strong{font-size:11px}.serviceRow small{margin-top:4px;color:#6f878e;font-size:9px}.serviceLogo{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;font-size:13px;font-weight:700}.serviceLogo.google{color:#8ec7ff;background:#4185f41f}.serviceLogo.deepl{color:#8fa8ff;background:#3f55f21f}.serviceLogo.signal{color:#7af;background:#3d7eff1c}.statusPill{padding:5px 8px;border-radius:999px;font-size:9px}.statusPill.ok{color:#79e8c8;background:#29dfb017}.statusPill.warn{color:#ffd28d;background:#f6bd6017}.statusPill.neutral{color:#91a8af;background:#ffffff0d}.scopeBlock{padding:13px 0;border-top:1px solid var(--line)}.scopeBlock small{color:#71878e;font-size:9px}.tagRow{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.tagRow span{padding:6px 9px;border:1px solid rgba(41,223,176,.12);border-radius:7px;color:#a7d8ca;background:#29dfb00b;font-size:9px}.boundaryNote{margin-top:6px;padding:11px;border-radius:9px;color:#71878e;background:#00000024;font-size:9px;line-height:1.6}.sectionIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}.sectionIntro h2{font-size:26px}.primaryButton,.secondaryButton{display:inline-flex;height:38px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:9px;cursor:pointer;font-size:10px;font-weight:600}.primaryButton{border:1px solid #36e2b7;color:#03120e;background:linear-gradient(145deg,#62efc9,#25c99f);box-shadow:0 9px 28px #29dfb01f}.secondaryButton{border:1px solid var(--line-strong);color:#a9bdc2;background:#ffffff09}.primaryButton:disabled,.secondaryButton:disabled,.iconButton:disabled{cursor:wait;opacity:.55}.providerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.providerCard{padding:22px;border-radius:16px}.providerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.providerIdentity{display:flex;align-items:center;gap:12px}.providerIdentity h3{margin:0 0 6px;font-size:14px}.configured,.notConfigured{display:inline-flex;align-items:center;gap:4px;font-size:9px}.configured{color:#80dfc4}.notConfigured{color:#c59d65}.switch input{display:none}.switch span{position:relative;display:block;width:38px;height:21px;border-radius:99px;background:#293b43;cursor:pointer;transition:.16s ease}.switch span:after{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#8da1a7;content:"";transition:.16s ease}.switch input:checked+span{background:#29dfb047}.switch input:checked+span:after{left:20px;background:var(--accent)}.field{display:block;margin-top:15px}.field>span{display:block;margin-bottom:7px;color:#83999f;font-size:10px}.inputWithIcon,.field select{width:100%;height:41px;border:1px solid var(--line);border-radius:9px;color:#dfeaec;background:#030a0e59}.inputWithIcon{display:flex;align-items:center;gap:9px;padding:0 11px;color:#617a82}.inputWithIcon input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:10px}.field>input{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--text);background:#030a0e59;font-size:10px}.field>input:focus{border-color:#29dfb061}.field select{padding:0 10px;outline:0;font-size:10px}.providerRole{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.roleChoice{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;color:#7f969d;background:transparent;cursor:pointer;text-align:left}.roleChoice.selected{border-color:#29dfb047;color:#cbece3;background:#29dfb00e}.roleChoice:disabled{cursor:not-allowed;opacity:.36}.radio{width:13px;height:13px;border:1px solid #506970;border-radius:50%}.selected .radio{border:4px solid var(--accent)}.roleChoice strong,.roleChoice small{display:block}.roleChoice strong{font-size:9px}.roleChoice small{margin-top:3px;color:#5e757d;font-size:8px}.providerFooter{display:flex;min-height:57px;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#617980;font-size:9px}.testMessage{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.testMessage.ok{color:#73e4c3}.testMessage.bad{color:#ff8d9c}.systemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.healthCard{display:flex;align-items:center;gap:15px;padding:20px}.healthIcon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;color:#b68a54;background:#f6bd6014}.healthIcon.good{color:var(--accent);background:#29dfb014}.healthCard span,.healthCard strong,.healthCard small{display:block}.healthCard span{color:#728990;font-size:9px}.healthCard strong{margin:5px 0;font-size:13px}.healthCard small{color:#60777e;font-size:9px}.emptyState{max-width:680px;margin:60px auto 0;padding:42px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101e27e6,#09141beb);text-align:center}.emptyIcon{display:grid;width:66px;height:66px;place-items:center;margin:0 auto 21px;border:1px solid rgba(41,223,176,.16);border-radius:18px;color:var(--accent);background:#29dfb00f}.emptyState>p{margin:0 auto}.migrationInfo{display:flex;align-items:center;gap:11px;margin-top:24px;padding:13px;border-radius:10px;color:#7f969d;background:#00000029;text-align:left}.migrationInfo strong,.migrationInfo small{display:block}.migrationInfo strong{font-size:10px}.migrationInfo small{margin-top:4px;color:#5d747b;font-size:8px}.recordCount{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#91a8af;background:#ffffff06;font-size:10px}.dataPanel{overflow:hidden;padding:0}.toolbarForm{display:grid;align-items:end;gap:12px;padding:18px;border-bottom:1px solid var(--line);background:#ffffff03}.toolbarForm.userForm{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto}.toolbarForm.licenseForm{grid-template-columns:minmax(180px,1fr) minmax(130px,.7fr) minmax(190px,.9fr) auto auto}.toolbarForm.releaseForm{grid-template-columns:120px 110px 120px minmax(230px,1fr) minmax(200px,1fr) auto auto}.compactField{display:block;min-width:0}.compactField>span,.checkGroup>span{display:block;margin-bottom:7px;color:#83999f;font-size:9px}.compactField input,.compactField select{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:#030a0e61;font-size:10px}.compactField input:focus,.compactField select:focus{border-color:#29dfb061}.checkGroup{display:flex;min-height:38px;align-items:center;gap:11px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#a3b6bb;background:#030a0e40}.checkGroup>span{margin:0}.checkGroup label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px}.checkGroup input{accent-color:var(--accent)}.tableScroller{width:100%;overflow-x:auto}.dataTable{width:100%;min-width:780px;border-collapse:collapse}.dataTable th,.dataTable td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.dataTable th{color:#678087;background:#0000001a;font-size:9px;font-weight:600;letter-spacing:.06em}.dataTable td{color:#a8bbc0;font-size:10px}.dataTable tbody tr:hover{background:#ffffff05}.dataTable tbody tr:last-child td{border-bottom:0}.dataTable td>strong,.dataTable td>small{display:block}.dataTable td>strong{color:#e1ebed;font-size:10px}.dataTable td>small{max-width:320px;margin-top:4px;color:#657d84;font-size:8px}.dataTable code{color:#91d8c5;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.rowAction{display:inline-flex;min-height:30px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;color:#abc0c5;background:#ffffff06;cursor:pointer;font-size:9px}.rowAction:hover{border-color:#29dfb04d;color:#d9f7ef}.rowAction:disabled{cursor:not-allowed;opacity:.45}.miniTags{display:flex;flex-wrap:wrap;gap:5px}.miniTags span{padding:4px 6px;border-radius:5px;color:#8ed8c3;background:#29dfb00f;font-size:8px}.tableLoading,.tableEmpty{padding:36px 18px;color:#6b838a;text-align:center;font-size:10px}.truncate,.metadata{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auditTable{min-width:920px}.auditTable .metadata{max-width:360px}.adminManagementGrid{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:18px}.adminEditor,.adminEditPanel,.identityCard,.passwordCard{padding:22px}.adminListPanel{align-self:start}.stackedForm{display:grid;gap:4px}.permissionHeader{display:flex;align-items:center;justify-content:space-between;margin:19px 0 8px;color:#a8bbc0;font-size:11px}.permissionMatrix{overflow:hidden;border:1px solid var(--line);border-radius:10px}.permissionRow{display:grid;grid-template-columns:minmax(120px,1fr) 58px 58px;min-height:39px;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--line);color:#8ea4aa;font-size:9px}.permissionRow:last-child{border-bottom:0}.permissionRow strong{color:#c3d1d4;font-size:10px}.permissionRow label{display:flex;align-items:center;gap:5px}.adminEditPanel{margin-top:18px}.adminEditFields{display:grid;grid-template-columns:1fr 220px;gap:14px}.passwordResetRow{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.protectedLabel{color:#6f858c;font-size:9px}.accountSecurityGrid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:18px}.identityCard{display:grid;align-content:start;gap:18px}.identityCard h3{margin:7px 0 4px;font-size:20px}.identityCard p{margin:0;color:#71878e;font-size:11px}.adminAvatar{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(41,223,176,.25);border-radius:18px;color:var(--accent);background:#29dfb014;font-size:18px;font-weight:750}.identityFacts{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.identityFacts span{display:flex;justify-content:space-between;gap:16px;color:#71878e;font-size:10px}.identityFacts strong{color:#c7d5d8;text-align:right}.loginCard .alert{margin-bottom:16px}.loginOverlay{position:fixed;z-index:100;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;padding:24px;background:#03090de0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loginCard{width:min(420px,100%);padding:34px;border:1px solid rgba(41,223,176,.17);border-radius:18px;background:#0d1a22;box-shadow:0 40px 100px #00000070}.loginMark{display:grid;width:52px;height:52px;place-items:center;margin-bottom:24px;border-radius:15px;color:#061b15;background:var(--accent)}.loginCard h2{margin:11px 0 7px;font-size:24px}.loginCard p{margin:0 0 22px;color:#788f96;font-size:11px}.primaryButton.full{width:100%;margin-top:20px}.loadingGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skeleton{height:150px;border-radius:14px;background:linear-gradient(90deg,#0c1820,#13242d,#0c1820);background-size:200% 100%;animation:shimmer 1.4s infinite}.spinning{animation:spin .8s linear infinite}.sidebarBackdrop{display:none}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.metricGrid{grid-template-columns:repeat(2,1fr)}.providerGrid{grid-template-columns:1fr}.searchBox{display:none}.toolbarForm.licenseForm,.toolbarForm.releaseForm{grid-template-columns:repeat(2,minmax(0,1fr))}.adminManagementGrid,.accountSecurityGrid{grid-template-columns:1fr}}@media(max-width:780px){.sidebar{transform:translate(-100%);transition:.18s ease}.sidebar.open{transform:translate(0)}.mobileClose{display:block}.sidebarBackdrop{position:fixed;z-index:29;display:block;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c}.mainArea{margin-left:0}.menuButton{display:grid}.topbar{padding:0 18px}.titleBlock p,.adminBadge div{display:none}.content{padding:22px 18px 42px}.heroPanel{grid-template-columns:1fr;padding:28px}.heroVisual{display:none}.dashboardGrid,.systemGrid,.toolbarForm.userForm,.toolbarForm.licenseForm,.toolbarForm.releaseForm,.adminEditFields,.passwordResetRow{grid-template-columns:1fr}.recordCount{align-self:flex-start}}@media(max-width:520px){.metricGrid{grid-template-columns:1fr}.sectionIntro{align-items:stretch;flex-direction:column}.providerRole{grid-template-columns:1fr}.providerFooter{align-items:stretch;flex-direction:column}.providerFooter .secondaryButton{width:100%}}