:root {
  color-scheme: light;
  font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  --primary:#d82e52; --primaryLight:#fff0f5; --primaryDark:#8b1836; --accent:#f04b86; --accentLight:#fff5f8;
  --success:#35b987; --warning:#ffd07a; --danger:#f58e8e; --info:#29c7d8; --textPrimary:#2b1922;
  --textSecondary:#684c58; --textMuted:#a77d8c; --page:#fff8fa; --card:#fff; --border:#efd6df;
  --borderStrong:#dfafbf; --gradient:linear-gradient(135deg,#d82e52,#f04b86); --softGradient:linear-gradient(135deg,#fff0f5,#fff5f8);
  --cardGradient:linear-gradient(160deg,#fff 60%,#fff1f5); --shadow:0 4px 20px rgb(216 46 82 / 8%); --shadowHover:0 8px 32px rgb(216 46 82 / 15%);
}
*{box-sizing:border-box} html,body{min-height:100%;margin:0} body{min-width:320px;color:var(--textSecondary);background:linear-gradient(90deg,rgb(255 255 255 / 72%) 1px,transparent 1px),linear-gradient(180deg,rgb(255 255 255 / 72%) 1px,transparent 1px),repeating-linear-gradient(135deg,rgb(43 25 34 / 2.2%) 0 1px,transparent 1px 22px),linear-gradient(180deg,#fff9fa 0%,#fff0f4 58%,#f8f4f5 100%);background-size:36px 36px,36px 36px,auto,auto} button,input,select,textarea{font:inherit} button,a{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease} button{cursor:pointer} button:disabled{cursor:not-allowed;opacity:.55} input,select,textarea{width:100%;min-height:46px;border:1px solid var(--borderStrong);border-radius:14px;padding:10px 13px;background:#fff;color:var(--textPrimary);outline:none} input:focus,select:focus,textarea:focus{border-color:rgb(216 46 82 / 55%);box-shadow:0 0 0 3px rgb(216 46 82 / 12%)} input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:0;padding:0;border-radius:4px;box-shadow:none;accent-color:var(--primary);cursor:pointer} label{display:grid;gap:7px;color:var(--textSecondary);font-size:13px;font-weight:700} [hidden]{display:none!important}.pageDecor{position:fixed;inset:0;pointer-events:none}.pageDecor:before,.pageDecor:after{content:"";position:absolute;opacity:.27}.pageDecor:before{top:76px;right:8%;width:240px;height:120px;background:linear-gradient(135deg,transparent 46%,rgb(216 46 82 / 20%) 47% 53%,transparent 54%),linear-gradient(45deg,transparent 46%,rgb(240 75 134 / 16%) 47% 53%,transparent 54%)}.pageDecor:after{bottom:58px;left:16%;width:190px;height:110px;background:linear-gradient(135deg,transparent 46%,rgb(41 199 216 / 16%) 47% 53%,transparent 54%),linear-gradient(45deg,transparent 46%,rgb(53 185 135 / 14%) 47% 53%,transparent 54%)}
.primaryButton,.secondaryButton,.dangerButton,.iconButton,.copyButton{width:max-content;max-width:100%;min-height:42px;border:1px solid transparent;border-radius:13px;padding:9px 16px;font-weight:800}.primaryButton{color:#fff;background:var(--gradient);box-shadow:0 10px 24px rgb(216 46 82 / 20%)}.primaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadowHover)}.secondaryButton{color:var(--primaryDark);border-color:rgb(216 46 82 / 20%);background:#fff}.secondaryButton:hover{border-color:rgb(216 46 82 / 42%);background:var(--primaryLight)}.dangerButton{color:#a64655;border-color:rgb(245 142 142 / 28%);background:#fff4f5}.iconButton,.copyButton{min-height:36px;padding:6px 10px;white-space:nowrap;color:var(--primaryDark);background:transparent}.wideButton{width:100%;min-height:48px}.eyebrow{margin:0 0 7px;color:var(--primaryDark);font-size:12px;font-weight:900;letter-spacing:.14em}.subtitle{color:var(--textMuted)}.formError,.pageNotice{min-height:20px;margin:7px 0;color:#b94a5a;font-size:13px}.pageNotice{color:#31845c}.surface{border:1px solid var(--border);border-radius:16px;background:var(--cardGradient);box-shadow:var(--shadow);overflow:hidden}.emptyRow,.emptyState{padding:38px 18px;text-align:center;color:var(--textMuted)}
.actionFeedback{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 28px));min-height:48px;border:1px solid rgb(53 185 135 / 28%);border-radius:15px;padding:11px 16px;background:rgb(255 255 255 / 96%);color:#276e51;box-shadow:0 18px 44px rgb(53 31 43 / 18%);backdrop-filter:blur(16px);animation:panelIn .2s ease}.actionFeedback>span{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:rgb(53 185 135 / 14%);font-weight:900}.actionFeedback[data-tone="error"]{border-color:rgb(245 142 142 / 38%);color:#a64655}.actionFeedback[data-tone="error"]>span{background:rgb(245 142 142 / 16%)}
.loginLayout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(340px,.94fr) minmax(390px,1.06fr);width:min(820px,calc(100% - 40px));min-height:480px;margin:4vh auto;overflow:hidden;border:1px solid rgb(239 214 223 / 94%);border-radius:24px;background:rgb(255 255 255 / 92%);box-shadow:0 22px 56px rgb(216 46 82 / 16%);backdrop-filter:blur(18px);animation:panelIn .26s ease both}.loginLayout:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient)}.loginVisual{position:relative;display:flex;min-width:0;flex-direction:column;padding:22px 24px 18px;overflow:hidden;background:linear-gradient(180deg,rgb(255 240 246 / 92%),rgb(255 232 239 / 72%)),#fff}.applicationBrand{display:flex;align-items:center;gap:12px}.brandMark{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:50%;background:var(--gradient);color:#fff;font-size:23px;font-weight:900;box-shadow:0 12px 28px rgb(216 46 82 / 24%)}.brandMark.small{flex-basis:44px;width:44px;height:44px}.applicationBrand strong,.applicationBrand small{display:block}.applicationBrand strong{color:var(--textPrimary);font-size:16px}.applicationBrand small{margin-top:3px;color:var(--textMuted)}.loginIllustration{display:grid;flex:1;min-height:0;place-items:center;overflow:hidden}.sprakMascot{display:block;width:auto;max-width:100%;height:min(360px,43vh);object-fit:contain;filter:drop-shadow(0 22px 28px rgb(53 31 43 / 20%));animation:breathe 8.8s ease-in-out infinite;transition:filter .2s ease,transform .2s ease}.loginIllustration[data-state="submitting"] .sprakMascot{animation-duration:1.8s}.loginIllustration[data-state="failed"] .sprakMascot{animation:shake .3s ease}.loginIllustration[data-state="success"] .sprakMascot{filter:drop-shadow(0 22px 28px rgb(53 185 135 / 28%)) saturate(1.08)}.scenePill{align-self:center;padding:7px 16px;border:1px solid rgb(216 46 82 / 16%);border-radius:999px;background:rgb(255 255 255 / 76%);font-size:13px;font-weight:800}.loginPanel{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:30px 40px;background:var(--cardGradient)}.loginPanel h1{margin:0;color:var(--textPrimary);font-size:32px}.loginForm{display:grid;gap:13px;margin-top:20px}.inputCard{display:flex;align-items:center;min-height:50px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.inputCard:focus-within{transform:translateY(-2px);border-color:rgb(216 46 82 / 48%);box-shadow:var(--shadowHover)}.inputCard input{min-width:0;border:0;box-shadow:none}#togglePassword{min-width:50px}.inputIcon{display:grid;flex:0 0 48px;place-items:center;color:var(--primaryDark)}.inputIcon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.setupLayout{position:relative;z-index:1;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.setupSidebar{display:flex;min-height:100vh;flex-direction:column;gap:24px;padding:30px 22px;border-right:1px solid rgb(239 214 223 / 90%);background:rgb(255 255 255 / 94%);box-shadow:8px 0 30px rgb(216 46 82 / 8%);backdrop-filter:blur(16px)}.setupSidebar h1{margin:0;color:var(--textPrimary);font-size:21px}.setupSidebar p:not(.eyebrow){margin:7px 0 0;color:var(--textMuted);font-size:13px;line-height:1.65}.setupSteps{display:grid;gap:9px;margin:0;padding:0;list-style:none}.setupSteps li{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid transparent;border-radius:15px;padding:10px 13px;color:var(--textSecondary)}.setupSteps li:before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:99px;background:transparent}.setupSteps li>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--primaryLight);color:var(--primaryDark);font-size:12px;font-weight:900}.setupSteps li[aria-current="step"]{border-color:rgb(216 46 82 / 16%);background:var(--primaryLight);color:var(--textPrimary);box-shadow:var(--shadow)}.setupSteps li[aria-current="step"]:before,.setupSteps li[aria-current="step"]>span{background:var(--gradient)}.setupSteps li[aria-current="step"]>span{color:#fff}.setupMascot{display:grid;margin-top:auto;place-items:center;padding:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgb(255 240 246 / 88%),rgb(255 255 255 / 78%));box-shadow:var(--shadow)}.setupMascot img{display:block;width:auto;height:190px;object-fit:contain;filter:drop-shadow(0 14px 18px rgb(53 31 43 / 16%))}.setupMascot span{margin-top:8px;color:var(--textMuted);font-size:12px;font-weight:800;text-align:center}.setupMain{display:grid;min-width:0;place-items:center;padding:38px}.setupCard{width:min(880px,100%);overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--cardGradient);box-shadow:0 18px 52px rgb(216 46 82 / 13%);animation:panelIn .26s ease both}.setupCard:before{content:"";display:block;height:4px;background:var(--gradient)}.setupHeader{padding:28px 32px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgb(255 240 245 / 72%),rgb(255 255 255 / 64%))}.setupHeader h2{margin:0;color:var(--textPrimary);font-size:27px}.setupHeader p:not(.eyebrow){max-width:700px;margin:8px 0 0;line-height:1.7}.setupBody{padding:28px 32px 32px}.setupCheckGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setupCheckGrid>div{min-height:96px;padding:17px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.setupCheckGrid strong,.setupCheckGrid span{display:block}.setupCheckGrid strong{color:var(--textPrimary)}.setupCheckGrid span{width:max-content;margin-top:10px;border-radius:999px;padding:4px 10px;background:rgb(53 185 135 / 13%);color:#2d875f;font-size:12px;font-weight:900}.setupFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setupFormGrid .fullSpan{grid-column:1/-1}.setupNote{margin-top:18px;border:1px solid rgb(41 199 216 / 28%);border-radius:14px;padding:14px 16px;background:linear-gradient(135deg,rgb(41 199 216 / 9%),rgb(53 185 135 / 8%));line-height:1.7}.setupActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.setupCompleteMark{display:grid;width:72px;height:72px;margin:2px auto 22px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#35b987,#29c7d8);color:#fff;font-size:36px;font-weight:900;box-shadow:0 14px 30px rgb(53 185 135 / 24%)}.setupResult{display:flex;align-items:center;justify-content:space-between;gap:18px;border-block:1px solid var(--border);padding:16px 2px}.setupResult strong{color:var(--textPrimary)}
.portalShell{position:relative;z-index:1;width:min(1460px,calc(100% - 48px));margin:0 auto;padding:24px 0 52px}.portalHeader,.pageHeading,.sectionHeader,.queryBar,.batchBar,.headerActions,.serviceControls,.urlBox{display:flex;align-items:center;gap:12px}.portalHeader,.pageHeading,.sectionHeader{justify-content:space-between}.portalHeader{display:grid;grid-template-columns:minmax(260px,1fr) 72px auto;align-items:center;column-gap:18px}.portalMascot{width:68px;height:92px;margin:0 auto;object-fit:contain;object-position:50% 22%;filter:drop-shadow(0 8px 12px rgb(53 31 43 / 14%))}.portalHeader h1,.pageHeading h1{margin:0;color:var(--textPrimary);font-size:30px}.portalHeader p,.pageHeading p{margin:5px 0 0}.headerActions{flex-wrap:wrap;justify-content:flex-end}.headerActions input{width:230px}.headerActions select{width:140px}.applicationGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),360px));justify-content:start;gap:16px;margin-top:18px}.applicationCard{position:relative;min-height:184px;padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--cardGradient);box-shadow:var(--shadow);overflow:hidden}.applicationCard:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient)}.applicationCard:hover{transform:translateY(-2px);box-shadow:var(--shadowHover)}.cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cardHead h2{margin:0;color:var(--textPrimary);font-size:19px}.cardHead p{margin:6px 0 0;color:var(--textMuted);font-size:12px}.statusLabel,.stateBadge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:var(--primaryLight);font-size:12px;font-weight:900}.statusDot{width:9px;height:9px;border-radius:50%;background:#c7bccf}.statusDot.running{background:var(--success);box-shadow:0 0 0 3px rgb(53 185 135 / 20%)}.statusDot.failed{background:var(--danger)}.cardMetrics,.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cardMetrics{margin:14px 0}.metricItem,.metricCard{padding:9px;border:1px solid rgb(239 214 223 / 80%);border-radius:14px;background:rgb(255 255 255 / 76%)}.metricItem span,.metricCard span{display:block;color:var(--textMuted);font-size:12px}.metricItem strong,.metricCard strong{display:block;margin-top:6px;color:var(--textPrimary);font-size:18px}.cardFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardFooter small{color:var(--textMuted)}.emptyState{display:grid;place-items:center;gap:10px;margin-top:28px;border:1px dashed rgb(216 46 82 / 40%);border-radius:18px;background:var(--softGradient)}
.applicationLayout{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.applicationSidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:0 14px 18px;border-right:1px solid rgb(239 214 223 / 90%);background:rgb(255 255 255 / 94%);box-shadow:8px 0 30px rgb(216 46 82 / 8%);backdrop-filter:blur(16px)}.applicationBrand{min-height:76px;margin:0 -14px;padding:0 18px;border:0;border-bottom:1px solid var(--border);background:rgb(255 247 249 / 46%);color:var(--textPrimary);text-align:left}.sidebarState{display:flex;align-items:center;gap:8px;margin:17px 6px 8px;padding:10px 12px;border-radius:14px;background:var(--primaryLight);font-weight:800}.applicationNavigation{display:grid;gap:8px;margin-top:8px}.applicationNavigation button{position:relative;display:flex;align-items:center;gap:11px;width:100%;height:46px;border:1px solid rgb(239 214 223 / 55%);border-radius:16px;padding:0 18px;background:rgb(255 247 249 / 46%);color:var(--textSecondary);font-weight:800;text-align:left}.applicationNavigation button:hover,.applicationNavigation button[aria-current="page"]{transform:translateX(3px);background:var(--primaryLight);color:var(--primaryDark)}.applicationNavigation button[aria-current="page"]:before{content:"";position:absolute;left:6px;width:3px;height:24px;border-radius:999px;background:var(--gradient)}.sidebarLogout{margin-top:auto}.applicationMain{min-width:0}.applicationContent{width:min(1440px,100%);margin:0 auto;padding:26px 28px 52px}.mobileHeader{display:none}.pageHeading{margin-bottom:20px}.metricGrid{grid-template-columns:repeat(6,minmax(130px,1fr));margin-bottom:18px}.metricCard{background:var(--cardGradient);box-shadow:var(--shadow)}.sectionHeader{min-height:70px;padding:15px 18px;border-bottom:1px solid var(--border)}.sectionHeader strong,.sectionHeader span{display:block}.sectionHeader strong{color:var(--textPrimary);font-size:16px}.sectionHeader span{margin-top:4px;color:var(--textMuted);font-size:12px}.chartPanel{margin-bottom:18px;padding-bottom:14px}.chartPanel canvas{display:block;width:calc(100% - 36px);margin:15px 18px}.chartLegend{display:flex;justify-content:center;gap:22px;font-size:12px}.chartLegend i{display:inline-block;width:20px;height:3px;margin-right:7px;vertical-align:middle}.chartLegend .purple{background:var(--primary)}.chartLegend .blue{background:var(--info)}.streamStatus{color:var(--textMuted);font-size:12px}.queryBar,.batchBar{padding:14px 16px;border-bottom:1px solid var(--border)}.queryBar input{max-width:320px}.queryBar select{max-width:160px}.batchBar{background:rgb(255 232 239 / 60%)}.batchBar strong{margin-right:auto}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:13px 15px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{background:rgb(255 247 249 / 88%);color:var(--textMuted);font-size:12px;white-space:nowrap}tbody tr:hover{background:rgb(255 232 239 / 35%)}.rowActions{display:flex;flex-wrap:wrap;gap:5px}.rowActions button{min-height:34px;padding:5px 9px;border:0;border-radius:10px;background:var(--primaryLight);color:var(--primaryDark);font-weight:800}.activeRuleCard{margin-bottom:18px;padding:20px}.activeRuleCard strong{color:var(--textPrimary);font-size:18px}.formActions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.interfaceSwitches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settingsCard{display:grid;gap:16px;padding:18px}.settingsCard .sectionHeader{margin:-18px -18px 0}.fullSpan{grid-column:1/-1}.switchRow{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:var(--primaryLight)}.switchCopy{display:block;width:fit-content;max-width:calc(100% - 30px)}.switchRow strong,.switchRow small{display:block}.switchRow small{margin-top:4px;color:var(--textMuted)}.detailList{display:grid;margin:0}.detailList>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.detailList dt{color:var(--textMuted)}.detailList dd{display:flex;align-items:center;gap:8px;margin:0;min-width:0}.detailList code,.urlBox code{min-width:0;overflow-wrap:anywhere}.urlBox{padding:13px;border-radius:14px;background:var(--primaryLight)}.urlBox code{flex:1}.primaryLink{display:inline-flex;min-height:40px;align-items:center;border-radius:12px;padding:8px 14px;background:var(--gradient);color:#fff;font-weight:800;text-decoration:none}
.settingsDisclosure{overflow:hidden}.settingsDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:15px 18px;background:rgb(255 247 249 / 62%);cursor:pointer;list-style:none}.settingsDisclosure>summary::-webkit-details-marker{display:none}.settingsDisclosure>summary:after{content:"展开";flex:0 0 auto;border:1px solid rgb(216 46 82 / 18%);border-radius:999px;padding:5px 10px;color:var(--primaryDark);font-size:12px;font-weight:900}.settingsDisclosure[open]>summary:after{content:"收起"}.settingsDisclosure>summary strong,.settingsDisclosure>summary small{display:block}.settingsDisclosure>summary strong{color:var(--textPrimary);font-size:16px}.settingsDisclosure>summary small{margin-top:5px;color:var(--textMuted)}.settingsDisclosureBody{display:grid;gap:16px;padding:18px;border-top:1px solid var(--border)}.connectionSummary>.sectionHeader{margin:-18px -18px 0}.connectionSummary>.settingsDisclosure{margin:0 -18px -18px;border-top:1px solid var(--border)}.connectionSummary>.settingsDisclosure>summary{min-height:62px}.compactDetails>div:last-child{border-bottom:0}.disclosureActions{display:flex;justify-content:flex-end}.dangerDisclosure>summary{background:rgb(255 244 245 / 72%)}.dangerDisclosure>summary strong{color:#a64655}.dangerDisclosure .settingsDisclosureBody p{margin:0;line-height:1.7}
dialog{width:min(620px,calc(100% - 28px));max-height:calc(100vh - 32px);border:0;border-radius:18px;padding:0;background:#fff;box-shadow:0 24px 70px rgb(53 31 43 / 30%)}dialog::backdrop{background:rgb(53 31 43 / 42%);backdrop-filter:blur(4px)}dialog header,dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--border)}dialog header h2{margin:0;color:var(--textPrimary);font-size:19px}dialog footer{justify-content:flex-end;border-top:1px solid var(--border);border-bottom:0}.dialogBody{display:grid;gap:15px;max-height:calc(100vh - 180px);overflow:auto;padding:20px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wideDialog{width:min(1100px,calc(100% - 28px))}.codeEditor{min-height:52vh;resize:vertical;font-family:"Cascadia Mono",Consolas,monospace;line-height:1.55}
@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes breathe{50%{transform:translateY(-2px) scale(1.008)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:1180px){.metricGrid{grid-template-columns:repeat(3,1fr)}.pageHeading{align-items:flex-start;flex-direction:column}.applicationContent{padding-inline:22px}}
@media(max-width:840px){.loginLayout{grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr)}.loginPanel{padding:28px 30px}.sprakMascot{height:min(330px,40vh)}.applicationLayout{grid-template-columns:1fr}.applicationSidebar{position:fixed;z-index:20;width:260px;transform:translateX(-105%);transition:transform .2s ease}.applicationSidebar.open{transform:none}.mobileHeader{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:58px;padding:8px 16px;border-bottom:1px solid var(--border);background:rgb(255 255 255 / 90%);backdrop-filter:blur(14px)}.settingsGrid{grid-template-columns:1fr}.fullSpan{grid-column:auto}}
@media(max-width:900px){.interfaceSwitches{grid-template-columns:1fr}.portalHeader{grid-template-columns:1fr 64px}.headerActions{grid-column:1/-1;justify-content:flex-start}.portalMascot{grid-column:2;grid-row:1}}@media(max-width:680px){.loginLayout{display:block;width:min(100% - 28px,460px);min-height:0;margin:24px auto}.loginVisual{min-height:122px;padding:20px}.loginIllustration{display:none}.scenePill{margin-top:16px}.loginPanel{padding:30px 22px}.portalShell{width:calc(100% - 28px);padding-top:24px}.headerActions{display:grid;width:100%;grid-template-columns:1fr}.headerActions input,.headerActions select{width:100%}.applicationContent{padding:24px 12px 50px}.metricGrid,.cardMetrics,.formGrid{grid-template-columns:1fr 1fr}.queryBar{align-items:stretch;flex-direction:column}.queryBar input,.queryBar select{max-width:none}.detailList>div{grid-template-columns:1fr}.urlBox{align-items:stretch;flex-direction:column}}
@media(max-width:860px){.setupLayout{grid-template-columns:1fr}.setupSidebar{min-height:auto;padding:22px}.setupSteps{grid-template-columns:repeat(4,minmax(0,1fr))}.setupSteps li{justify-content:center;padding:9px}.setupSteps li strong{display:none}.setupMascot{display:none}.setupMain{padding:22px}}@media(max-width:620px){.setupMain{padding:14px}.setupHeader,.setupBody{padding-right:20px;padding-left:20px}.setupCheckGrid,.setupFormGrid{grid-template-columns:1fr}.setupFormGrid .fullSpan{grid-column:auto}.setupActions{align-items:stretch;flex-direction:column-reverse}.setupActions button{width:100%}.setupResult{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}