.realtime-trend-chart[data-v-3386ee96]{width:100%;height:220px}@media(max-width:900px){.realtime-trend-chart[data-v-3386ee96]{height:190px}}.dns-overview-shell[data-v-7e718da1]{display:flex;flex-direction:column;gap:0;width:100%;margin:0}.trend-card[data-v-7e718da1]{width:100%;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(circle at 7% 0,var(--surface-hover),transparent 46%),linear-gradient(165deg,var(--surface-soft-2) 0%,var(--panel) 72%);box-shadow:0 10px 18px #121c2817;padding:10px 12px 9px;color:var(--ink-0)}.trend-hover-zone[data-v-7e718da1]{display:flex;flex-direction:column;gap:1px;width:fit-content;max-width:100%;border-radius:12px}.trend-hover-zone.open .trend-title-trigger[data-v-7e718da1],.trend-hover-zone:hover .trend-title-trigger[data-v-7e718da1]{color:var(--brand)}.trend-card-header[data-v-7e718da1]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:2px}.trend-title[data-v-7e718da1]{display:inline-flex;align-items:center;gap:8px}.trend-title-trigger[data-v-7e718da1]{appearance:none;border:none;background:transparent;padding:0;color:var(--ink-0);cursor:pointer;transition:color .16s ease,transform .16s ease}.trend-title-trigger[data-v-7e718da1]:hover,.trend-title-trigger.open[data-v-7e718da1],.trend-title-trigger:hover .trend-icon[data-v-7e718da1],.trend-title-trigger.open .trend-icon[data-v-7e718da1]{color:var(--brand)}.trend-title h3[data-v-7e718da1]{margin:0;font-size:.94rem;color:inherit}.trend-popover-caret[data-v-7e718da1]{display:inline-block;margin-left:-2px;font-size:.82rem;transform-origin:center;transition:transform .18s ease;opacity:.78}.trend-title-trigger.open .trend-popover-caret[data-v-7e718da1]{transform:rotate(180deg)}.trend-icon[data-v-7e718da1]{color:var(--ink-0);font-size:.86rem}.trend-metrics[data-v-7e718da1]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:6px}.kpi-main[data-v-7e718da1]{display:inline-flex;align-items:flex-start;gap:clamp(10px,1.4vw,22px);padding-left:34px;min-width:0;flex-wrap:nowrap}.kpi-item[data-v-7e718da1]{min-width:0;flex:0 1 auto}.kpi-item.total-queries[data-v-7e718da1],.kpi-item.average-latency[data-v-7e718da1]{min-width:fit-content}.kpi-value[data-v-7e718da1]{margin:0;font-size:clamp(1.2rem,2.2vw,1.72rem);line-height:1.1;font-weight:700;color:var(--ink-0)}.kpi-value.accent[data-v-7e718da1]{color:var(--ink-0)}.kpi-label[data-v-7e718da1]{margin:3px 0 0;color:var(--ink-1);font-size:.76rem;letter-spacing:.02em}.kpi-side[data-v-7e718da1]{display:flex;flex-direction:column;gap:6px;min-width:max-content;justify-self:end}.side-item[data-v-7e718da1]{display:inline-flex;align-items:baseline;gap:2px}.side-label[data-v-7e718da1]{margin:0;color:var(--ink-1);font-size:.75rem;white-space:nowrap}.side-value[data-v-7e718da1]{margin:0;color:var(--ink-0);font-size:.9rem;font-weight:600;white-space:nowrap}.side-value.accent[data-v-7e718da1]{color:var(--ink-0)}.series-toggle-row[data-v-7e718da1]{margin-top:4px;display:flex;gap:6px;flex-wrap:wrap;padding-left:22px}.series-toggle-btn[data-v-7e718da1]{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-1);font-size:.74rem;font-weight:600;line-height:1;padding:5px 9px;cursor:pointer;transition:all .16s ease}.series-toggle-btn .series-dot[data-v-7e718da1]{width:8px;height:8px;border-radius:999px;display:inline-block;opacity:.65}.series-toggle-btn.request .series-dot[data-v-7e718da1]{background:#5da8ff}.series-toggle-btn.latency .series-dot[data-v-7e718da1]{background:#40d889}.series-toggle-btn[data-v-7e718da1]:hover{border-color:var(--brand)}.series-toggle-btn.selected[data-v-7e718da1]{background:var(--surface-active);color:var(--ink-0);border-color:var(--brand)}.series-toggle-btn.selected .series-dot[data-v-7e718da1]{opacity:1}.trend-foot[data-v-7e718da1]{margin-top:4px;display:flex;justify-content:flex-end;gap:8px;align-items:center;min-height:16px}.muted-text[data-v-7e718da1]{color:var(--ink-1);font-size:.74rem}.warn-text[data-v-7e718da1]{color:var(--warn);font-size:.74rem}.trend-popover-panel[data-v-7e718da1]{position:fixed;z-index:1200;width:min(402px,calc(100vw - 24px));max-height:calc(100vh - 24px);border-radius:11px;border:1px solid var(--trend-popover-border);background:var(--trend-popover-bg);color:var(--trend-popover-ink);box-shadow:var(--trend-popover-shadow);backdrop-filter:var(--trend-popover-backdrop-filter, blur(13px) saturate(145%));-webkit-backdrop-filter:var(--trend-popover-backdrop-filter, blur(13px) saturate(145%));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:calc(4px * var(--trend-popover-scale, 1)) calc(5px * var(--trend-popover-scale, 1))}.trend-popover-panel.theme-light[data-v-7e718da1]{--trend-popover-bg: #ffffff;--trend-popover-border: rgba(148, 163, 184, .34);--trend-popover-ink: #1f2937;--trend-popover-muted: #5f6b7a;--trend-popover-accent: #0f5f55;--trend-popover-shadow: 0 18px 34px rgba(15, 23, 42, .12), 0 8px 18px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .92);--trend-popover-state-bg: rgba(248, 250, 252, .98);--trend-popover-window-bg: linear-gradient(180deg, rgba(250, 252, 251, .98) 0%, rgba(244, 247, 245, .98) 100%);--trend-popover-divider: rgba(148, 163, 184, .18);--trend-popover-backdrop-filter: none}.trend-popover-panel.theme-dark[data-v-7e718da1]{--trend-popover-bg: linear-gradient(180deg, rgba(48, 62, 82, .99) 0%, rgba(39, 52, 70, .99) 100%);--trend-popover-border: rgba(96, 165, 250, .24);--trend-popover-ink: #eef4ff;--trend-popover-muted: #aebcd0;--trend-popover-accent: #68e0a8;--trend-popover-shadow: 0 18px 34px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);--trend-popover-state-bg: rgba(19, 31, 45, .5);--trend-popover-window-bg: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .015) 100%);--trend-popover-divider: rgba(96, 165, 250, .16);--trend-popover-backdrop-filter: blur(13px) saturate(145%)}.trend-popover-panel[data-v-7e718da1]:before{content:"";position:absolute;top:calc(var(--trend-popover-arrow-top) - 7px);width:14px;height:14px;border-top:1px solid var(--trend-popover-border);border-left:1px solid var(--trend-popover-border);background:var(--trend-popover-bg);transform:rotate(45deg)}.trend-popover-panel.placement-right[data-v-7e718da1]:before{left:-8px}.trend-popover-panel.placement-left[data-v-7e718da1]:before{right:-8px;transform:rotate(225deg)}.trend-popover-state[data-v-7e718da1]{border-radius:8px;background:var(--trend-popover-state-bg);color:var(--trend-popover-muted);font-size:.7rem;padding:7px 8px;box-shadow:inset 0 1px #ffffff73}.trend-popover-state.error[data-v-7e718da1]{background:#f871711f;color:#b42318}.trend-popover-grid[data-v-7e718da1]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:100%;align-items:stretch}.trend-window-card[data-v-7e718da1]{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:calc(3px * var(--trend-popover-scale, 1)) calc(5px * var(--trend-popover-scale, 1)) calc(4px * var(--trend-popover-scale, 1));border-right:1px solid var(--trend-popover-divider);background:var(--trend-popover-window-bg)}.trend-window-card[data-v-7e718da1]:last-child{border-right:none}.trend-window-card h5[data-v-7e718da1]{margin:0;color:var(--trend-popover-muted);font-size:calc(.59rem * var(--trend-popover-scale, 1));font-weight:600}.trend-window-row[data-v-7e718da1]{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-top:calc(2px * var(--trend-popover-scale, 1))}.trend-window-meta[data-v-7e718da1]{color:var(--trend-popover-muted);font-size:calc(.55rem * var(--trend-popover-scale, 1));line-height:1.1;white-space:nowrap}.trend-window-number[data-v-7e718da1]{color:var(--trend-popover-ink);font-size:calc(.68rem * var(--trend-popover-scale, 1));line-height:1.08;font-weight:700;letter-spacing:-.01em;text-align:right;white-space:nowrap}.trend-window-latency[data-v-7e718da1]{color:var(--trend-popover-accent);font-size:calc(.62rem * var(--trend-popover-scale, 1));line-height:1.08;font-weight:700;letter-spacing:-.01em;text-align:right;white-space:nowrap}.trend-popover-enter-active[data-v-7e718da1],.trend-popover-leave-active[data-v-7e718da1]{transition:opacity .18s ease,transform .22s ease}.trend-popover-enter-from[data-v-7e718da1],.trend-popover-leave-to[data-v-7e718da1]{opacity:0;transform:translateY(-4px) scale(.98)}.trend-popover-panel.placement-right.trend-popover-enter-from[data-v-7e718da1],.trend-popover-panel.placement-right.trend-popover-leave-to[data-v-7e718da1]{transform:translate(-8px) scale(.98)}.trend-popover-panel.placement-left.trend-popover-enter-from[data-v-7e718da1],.trend-popover-panel.placement-left.trend-popover-leave-to[data-v-7e718da1]{transform:translate(8px) scale(.98)}@media(max-width:1100px){.kpi-main[data-v-7e718da1]{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(8px,1.8vw,16px);padding-left:20px}.kpi-item[data-v-7e718da1]{flex:0 0 auto}.kpi-item.total-queries[data-v-7e718da1],.kpi-item.average-latency[data-v-7e718da1]{min-width:fit-content}.kpi-side[data-v-7e718da1]{justify-self:end}.series-toggle-row[data-v-7e718da1]{padding-left:18px}}@media(max-width:760px){.trend-hover-zone[data-v-7e718da1]{width:100%}.trend-card-header[data-v-7e718da1]{gap:8px}.dns-overview-header[data-v-7e718da1]{flex-wrap:wrap}.trend-metrics[data-v-7e718da1]{grid-template-columns:minmax(0,1fr) auto;gap:10px}.kpi-value[data-v-7e718da1]{font-size:clamp(1.08rem,4.4vw,1.44rem)}.kpi-label[data-v-7e718da1]{font-size:.72rem}.side-label[data-v-7e718da1],.side-value[data-v-7e718da1]{font-size:.76rem}.trend-popover-panel[data-v-7e718da1]{width:min(304px,calc(100vw - 18px));padding:6px}.series-toggle-row[data-v-7e718da1]{padding-left:12px}.trend-popover-grid[data-v-7e718da1]{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;height:auto}.trend-window-card[data-v-7e718da1]{padding:7px 9px 8px;border:1px solid var(--trend-popover-divider);border-radius:8px;background:var(--trend-popover-window-bg)}}@media(max-width:420px){.trend-popover-panel[data-v-7e718da1]{width:min(276px,calc(100vw - 16px))}.trend-popover-grid[data-v-7e718da1]{grid-template-columns:1fr}}:root{--bg-0: #f4f5ef;--bg-1: #fdfcf7;--bg-spot-1: #dbe9e5;--bg-spot-2: #f5ebd7;--ink-0: #1e252b;--ink-1: #55606a;--panel: #ffffff;--line: #d9dee4;--brand: #0f766e;--brand-2: #115e59;--brand-rgb: 15, 118, 110;--brand-2-rgb: 17, 94, 89;--danger: #b42318;--warn: #b54708;--ok: #027a48;--surface-elevated: #ffffffd9;--surface-soft: #fbfbfb;--surface-soft-2: #f8fbfa;--surface-hover: #ecfeff;--surface-head: #f7f9fb;--surface-head-hover: #eef4f8;--surface-input: #ffffff;--surface-side: #f9fafb;--surface-active: #eaf5f3;--table-line: #edf0f3;--switch-off-bg: #4a4a50;--switch-off-border: #54545c;--switch-off-shadow: rgba(15, 23, 42, .18);--switch-on-bg-top: #5ced9c;--switch-on-bg: #40d889;--switch-on-border: #35c47a;--switch-on-shadow: rgba(64, 216, 137, .26);--switch-knob: #ffffff;--switch-knob-on: #ffffff;--menu-bg: #ffffff;--menu-text: #111827;--menu-border: #d1d5db;--menu-hover-bg: #f3f4f6;--menu-active-bg: #111827;--menu-active-text: #ffffff;--menu-active-border: #111827;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--page-first-row-h: 60px;--hero-gradient: linear-gradient(110deg, #0f766e, #0b4f56 65%, #1f2a36);--page-bg-image: none;--page-bg-solid-color: transparent;--page-bg-mask-opacity: 0;--panel-glass-opacity: .9;--panel-glass-blur: 10px;--panel-glass-transparency: 90;--panel-primary-alpha: .9;--panel-primary-hover-alpha: .9;--panel-switch-knob-alpha: .9;--panel-glass-rgb: 255, 255, 255;--panel-glass-border-rgb: 148, 163, 184;--panel-btn-text: #111827;--tone-on-light: #111827;--tone-on-light-muted: #475467;--tone-on-light-warn: #92400e;--tone-on-light-danger: #991b1b}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:IBM Plex Sans,Source Han Sans SC,PingFang SC,Segoe UI,sans-serif;color:var(--ink-0);background:radial-gradient(circle at 10% 10%,var(--bg-spot-1) 0%,transparent 30%),radial-gradient(circle at 90% 0%,var(--bg-spot-2) 0%,transparent 35%),linear-gradient(180deg,var(--bg-1),var(--bg-0));min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background-color:var(--page-bg-solid-color);background-image:var(--page-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0}body:after{content:none!important;display:none!important}#app{min-height:100vh;position:relative;z-index:1}.app-shell{width:min(1240px,96vw);margin:0 auto;padding:28px 0 40px}.top-strip{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:relative}.hero{background:var(--hero-gradient);color:#f7fffe;border-radius:18px;padding:24px;box-shadow:0 12px 26px #06232633}.hero h1{margin:0;font-size:clamp(1.4rem,2.4vw,2.1rem);letter-spacing:.02em}.hero-text{margin:0;color:#f5fffdeb}.badge{margin:0;display:inline-block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#fff3}.hero.compact{min-width:245px;width:245px;padding:12px 14px;border-radius:12px;box-shadow:0 8px 16px #0623262e}.hero.compact h1{font-size:1.05rem;line-height:1.3}.top-inline-notice{position:absolute;top:50%;right:54px;left:auto;width:fit-content;max-width:min(420px,34vw);transform:translateY(-50%);margin:0;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-elevated);color:var(--ink-0);box-shadow:0 8px 18px #0f172a29;font-size:.86rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:20}.top-inline-notice.error{border-color:#fecdca;background:#fef3f2;color:#111827}.top-inline-notice.success{border-color:#abefc6;background:#ecfdf3;color:var(--tone-on-light)}.top-inline-notice-fade-enter-active,.top-inline-notice-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.top-inline-notice-fade-enter-from,.top-inline-notice-fade-leave-to{opacity:0;transform:translateY(-46%)}.tab-bar,.legacy-main-nav{margin:16px 0;display:flex;gap:8px;flex-wrap:wrap}.legacy-main-nav.compact{margin:0;flex:1;border:none;border-radius:0;background:transparent;box-shadow:none;padding:0}.main-refresh-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface-elevated);color:var(--brand-2);font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 6px 14px #121c280f}.main-refresh-btn:hover{background:var(--surface-hover);border-color:var(--brand)}.legacy-main-btn{border:1px solid var(--menu-border);background:var(--menu-bg);color:var(--menu-text);border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:all .2s ease}.legacy-main-btn:hover{transform:translateY(-1px);background:var(--menu-hover-bg)}.legacy-main-btn.active{border-color:var(--menu-active-border);color:var(--menu-active-text);background:var(--menu-active-bg)}.legacy-main-btn.refresh-inline-btn{min-width:42px;width:42px;padding:10px 0;font-size:1.4rem;font-weight:700;line-height:1;color:var(--menu-text);display:inline-flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}.legacy-sub-nav{display:flex;gap:8px;flex-wrap:nowrap;min-height:0;height:100%;align-items:center}.legacy-sub-btn{border:1px solid var(--menu-border);background:var(--menu-bg);color:var(--menu-text);border-radius:9px;min-height:34px;height:34px;padding:0 12px;line-height:34px;font-size:.86rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.legacy-sub-btn.active{border-color:var(--menu-active-border);color:var(--menu-active-text);background:var(--menu-active-bg)}.tab-bar.inner{margin:10px 0 14px}.tab-btn{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-1);border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{transform:translateY(-1px)}.tab-btn.active{border-color:var(--brand);color:var(--ink-0);background:var(--surface-active)}.main-body{display:flex;flex-direction:column;gap:14px;min-width:0}.page-shell{display:flex;flex-direction:column;gap:12px;min-width:0;animation:pageFadeIn .25s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-subnav-panel{height:var(--page-first-row-h);padding:10px 12px;display:flex;align-items:center}.page-subnav-strip{min-height:var(--page-first-row-h);display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 2px 8px}.page-subnav-strip .legacy-sub-btn{font-size:.92rem;min-height:36px;height:36px;line-height:36px;padding:0 14px}.page-subnav-head{width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap}.page-subnav-title{margin:0;font-size:.94rem;font-weight:700;line-height:1.2;color:var(--ink-0)}.page-subnav-nav{margin-left:0;justify-content:flex-start;width:100%;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-subnav-nav::-webkit-scrollbar{display:none}.page-subnav-panel--title-only .page-subnav-head{justify-content:flex-start}.rules-shell,.upstream-shell{display:flex;flex-direction:column;gap:14px}.sub-panel{margin-top:8px;display:flex;flex-direction:column;gap:10px}.placeholder-panel{min-height:220px}.placeholder-panel h3{margin:0;font-size:1.05rem}.overview-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft-2);padding:12px}.overview-card h3{margin:0;font-size:.9rem;color:var(--ink-1)}.overview-value{margin:8px 0 0;font-size:1.72rem;line-height:1.18;font-weight:700}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.query-search{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-bottom:8px}.log-row{cursor:pointer}.log-row.selected,.log-row.selected:hover{background:var(--surface-active)}.log-detail-box{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}.log-detail-box h4{margin:0 0 8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.detail-grid>div{min-width:0;line-height:1.5}.detail-inline-actions{display:inline-flex;align-items:center;gap:6px;margin-left:8px;vertical-align:middle}.diagnostic-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.diagnostic-toolbar label{color:var(--ink-1);font-weight:600}.diagnostic-toolbar input{width:110px}.diagnostic-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:12px;margin-top:12px}.diagnostic-pane{min-width:0}.diagnostic-request-list{max-height:640px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface-input)}.diagnostic-request-item{width:100%;border:0;border-bottom:1px solid var(--table-line);background:var(--surface-input);text-align:left;cursor:pointer;padding:10px 12px;transition:background .15s ease}.diagnostic-request-item:hover{background:var(--surface-soft-2)}.diagnostic-request-item.active{background:var(--surface-active);box-shadow:inset 3px 0 0 var(--brand)}.diagnostic-request-item .domain{display:block;font-weight:600;color:var(--ink-0);margin-bottom:2px}.diagnostic-request-item .details{display:block;color:var(--ink-1);font-size:.82rem;word-break:break-all}.structured-flow{display:flex;flex-direction:column;gap:10px}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.timeline-header h5{margin:0;font-size:.95rem;min-width:0;word-break:break-word}.structured-log-list{display:flex;flex-direction:column;gap:8px}.log-section-header{margin-top:2px;color:var(--ink-1);font-size:.84rem;font-weight:700}.log-item{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px 10px}.log-item.result-fail{border-color:#fecdca;background:#fef3f2;color:var(--tone-on-light)}.log-item.result-fail .log-item-meta{color:var(--tone-on-light-muted)}.log-item-main{min-width:0;display:flex;align-items:center;gap:8px}.log-item-main .icon{width:20px;text-align:center;font-weight:700;color:var(--brand-2)}.log-item-main .content{min-width:0;word-break:break-all}.log-item-meta{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink-1);font-size:.84rem}.result-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--line);background:var(--surface-side);color:var(--ink-1)}.result-badge.ok{border-color:#abefc6;background:#ecfdf3;color:var(--tone-on-light)}.result-badge.fail{border-color:#fecdca;background:#fef3f2;color:var(--tone-on-light-danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 18px #121c280f;min-width:0}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.panel h2{margin:0;font-size:1.2rem}.muted{color:var(--ink-1);margin:6px 0 0;font-size:.93rem}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:9px;padding:8px 12px;font-weight:600;color:var(--ink-0);cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.primary{background:var(--menu-bg);border-color:var(--menu-border);color:var(--menu-text)}.btn.primary:hover:not(:disabled){background:var(--menu-hover-bg)}.btn.secondary,.btn.warning,.btn.danger{background:var(--menu-bg);border-color:var(--menu-border);color:var(--menu-text)}.btn.secondary:hover:not(:disabled),.btn.warning:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:var(--menu-hover-bg)}.btn.tiny{font-size:.8rem;padding:6px 9px}.btn.no-frame-btn{border:none;background:transparent;color:var(--ink-0);padding:4px 2px;font-weight:700}.btn.no-frame-btn:hover:not(:disabled){background:transparent;color:var(--ink-0);text-decoration:underline}.save-list-btn{font-size:1rem;font-weight:700;padding:8px 14px;border-width:1px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.entry-action-btn{font-size:.92rem;padding:8px 13px}.upstream-filter-toolbar{flex-wrap:nowrap;gap:6px;white-space:nowrap;overflow-x:auto;font-size:.78rem}.upstream-filter-toolbar label{flex:0 0 auto;white-space:nowrap;font-size:.78rem;color:var(--ink-0)}.upstream-filter-toolbar select{width:auto;min-width:76px;max-width:none;flex:0 0 auto;padding:5px 8px;font-size:.78rem}.upstream-filter-toolbar .btn{flex:0 0 auto;white-space:nowrap;font-size:.76rem;line-height:1.2;padding:5px 8px}.upstream-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.upstream-toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.upstream-toolbar-right{flex:1;min-width:min(320px,100%);margin-left:auto}.upstream-special-groups-strip{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.special-groups-title-inline{display:inline-flex;align-items:center;white-space:nowrap;color:var(--ink-0);font-size:.92rem;font-weight:700}.special-groups-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.special-groups-empty{color:var(--ink-1);font-size:.84rem}.special-group-row{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft)}.special-group-name{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:999px;border:1px solid #9ae6b4;background:#f0fdf4;color:var(--tone-on-light);font-size:.95rem;font-weight:700;line-height:1;white-space:nowrap}.special-group-actions{display:flex;align-items:center;gap:5px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;color:inherit;background:var(--surface-input)}textarea{resize:vertical;min-height:120px;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.86rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}.adaptive-table-wrap table{min-width:0;table-layout:fixed}.adaptive-table-wrap th,.adaptive-table-wrap td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th,td{border-bottom:1px solid var(--table-line);text-align:left;padding:10px;font-size:.92rem}th{background:var(--surface-head);position:sticky;top:0;z-index:1;box-shadow:0 1px 0 var(--table-line)}tbody tr{transition:background .15s ease}tbody tr:nth-child(2n){background:var(--surface-soft)}tbody tr:hover{background:var(--surface-hover)}tbody tr:nth-child(2n):hover{background:var(--surface-hover)}:root[data-panel-bg-enabled="1"] tbody tr:nth-child(2n),#app.custom-background tbody tr:nth-child(2n){background:rgba(var(--panel-glass-rgb),calc(var(--panel-glass-opacity) * .82))!important}:root[data-panel-bg-enabled="1"] tbody tr:hover,#app.custom-background tbody tr:hover,:root[data-panel-bg-enabled="1"] tbody tr:nth-child(2n):hover,#app.custom-background tbody tr:nth-child(2n):hover{background:rgba(var(--panel-glass-rgb),var(--panel-primary-hover-alpha))!important}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:var(--surface-head-hover)}.sort-indicator{display:inline-block;width:.95em;color:var(--ink-1)}.text-center{text-align:center}.text-right{text-align:right}.overview-click-row{cursor:pointer}.overview-click-row:hover{background:var(--surface-soft-2)}.table-wrap.overview-table-fit{overflow-x:hidden}.overview-metric-module{min-height:var(--overview-card-min-height, 380px)}.module-scroll-list{max-height:var(--overview-list-max-height, 336px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(128,145,168,.28) transparent}.table-wrap.overview-table-fit.module-scroll-list{max-height:none;overflow:hidden}.module-scroll-list:hover{scrollbar-gutter:stable;scrollbar-color:rgba(128,145,168,.42) transparent}.module-scroll-list::-webkit-scrollbar{width:6px}.module-scroll-list::-webkit-scrollbar-track{background:transparent}.module-scroll-list::-webkit-scrollbar-thumb{border-radius:999px;background:#8091a847}.module-scroll-list:hover::-webkit-scrollbar-thumb{background:#8091a86b}.table-wrap.overview-table-fit table{min-width:0;table-layout:fixed}.table-wrap.overview-table-fit thead,.table-wrap.overview-table-fit tbody tr{display:table;width:100%;table-layout:fixed}.table-wrap.overview-table-fit tbody{display:block;max-height:calc(var(--overview-list-max-height, 336px) - 42px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(128,145,168,.28) transparent}.table-wrap.overview-table-fit tbody::-webkit-scrollbar{width:6px}.table-wrap.overview-table-fit tbody::-webkit-scrollbar-track{background:transparent}.table-wrap.overview-table-fit tbody::-webkit-scrollbar-thumb{border-radius:999px;background:#8091a847}.table-wrap.overview-table-fit th,.table-wrap.overview-table-fit td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.table-wrap.overview-table-fit th{position:static;z-index:auto;background:transparent}.table-wrap.overview-table-fit thead th{box-shadow:0 1px 0 var(--table-line)}.table-wrap.overview-table-fit thead{background:var(--surface-head)}.top-clients-fit th:nth-child(1),.top-clients-fit td:nth-child(1){width:70%}.top-clients-fit th:nth-child(2),.top-clients-fit td:nth-child(2){width:30%;white-space:nowrap}.top-domains-fit th:nth-child(1),.top-domains-fit td:nth-child(1){width:72%}.top-domains-fit th:nth-child(2),.top-domains-fit td:nth-child(2){width:28%;white-space:nowrap}.slowest-fit th:nth-child(1),.slowest-fit td:nth-child(1){width:auto}.slowest-fit th:nth-child(2),.slowest-fit td:nth-child(2){width:64px;min-width:64px;max-width:64px;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:clip}.duration-compact{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:1px;width:100%;min-width:0;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.duration-value{min-width:0;overflow:hidden;text-overflow:clip}.duration-unit{flex:0 0 auto}.top-domains-fit th:nth-child(1),.top-domains-fit td:nth-child(1),.top-clients-fit th:nth-child(1),.top-clients-fit td:nth-child(1),.slowest-fit th:nth-child(1),.slowest-fit td:nth-child(1){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}.top-clients-fit td:nth-child(1)>div,.top-clients-fit td:nth-child(1)>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-set-fit th:nth-child(1),.domain-set-fit td:nth-child(1){width:54%}.domain-set-fit th:nth-child(2),.domain-set-fit td:nth-child(2){width:22%;white-space:nowrap}.domain-set-fit th:nth-child(3),.domain-set-fit td:nth-child(3){width:24%;white-space:nowrap}.domain-set-chart{margin-bottom:10px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center}.domain-set-donut-wrap{position:relative;width:148px;height:148px}.domain-set-donut-svg{width:100%;height:100%;display:block}.domain-set-donut-track,.domain-set-donut-segment{fill:none;stroke-width:16}.domain-set-donut-track{stroke:#e5e7eb}.domain-set-donut-segment{transform:rotate(-90deg);transform-origin:60px 60px;stroke-linecap:butt}.domain-set-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.domain-set-donut-center strong{font-size:1.1rem;line-height:1.2}.domain-set-donut-center span{font-size:.8rem;color:var(--ink-1)}.domain-set-rule{display:inline-flex;align-items:center;gap:0;min-width:0;max-width:100%}.domain-set-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-table{display:inline-block;vertical-align:middle}.top-domain-detail-fit th:nth-child(1),.top-domain-detail-fit td:nth-child(1){width:21%;white-space:nowrap}.top-domain-detail-fit th:nth-child(2),.top-domain-detail-fit td:nth-child(2){width:22%}.top-domain-detail-fit th:nth-child(3),.top-domain-detail-fit td:nth-child(3){width:10%;white-space:nowrap}.top-domain-detail-fit th:nth-child(4),.top-domain-detail-fit td:nth-child(4){width:15%;white-space:nowrap}.top-domain-detail-fit th:nth-child(5),.top-domain-detail-fit td:nth-child(5){width:12%;white-space:nowrap}.top-domain-detail-fit th:nth-child(6),.top-domain-detail-fit td:nth-child(6){width:20%;white-space:nowrap}tr.disabled{opacity:.6}.row-actions{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap}.row-actions .btn{white-space:nowrap}.rules-adguard-table th:nth-child(1),.rules-adguard-table td:nth-child(1){width:64px;text-align:center}.rules-adguard-table th:nth-child(4),.rules-adguard-table td:nth-child(4){width:90px}.rules-adguard-table th:nth-child(5),.rules-adguard-table td:nth-child(5){width:170px}.rules-adguard-table th:nth-child(6),.rules-adguard-table td:nth-child(6){width:198px}.rules-diversion-table th:nth-child(1),.rules-diversion-table td:nth-child(1){width:64px;text-align:center}.rules-diversion-table th:nth-child(2),.rules-diversion-table td:nth-child(2){width:90px}.rules-diversion-table th:nth-child(3),.rules-diversion-table td:nth-child(3){width:140px}.rules-diversion-table th:nth-child(6),.rules-diversion-table td:nth-child(6){width:90px}.rules-diversion-table th:nth-child(7),.rules-diversion-table td:nth-child(7){width:170px}.rules-diversion-table th:nth-child(8),.rules-diversion-table td:nth-child(8){width:198px}.upstream-adaptive-table th:nth-child(1),.upstream-adaptive-table td:nth-child(1){width:64px;text-align:center}.upstream-adaptive-table th:nth-child(2),.upstream-adaptive-table td:nth-child(2){width:86px}.upstream-adaptive-table th:nth-child(3),.upstream-adaptive-table td:nth-child(3){width:126px}.upstream-adaptive-table th:nth-child(4),.upstream-adaptive-table td:nth-child(4){width:82px}.upstream-adaptive-table th:nth-child(5),.upstream-adaptive-table td:nth-child(5),.upstream-adaptive-table th:nth-child(6),.upstream-adaptive-table td:nth-child(6),.upstream-adaptive-table th:nth-child(7),.upstream-adaptive-table td:nth-child(7),.upstream-adaptive-table th:nth-child(8),.upstream-adaptive-table td:nth-child(8),.upstream-adaptive-table th:nth-child(9),.upstream-adaptive-table td:nth-child(9),.upstream-adaptive-table th:nth-child(10),.upstream-adaptive-table td:nth-child(10){width:88px}.upstream-adaptive-table th:nth-child(11),.upstream-adaptive-table td:nth-child(11){width:128px}.cache-adaptive-table th:nth-child(1),.cache-adaptive-table td:nth-child(1){width:22%}.cache-adaptive-table th:nth-child(2),.cache-adaptive-table td:nth-child(2),.cache-adaptive-table th:nth-child(3),.cache-adaptive-table td:nth-child(3),.cache-adaptive-table th:nth-child(4),.cache-adaptive-table td:nth-child(4),.cache-adaptive-table th:nth-child(5),.cache-adaptive-table td:nth-child(5),.cache-adaptive-table th:nth-child(6),.cache-adaptive-table td:nth-child(6){width:11%}.cache-adaptive-table th:nth-child(7),.cache-adaptive-table td:nth-child(7){width:80px}.cache-adaptive-table th:nth-child(8),.cache-adaptive-table td:nth-child(8){width:112px}.domain-stats-table th:nth-child(2),.domain-stats-table td:nth-child(2){width:120px}.replacements-table-wrap,.data-scroll-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%}.replacements-table{min-width:860px}.replacements-table td input{min-width:180px}.cache-table-wrap table{min-width:760px}.domain-stats-table-wrap table{min-width:0}.mono{font-family:JetBrains Mono,monospace;font-size:.83rem}.btn-link{border:0;background:transparent;color:var(--ink-0);font:inherit;font-weight:700;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.empty{text-align:center;color:var(--ink-1);padding:16px}.msg{border-radius:10px;padding:10px 12px;margin:10px 0;font-size:.9rem}.msg.error{border:1px solid #fecdca;background:#fef3f2;color:#111827}.msg.success{border:1px solid #abefc6;background:#ecfdf3;color:var(--tone-on-light)}.confirm-pop-mask{position:fixed;inset:0;z-index:200;background:#0e171f3d;display:flex;align-items:center;justify-content:center;padding:16px}.confirm-pop-bubble{width:min(460px,96vw);border:1px solid var(--line);border-radius:14px;background:var(--surface-input);box-shadow:0 20px 34px #08182847;padding:14px;position:relative}.confirm-pop-bubble:before{content:"";position:absolute;top:-8px;left:34px;width:14px;height:14px;background:var(--surface-input);border-top:1px solid var(--line);border-left:1px solid var(--line);transform:rotate(45deg)}.confirm-pop-bubble h4{margin:0 0 8px;font-size:1rem}.confirm-pop-bubble p{margin:0;color:var(--ink-1);line-height:1.5}.confirm-pop-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.editor{margin-top:14px;border-top:1px dashed var(--line);padding-top:14px}.editor h3{margin:0 0 10px;font-size:1rem}.special-group-modal-card{width:min(560px,96vw);max-height:86vh;overflow:auto}.form-modal-card{width:min(760px,96vw);max-height:86vh;overflow:auto}.upstream-editor-modal-card{width:min(980px,96vw)}.special-group-modal-header{margin-bottom:10px}.special-group-modal-header h3{margin:0;font-size:1.06rem}.special-group-form-grid{grid-template-columns:90px 1fr;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:start}.form-grid label{padding-top:8px;color:var(--ink-1);font-weight:600}.switch-inline{display:flex;gap:8px;align-items:center;padding-top:6px}.switch-inline input{width:auto}.autofill-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.autofill-actions .muted{margin:0;font-size:.84rem}.list-layout{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:stretch}.overview-page,.list-page,.upstream-page{display:flex;flex-direction:column;gap:12px}.list-sidebar{border:1px solid var(--line);border-radius:12px;padding:8px;height:100%;max-height:none;overflow:auto;background:var(--surface-side)}.list-btn{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--ink-0);font-size:.95rem;font-weight:600}.list-btn:hover{background:var(--surface-soft)}.list-btn.active{border-color:var(--ink-0);background:var(--surface-active);color:var(--ink-0)}.unsaved-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warn);margin-left:6px;vertical-align:middle}.list-main{display:flex;flex-direction:column;gap:8px}.list-editor{min-height:460px;border-radius:16px;padding:12px 14px;border-color:rgba(var(--panel-glass-border-rgb),.34);background-clip:padding-box;box-shadow:0 10px 24px #0f172a0f;overflow:auto;clip-path:inset(0 round 16px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(128,145,168,.5) transparent}.list-editor::-webkit-scrollbar{width:10px}.list-editor::-webkit-scrollbar-track{margin:12px 6px 12px 0;border-radius:999px;background:transparent}.list-editor::-webkit-scrollbar-button:vertical:start:decrement,.list-editor::-webkit-scrollbar-button:vertical:end:increment{display:block;height:10px;background:transparent}.list-editor::-webkit-scrollbar-thumb{border-radius:999px;background:#8091a87a;border:2px solid transparent;background-clip:padding-box}.list-footer-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:nowrap}.list-footer-meta{min-width:0;display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap}.list-hint-inline{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:42px;padding:10px 14px;border:1px solid rgba(var(--panel-glass-border-rgb),.42);border-radius:14px;background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity));box-shadow:0 8px 18px #0f172a0f;backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));color:var(--ink-1);font-size:.84rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-status-inline{margin:0!important;flex:0 0 auto}.plain-list{margin:10px 0 0;padding-left:18px;color:var(--ink-1)}.data-panel{display:flex;flex-direction:column;gap:12px}.cache-module{margin-top:0}.cache-module-head{margin-bottom:6px}.cache-clear-btn{font-size:1.02rem;line-height:1.1;padding:7px 12px}.modal-mask{position:fixed;inset:0;z-index:80;background:#0e171f73;display:flex;align-items:center;justify-content:center;padding:18px}.modal-mask-top{z-index:120}.data-view-modal{width:min(1100px,96vw);max-height:min(86vh,900px);overflow:auto}.data-view-search{margin-bottom:10px}.cache-entry-list{display:flex;flex-direction:column;gap:8px}.cache-entry{border:1px solid var(--line);border-radius:10px;background:var(--surface-input);overflow:hidden}.cache-entry summary{cursor:pointer;padding:10px 12px;font-weight:600;background:var(--surface-soft)}.cache-meta-wrap{border:0;border-top:1px solid var(--line);border-radius:0}.cache-meta-wrap table{min-width:100%}.cache-pre{margin:0;padding:10px 12px;border-top:1px solid var(--line);background:#0f172a;color:#e2e8f0;overflow:auto;white-space:pre-wrap;word-break:break-all}.sparkline-mini{margin-top:8px;height:54px}.sparkline-mini svg{width:100%;height:100%;display:block}.overview-big-chart-panel{margin-top:12px}.overview-big-chart{height:260px}.overview-big-chart svg{width:100%;height:100%;display:block}.alias-modal{width:min(980px,96vw)}.alias-manual-grid{margin-bottom:10px}.alias-manual-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;gap:8px;align-items:center}.data-module h3{margin:0;font-size:1.02rem}.requery-status-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:10px}.requery-status-item{display:flex;align-items:center;gap:8px;color:var(--ink-1)}.requery-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:700;border:1px solid var(--line);background:#f8fafc;color:var(--tone-on-light)}.requery-status-chip.idle{color:var(--tone-on-light);border-color:#abefc6;background:#ecfdf3}.requery-status-chip.running{color:var(--tone-on-light-warn);border-color:#fbd3a5;background:#fff7ed}.requery-status-chip.failed{color:var(--tone-on-light-danger);border-color:#fecdca;background:#fef3f2}.requery-status-chip.cancelled{color:var(--tone-on-light-muted)}.requery-progress-wrap{margin:8px 0 10px}.requery-progress-bar{position:relative;height:26px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);overflow:hidden}.requery-progress-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#0f766e,#0b8f84);transition:width .2s ease}.requery-progress-text{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:700;color:#f8fffe;text-shadow:0 1px 2px rgba(0,0,0,.35)}.requery-scheduler{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:12px;margin-bottom:10px}.scheduler-row{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.scheduler-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px 10px;align-items:center}.scheduler-grid label{color:var(--ink-1);font-weight:600}.scheduler-field{width:100%;max-width:220px;min-width:0}.scheduler-field[type=datetime-local]{width:220px;max-width:100%}.requery-important{border:1px dashed var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.requery-important strong{display:block;margin-bottom:8px}.data-inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.data-inline-row>.data-inline-module{height:auto;min-width:0}.domain-stats-module .table-wrap{flex:1;min-height:0}.requery-module{min-height:0;height:auto}.system-panel,.system-layout-stack{display:flex;flex-direction:column;gap:12px}.control-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-panel-grid>.panel{min-width:0}.system-grid-quad{grid-template-columns:repeat(4,minmax(0,1fr))}.system-grid-dual{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.control-module{display:flex;flex-direction:column;gap:10px}.control-module--mini{min-height:0}.control-module h3{margin:0;font-size:1.02rem}.control-module-wide{grid-column:1 / -1}.module-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.button-group-vue{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-kv-list{display:flex;flex-direction:column;gap:6px}.module-kv-list .control-line{align-items:flex-start}.module-kv-list .control-line strong{white-space:nowrap;font-size:.82rem}.module-kv-list .control-line span{text-align:right;font-size:.82rem;color:var(--ink-1)}.module-form-stack{display:flex;flex-direction:column;gap:8px}.webui-port-module{width:100%;justify-self:stretch;gap:8px}.webui-port-inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.webui-port-inline-field{display:flex;flex-direction:column;gap:4px;min-width:0}.webui-port-inline-field>span{color:var(--ink-1);font-size:.8rem;font-weight:600}.webui-port-inline-field>input{width:100%;height:32px}.webui-port-inline-field>input[readonly]{color:var(--ink-0);cursor:default}.webui-port-actions .btn{width:100%}.system-grid-dual-item{min-height:0;height:auto}.mini-field{display:flex;flex-direction:column;gap:4px}.mini-field>span{color:var(--ink-1);font-size:.8rem;font-weight:600}.sys-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sys-card{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:10px;display:flex;flex-direction:column;gap:8px}.control-line{display:flex;justify-content:space-between;gap:10px;align-items:center}.control-line>input,.control-line>select{max-width:220px}.panel-bg-line{align-items:flex-start}.panel-bg-input-wrap{display:flex;align-items:center;gap:8px;width:min(100%,380px)}.panel-bg-input-wrap input[type=text],.panel-bg-input-wrap input:not(.panel-bg-file-input){min-width:0}.panel-bg-file-input{display:none}.panel-bg-color-inline{width:34px;min-width:34px;height:30px;padding:2px;border-radius:8px;cursor:crosshair;flex:0 0 auto}.panel-bg-range-wrap{display:flex;align-items:center;gap:8px;width:min(100%,260px)}.panel-bg-range-wrap input[type=range]{flex:1;min-width:0}.panel-bg-range-wrap span{min-width:44px;text-align:right;color:var(--ink-1);font-size:.84rem}.panel-text-color-wrap{display:flex;align-items:center;gap:8px;width:min(100%,380px)}.panel-text-color-wrap input[type=color]{width:42px;min-width:42px;height:30px;padding:2px;border-radius:8px;cursor:crosshair}.appearance-compact-module{width:100%;max-width:320px;justify-self:stretch;padding:20px;gap:10px;container-type:inline-size}.appearance-compact-module h3{margin:0;font-size:1.02rem;line-height:1.2}.appearance-compact-stack{display:flex;flex-direction:column;gap:8px}.appearance-compact-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:center}.appearance-compact-row-top{align-items:start}.appearance-compact-label{white-space:nowrap;font-size:.82rem;line-height:1.25;font-weight:600;color:var(--ink-0)}.appearance-compact-label-stack{display:flex;flex-direction:column;gap:1px;line-height:1.08}.appearance-compact-control{min-width:0;display:flex;flex-direction:column;gap:6px}.appearance-compact-control-end{align-items:flex-end}.appearance-compact-row-theme{grid-template-columns:72px minmax(0,1fr);align-items:center}.appearance-compact-control-end select{width:100%;max-width:132px}.appearance-compact-module .control-line,.appearance-compact-module .muted{font-size:.82rem}.appearance-compact-module select,.appearance-compact-module input[type=text],.appearance-compact-module .btn{height:34px;min-height:34px;border-radius:10px}.appearance-compact-module select,.appearance-compact-module input[type=text]{font-size:.82rem;padding:0 10px;line-height:32px}.appearance-compact-module .btn.tiny{font-size:.78rem;padding:0 9px}.appearance-compact-module .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1}.appearance-compact-module .panel-text-color-wrap,.appearance-compact-tools{width:100%;gap:4px;flex-wrap:nowrap}.appearance-compact-tools>input:not([type=color]){flex:1 1 auto;min-width:0}.appearance-color-pair-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center}.appearance-color-pair{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:4px;min-width:0}.appearance-color-mini-label{flex:0 0 auto;color:var(--ink-0);font-size:.82rem;line-height:1.25;font-weight:600;white-space:nowrap}.appearance-color-pair .appearance-compact-tools{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;flex:1 1 auto;gap:4px}.appearance-color-pair .appearance-compact-tools .btn{min-width:0;padding:0 6px}.appearance-compact-bg-layout{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center}.appearance-compact-inline-actions{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.appearance-compact-inline-actions .btn{width:100%}.appearance-compact-row-bg{grid-template-columns:42px minmax(0,1fr)}.appearance-compact-bg-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center;grid-column:1 / -1}.appearance-compact-bg-actions-row .btn{width:100%;min-width:0}.appearance-compact-bg-url{min-width:0;height:34px;min-height:34px}.appearance-compact-module .panel-bg-color-inline,.appearance-compact-module .panel-text-color-wrap input[type=color]{width:34px;min-width:34px;height:34px;padding:2px;border-radius:10px}.appearance-compact-module .panel-bg-range-wrap{width:100%;gap:8px}.appearance-compact-range span{min-width:46px;text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}.appearance-compact-history{margin-top:2px}.appearance-compact-actions{justify-content:flex-end}@container (max-width: 259px){.appearance-compact-row{grid-template-columns:1fr;gap:6px;align-items:start}.appearance-compact-control-end{align-items:stretch}.appearance-compact-row-theme{grid-template-columns:72px minmax(0,1fr);align-items:center}.appearance-compact-row-theme .appearance-compact-control-end{align-items:stretch}}@container (max-width: 231px){.appearance-color-pair-row{grid-template-columns:1fr;gap:6px}}@container (min-width: 254px){.appearance-compact-bg-layout{grid-template-columns:34px minmax(0,1fr) 92px}.appearance-compact-bg-actions-row{grid-column:auto;grid-template-columns:repeat(2,minmax(44px,1fr))}}.panel-bg-history{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface-soft);margin-top:-2px}.panel-bg-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.panel-bg-history-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}.panel-bg-history-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--surface-input)}.panel-bg-history-thumb{width:56px;height:34px;border-radius:6px;object-fit:cover;border:1px solid var(--line);background:var(--surface-soft)}.panel-bg-history-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.panel-bg-history-meta .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-bg-history-actions{display:inline-flex;align-items:center;gap:6px}:root[data-panel-bg-enabled="1"] .panel,:root[data-panel-bg-enabled="1"] .tab-btn,:root[data-panel-bg-enabled="1"] .legacy-main-btn,:root[data-panel-bg-enabled="1"] .legacy-sub-btn,:root[data-panel-bg-enabled="1"] .overview-card,:root[data-panel-bg-enabled="1"] .sys-card,:root[data-panel-bg-enabled="1"] .list-sidebar,:root[data-panel-bg-enabled="1"] .table-wrap,:root[data-panel-bg-enabled="1"] .trend-card,:root[data-panel-bg-enabled="1"] .requery-scheduler{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur));border-color:rgba(var(--panel-glass-border-rgb),.46)}#app.custom-background .panel,#app.custom-background .tab-btn,#app.custom-background .legacy-main-btn,#app.custom-background .legacy-sub-btn,#app.custom-background .overview-card,#app.custom-background .sys-card,#app.custom-background .list-sidebar,#app.custom-background .table-wrap,#app.custom-background .control-module,#app.custom-background .rules-sidebar,#app.custom-background .data-panel,#app.custom-background .cache-entry,#app.custom-background .cache-entry summary,#app.custom-background .requery-scheduler,#app.custom-background .confirm-pop-bubble,#app.custom-background .confirm-pop-bubble:before,#app.custom-background .trend-card,#app.custom-background .btn,#app.custom-background .msg,#app.custom-background .special-group-row,#app.custom-background .requery-status-chip,#app.custom-background .switch-row,#app.custom-background .mode-info-item,#app.custom-background .sys-info-item,#app.custom-background .switch-value-chip,#app.custom-background .update-banner,#app.custom-background .slider{backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur))}#app.custom-background .main-body>.panel,#app.custom-background .rules-shell>.panel,#app.custom-background .upstream-shell>.panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-panel-bg-enabled="1"] .list-main,#app.custom-background .list-main{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:root[data-panel-bg-enabled="1"] .switch-row,:root[data-panel-bg-enabled="1"] .mode-info-item,:root[data-panel-bg-enabled="1"] .sys-info-item,:root[data-panel-bg-enabled="1"] .switch-value-chip,:root[data-panel-bg-enabled="1"] .update-banner,:root[data-panel-bg-enabled="1"] .trend-card,:root[data-panel-bg-enabled="1"] .requery-scheduler,:root[data-panel-bg-enabled="1"] .series-toggle-btn,:root[data-panel-bg-enabled="1"] .diagnostic-request-list,:root[data-panel-bg-enabled="1"] .diagnostic-request-item,:root[data-panel-bg-enabled="1"] .special-group-row,:root[data-panel-bg-enabled="1"] .special-group-name,#app.custom-background .switch-row,#app.custom-background .mode-info-item,#app.custom-background .sys-info-item,#app.custom-background .switch-value-chip,#app.custom-background .update-banner,#app.custom-background .trend-card,#app.custom-background .requery-scheduler,#app.custom-background .series-toggle-btn,#app.custom-background .diagnostic-request-list,#app.custom-background .diagnostic-request-item,#app.custom-background .special-group-row,#app.custom-background .special-group-name{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important}:root[data-panel-bg-enabled="1"] .btn.primary,:root[data-panel-bg-enabled="1"] .btn.secondary,:root[data-panel-bg-enabled="1"] .btn.warning,:root[data-panel-bg-enabled="1"] .btn.danger,#app.custom-background .btn.primary,#app.custom-background .btn.secondary,#app.custom-background .btn.warning,#app.custom-background .btn.danger{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important}:root[data-panel-bg-enabled="1"] th,#app.custom-background th,#app.custom-background thead,#app.custom-background thead tr,#app.custom-background thead th,#app.custom-background .table-wrap thead,#app.custom-background .table-wrap thead tr,#app.custom-background .table-wrap thead th{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important}:root[data-panel-bg-enabled="1"] .table-wrap.overview-table-fit thead,#app.custom-background .table-wrap.overview-table-fit thead{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important}:root[data-panel-bg-enabled="1"] .table-wrap.overview-table-fit thead th,#app.custom-background .table-wrap.overview-table-fit thead th{background:transparent!important}:root[data-panel-bg-enabled="1"] input:not([type=range]):not([type=checkbox]):not([type=radio]),:root[data-panel-bg-enabled="1"] select,:root[data-panel-bg-enabled="1"] textarea,#app.custom-background input:not([type=range]):not([type=checkbox]):not([type=radio]),#app.custom-background select,#app.custom-background textarea{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;backdrop-filter:blur(var(--panel-glass-blur));-webkit-backdrop-filter:blur(var(--panel-glass-blur))}#app.custom-background .btn.warning,#app.custom-background .btn.danger,#app.custom-background .top-inline-notice.error,#app.custom-background .top-inline-notice.success,#app.custom-background .msg.error,#app.custom-background .msg.success,#app.custom-background .result-badge.fail,#app.custom-background .special-group-name,#app.custom-background .requery-status-chip.idle,#app.custom-background .requery-status-chip.running,#app.custom-background .requery-status-chip.failed{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important}#app.custom-background .btn.warning,#app.custom-background .btn.danger,#app.custom-background .top-inline-notice.error,#app.custom-background .top-inline-notice.success,#app.custom-background .msg.error,#app.custom-background .msg.success,#app.custom-background .result-badge.fail,#app.custom-background .special-group-name,:root[data-panel-bg-enabled="1"] .btn.warning,:root[data-panel-bg-enabled="1"] .btn.danger,:root[data-panel-bg-enabled="1"] .top-inline-notice.error,:root[data-panel-bg-enabled="1"] .top-inline-notice.success,:root[data-panel-bg-enabled="1"] .msg.error,:root[data-panel-bg-enabled="1"] .msg.success,:root[data-panel-bg-enabled="1"] .result-badge.fail,:root[data-panel-bg-enabled="1"] .special-group-name{color:var(--ink-0)!important}#app.custom-background .requery-status-chip.idle,:root[data-panel-bg-enabled="1"] .requery-status-chip.idle{color:var(--ink-0)!important}#app.custom-background .requery-status-chip.running,:root[data-panel-bg-enabled="1"] .requery-status-chip.running{color:#fbbf24!important}#app.custom-background .requery-status-chip.failed,:root[data-panel-bg-enabled="1"] .requery-status-chip.failed{color:#fca5a5!important}#app.custom-background .legacy-main-nav.compact .legacy-main-btn,:root[data-panel-bg-enabled="1"] .legacy-main-nav.compact .legacy-main-btn{background:var(--menu-bg)!important;border-color:var(--menu-border)!important;color:var(--menu-text)!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#app.custom-background .legacy-main-nav.compact .legacy-main-btn.active,:root[data-panel-bg-enabled="1"] .legacy-main-nav.compact .legacy-main-btn.active{background:var(--menu-active-bg)!important;border-color:var(--menu-active-border)!important;color:var(--menu-active-text)!important}#app.custom-background .legacy-sub-btn.active,:root[data-panel-bg-enabled="1"] .legacy-sub-btn.active{background:var(--menu-active-bg)!important;border-color:var(--menu-active-border)!important;color:var(--menu-active-text)!important;box-shadow:none!important}#app.custom-background .tab-btn.active,#app.custom-background .list-btn.active{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important;color:var(--ink-0)!important}#app.custom-background .list-sidebar .list-btn.active,:root[data-panel-bg-enabled="1"] .list-sidebar .list-btn.active{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important;color:var(--ink-0)!important}#app.custom-background .btn.primary{background:rgba(var(--panel-glass-rgb),var(--panel-glass-opacity))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important;color:var(--ink-0)!important}#app.custom-background .btn.primary:hover:not(:disabled){background:rgba(var(--panel-glass-rgb),var(--panel-primary-hover-alpha))!important;border-color:rgba(var(--panel-glass-border-rgb),.46)!important;color:var(--ink-0)!important}#app.custom-background .btn.no-frame-btn,:root[data-panel-bg-enabled="1"] .btn.no-frame-btn{background:transparent!important;border:none!important;color:var(--ink-0)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.legacy-sub-btn:hover:not(:disabled):not(.active),.legacy-main-nav.compact .legacy-main-btn:hover:not(:disabled):not(.active),.btn.primary:hover:not(:disabled),.btn.secondary:hover:not(:disabled),.btn.warning:hover:not(:disabled),.btn.danger:hover:not(:disabled),:root[data-panel-bg-enabled="1"] .legacy-sub-btn:hover:not(:disabled):not(.active),:root[data-panel-bg-enabled="1"] .legacy-main-nav.compact .legacy-main-btn:hover:not(:disabled):not(.active),:root[data-panel-bg-enabled="1"] .btn.primary:hover:not(:disabled),:root[data-panel-bg-enabled="1"] .btn.secondary:hover:not(:disabled),:root[data-panel-bg-enabled="1"] .btn.warning:hover:not(:disabled),:root[data-panel-bg-enabled="1"] .btn.danger:hover:not(:disabled),#app.custom-background .legacy-sub-btn:hover:not(:disabled):not(.active),#app.custom-background .legacy-main-nav.compact .legacy-main-btn:hover:not(:disabled):not(.active),#app.custom-background .btn.primary:hover:not(:disabled),#app.custom-background .btn.secondary:hover:not(:disabled),#app.custom-background .btn.warning:hover:not(:disabled),#app.custom-background .btn.danger:hover:not(:disabled){background:var(--menu-hover-bg)!important;border-color:var(--menu-border)!important;color:var(--menu-text)!important}.legacy-main-nav.compact .legacy-main-btn:hover:not(:disabled):not(.active){transform:translateY(-1px)}button:not(:disabled),button:not(:disabled) *,.btn:not(:disabled),.btn:not(:disabled) *,.legacy-main-btn:not(:disabled),.legacy-main-btn:not(:disabled) *,.legacy-sub-btn:not(:disabled),.legacy-sub-btn:not(:disabled) *,.tab-btn:not(:disabled),.tab-btn:not(:disabled) *,.btn-link:not(:disabled),.btn-link:not(:disabled) *,.list-btn,.list-btn *,.overview-click-row,.overview-click-row *,.log-row,.log-row *,.diagnostic-request-item:not(:disabled),.diagnostic-request-item:not(:disabled) *,.series-toggle-btn:not(:disabled),.series-toggle-btn:not(:disabled) *,.trend-title-trigger:not(:disabled),.trend-title-trigger:not(:disabled) *,th.sortable,th.sortable *{cursor:default!important}button,button *,.btn,.btn *,.legacy-main-btn,.legacy-main-btn *,.legacy-sub-btn,.legacy-sub-btn *,.tab-btn,.tab-btn *,.btn-link,.btn-link *,.list-btn,.list-btn *,.overview-click-row,.overview-click-row *,.log-row,.log-row *,.diagnostic-request-item,.diagnostic-request-item *,.series-toggle-btn,.series-toggle-btn *,.trend-title-trigger,.trend-title-trigger *,.cache-entry summary,.cache-entry summary *,th.sortable,th.sortable *,label.switch-row,label.switch-row *,label.switch-inline,label.switch-inline *,label.switch-table,label.switch-table *,.switch,.switch *,.slider,.slider *{cursor:default!important}#app.custom-background .core-mode-btn.is-active{border:2px solid var(--ink-0)!important}#app.custom-background .restart-mosdns-btn{background:#fff!important;border-color:#d1d5db!important;color:var(--ink-0)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#app.custom-background .switch input:checked+.slider{background:linear-gradient(180deg,var(--switch-on-bg-top) 0%,var(--switch-on-bg) 100%)!important;border-color:var(--switch-on-border)!important;box-shadow:inset 0 1px #ffffff42,0 4px 12px var(--switch-on-shadow)!important}#app.custom-background .slider{background:var(--switch-off-bg)!important;border-color:var(--switch-off-border)!important;box-shadow:inset 0 1px #ffffff0f,0 3px 10px var(--switch-off-shadow)!important}#app.custom-background .slider:before{background:var(--switch-knob)!important}#app.custom-background .switch input:checked+.slider:before{background:var(--switch-knob-on)!important;box-shadow:0 0 0 1px #ffffff14}.capacity-form{display:flex;align-items:center;gap:8px}.core-mode-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.core-mode-hints{display:flex;flex-direction:column;gap:2px}.core-mode-hints .muted{margin:0;font-size:.82rem;line-height:1.4}.core-mode-btn.is-active{border:2px solid var(--ink-0);font-weight:700}.restart-mosdns-btn{padding:8px 12px;font-size:.82rem;line-height:1.2;color:var(--ink-0)}.switch-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.switch-row{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px 9px;display:flex;justify-content:space-between;gap:8px;align-items:center}.switch-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.switch-meta strong{font-size:.9rem}.switch-meta .muted{margin:0;font-size:.78rem;line-height:1.35}.switch-value-chip{border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:.74rem;color:var(--ink-1);background:var(--surface-input);white-space:nowrap}.mode-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-info-item{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:9px 10px;display:flex;flex-direction:column;gap:5px}.mode-info-item strong{font-size:.92rem}.mode-info-item .muted{margin:0;font-size:.82rem}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;inset:0;border-radius:999px;border:1px solid var(--switch-off-border);background:var(--switch-off-bg);box-shadow:inset 0 1px #ffffff0f,0 3px 10px var(--switch-off-shadow);transition:all .2s ease;cursor:pointer}.slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:var(--switch-knob);box-shadow:0 1px 3px #0f172a47;transition:transform .2s ease}.switch input:checked+.slider{background:linear-gradient(180deg,var(--switch-on-bg-top) 0%,var(--switch-on-bg) 100%);border-color:var(--switch-on-border);box-shadow:inset 0 1px #ffffff42,0 4px 12px var(--switch-on-shadow)}.switch input:checked+.slider:before{transform:translate(20px);background:var(--switch-knob-on)}.switch input:disabled+.slider{opacity:.55;cursor:not-allowed}.override-grid{display:grid;grid-template-columns:150px 1fr;gap:8px 10px;align-items:center;margin-bottom:10px}.replacements-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.sys-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sys-info-item{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px;display:flex;flex-direction:column;gap:6px}.sys-info-item span{color:var(--ink-1);font-size:.82rem}.update-banner{margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-side);padding:8px 10px;color:var(--ink-1)}.mini-badge{display:inline-flex;margin-left:6px;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;border:1px solid rgba(var(--brand-rgb),.38);background:rgba(var(--brand-rgb),.12);color:var(--ink-0)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.status-dot.ok{background:var(--ok)}.status-dot.fail{background:var(--danger)}@media(prefers-reduced-motion:reduce){.page-shell,tbody tr{animation:none;transition:none}}:root[data-theme=light]{color-scheme:light;--bg-0: #f4f5ef;--bg-1: #fdfcf7;--bg-spot-1: #dbe9e5;--bg-spot-2: #f5ebd7;--ink-0: #1e252b;--ink-1: #55606a;--panel: #ffffff;--line: #d9dee4;--surface-elevated: #ffffffd9;--surface-soft: #fbfbfb;--surface-soft-2: #f8fbfa;--surface-hover: #ecfeff;--surface-head: #f7f9fb;--surface-head-hover: #eef4f8;--surface-input: #ffffff;--surface-side: #f9fafb;--surface-active: #eaf5f3;--table-line: #edf0f3;--switch-off-bg: #e5e7eb;--switch-off-border: #d0d5dd;--switch-knob: #ffffff;--hero-gradient: linear-gradient(110deg, #0f766e, #0b4f56 65%, #1f2a36);--panel-glass-rgb: 255, 255, 255;--panel-glass-border-rgb: 148, 163, 184}:root[data-theme=dark]{color-scheme:dark;--bg-0: #000000;--bg-1: #040608;--bg-spot-1: rgba(59, 130, 246, .16);--bg-spot-2: rgba(45, 212, 191, .12);--ink-0: #f8fafc;--ink-1: #cbd5e1;--panel: #0f131a;--line: #2a3342;--surface-elevated: rgba(15, 19, 26, .9);--surface-soft: #151b24;--surface-soft-2: #1a2230;--surface-hover: #223047;--surface-head: #182130;--surface-head-hover: #223047;--surface-input: #0f1623;--surface-side: #131a27;--surface-active: #1f3049;--table-line: #2a3342;--switch-off-bg: #3f4048;--switch-off-border: #4d4e57;--switch-off-shadow: rgba(0, 0, 0, .34);--switch-knob: #f8fafc;--switch-knob-on: #f8fafc;--menu-bg: #111827;--menu-text: #f8fafc;--menu-border: #374151;--menu-hover-bg: #1f2937;--menu-active-bg: #f8fafc;--menu-active-text: #111827;--menu-active-border: #f8fafc;--hero-gradient: linear-gradient(118deg, #102637, #18253e 62%, #111111);--danger: #f87171;--warn: #f59e0b;--ok: #34d399}:root[data-theme=sakura]{color-scheme:dark;--bg-0: #191724;--bg-1: #21202e;--bg-spot-1: rgba(235, 111, 146, .2);--bg-spot-2: rgba(244, 171, 196, .18);--ink-0: #f4efff;--ink-1: #d5c7e6;--panel: rgba(31, 29, 46, .88);--line: rgba(244, 171, 196, .45);--surface-elevated: rgba(31, 29, 46, .82);--surface-soft: rgba(39, 36, 58, .9);--surface-soft-2: rgba(46, 42, 67, .9);--surface-hover: rgba(70, 48, 82, .95);--surface-head: rgba(49, 45, 70, .96);--surface-head-hover: rgba(70, 48, 82, .98);--surface-input: rgba(26, 24, 38, .95);--surface-side: rgba(36, 33, 54, .9);--surface-active: rgba(78, 53, 92, .95);--table-line: rgba(244, 171, 196, .25);--switch-off-bg: rgba(73, 53, 95, .9);--switch-off-border: rgba(244, 171, 196, .42);--switch-knob: #fff1f7;--brand: #eb6f92;--brand-2: #f4abc4;--brand-rgb: 235, 111, 146;--brand-2-rgb: 244, 171, 196;--hero-gradient: linear-gradient(118deg, #eb6f92, #8f4b75 62%, #2f2443)}:root[data-theme=evergreen]{color-scheme:dark;--bg-0: #0f1f17;--bg-1: #172b20;--bg-spot-1: rgba(74, 222, 128, .18);--bg-spot-2: rgba(20, 184, 166, .12);--ink-0: #eefcf4;--ink-1: #bed6c4;--panel: rgba(17, 35, 27, .88);--line: rgba(99, 211, 147, .42);--surface-elevated: rgba(17, 35, 27, .84);--surface-soft: rgba(21, 43, 34, .9);--surface-soft-2: rgba(25, 50, 39, .9);--surface-hover: rgba(36, 67, 54, .96);--surface-head: rgba(29, 56, 44, .96);--surface-head-hover: rgba(36, 67, 54, .98);--surface-input: rgba(12, 25, 19, .95);--surface-side: rgba(21, 43, 34, .9);--surface-active: rgba(42, 82, 65, .95);--table-line: rgba(99, 211, 147, .24);--switch-off-bg: rgba(36, 67, 54, .9);--switch-off-border: rgba(99, 211, 147, .42);--switch-knob: #e8fff1;--brand: #4ade80;--brand-2: #86efac;--brand-rgb: 74, 222, 128;--brand-2-rgb: 134, 239, 172;--hero-gradient: linear-gradient(118deg, #1f7a4c, #236d4c 62%, #0f2119)}:root[data-theme=starlight]{color-scheme:dark;--bg-0: #000000;--bg-1: #090b17;--bg-spot-1: rgba(59, 130, 246, .2);--bg-spot-2: rgba(129, 140, 248, .14);--ink-0: #e5ecff;--ink-1: #b8c3e0;--panel: rgba(11, 15, 32, .9);--line: rgba(96, 165, 250, .4);--surface-elevated: rgba(11, 15, 32, .85);--surface-soft: rgba(16, 22, 44, .9);--surface-soft-2: rgba(20, 27, 54, .9);--surface-hover: rgba(38, 52, 91, .96);--surface-head: rgba(22, 31, 61, .97);--surface-head-hover: rgba(38, 52, 91, .98);--surface-input: rgba(8, 12, 26, .95);--surface-side: rgba(16, 22, 44, .9);--surface-active: rgba(42, 57, 99, .95);--table-line: rgba(96, 165, 250, .24);--switch-off-bg: rgba(37, 50, 88, .9);--switch-off-border: rgba(96, 165, 250, .4);--switch-knob: #f4f7ff;--brand: #3b82f6;--brand-2: #60a5fa;--brand-rgb: 59, 130, 246;--brand-2-rgb: 96, 165, 250;--hero-gradient: linear-gradient(118deg, #3b82f6, #1f3f88 62%, #090b1a)}:root[data-theme=dusk]{color-scheme:dark;--bg-0: #232526;--bg-1: #2c3e50;--bg-spot-1: rgba(255, 140, 0, .18);--bg-spot-2: rgba(253, 116, 108, .16);--ink-0: #fff7ee;--ink-1: #f1d8be;--panel: rgba(32, 28, 29, .86);--line: rgba(255, 173, 96, .42);--surface-elevated: rgba(32, 28, 29, .84);--surface-soft: rgba(41, 35, 34, .9);--surface-soft-2: rgba(51, 43, 41, .9);--surface-hover: rgba(74, 56, 49, .95);--surface-head: rgba(57, 47, 43, .97);--surface-head-hover: rgba(74, 56, 49, .98);--surface-input: rgba(27, 24, 24, .95);--surface-side: rgba(41, 35, 34, .9);--surface-active: rgba(92, 67, 53, .95);--table-line: rgba(255, 173, 96, .23);--switch-off-bg: rgba(79, 58, 46, .9);--switch-off-border: rgba(255, 173, 96, .4);--switch-knob: #fff2e3;--brand: #ff8c00;--brand-2: #ffb347;--brand-rgb: 255, 140, 0;--brand-2-rgb: 255, 179, 71;--hero-gradient: linear-gradient(118deg, #ff8c00, #c4561d 62%, #3a2a28)}:root[data-theme=terra]{color-scheme:dark;--bg-0: #4a2a22;--bg-1: #2d1e1a;--bg-spot-1: rgba(255, 140, 66, .2);--bg-spot-2: rgba(255, 172, 112, .16);--ink-0: #fff2e9;--ink-1: #e6c2ad;--panel: rgba(45, 30, 26, .88);--line: rgba(255, 172, 112, .45);--surface-elevated: rgba(45, 30, 26, .85);--surface-soft: rgba(60, 40, 33, .9);--surface-soft-2: rgba(72, 48, 40, .9);--surface-hover: rgba(95, 63, 51, .95);--surface-head: rgba(80, 53, 44, .97);--surface-head-hover: rgba(95, 63, 51, .98);--surface-input: rgba(34, 23, 20, .95);--surface-side: rgba(60, 40, 33, .9);--surface-active: rgba(104, 67, 53, .95);--table-line: rgba(255, 172, 112, .25);--switch-off-bg: rgba(87, 59, 47, .9);--switch-off-border: rgba(255, 172, 112, .45);--switch-knob: #fff1e7;--brand: #ff8c42;--brand-2: #ffac70;--brand-rgb: 255, 140, 66;--brand-2-rgb: 255, 172, 112;--hero-gradient: linear-gradient(118deg, #b96f3d, #8f5330 62%, #3f2820)}:root[data-theme=dark],:root[data-theme=sakura],:root[data-theme=evergreen],:root[data-theme=starlight],:root[data-theme=dusk],:root[data-theme=terra]{--panel-glass-rgb: 17, 24, 39;--panel-glass-border-rgb: 148, 163, 184;--panel-btn-text: #f8fafc;--switch-knob-on: #f8fafc;--menu-bg: #111827;--menu-text: #f8fafc;--menu-border: #374151;--menu-hover-bg: #1f2937;--menu-active-bg: #f8fafc;--menu-active-text: #111827;--menu-active-border: #f8fafc}@media(max-width:900px){.top-strip{flex-direction:column;align-items:stretch}.top-inline-notice{inset:auto 0 -46px;width:auto;max-width:100%;transform:none;font-size:.82rem}.top-inline-notice-fade-enter-from,.top-inline-notice-fade-leave-to{opacity:0;transform:translateY(4px)}.hero.compact{width:100%;min-width:0}.legacy-main-nav.compact{flex-wrap:nowrap;align-items:center;gap:3px;padding:0;overflow:hidden}.legacy-main-btn{flex:1 1 0;min-width:0;white-space:nowrap;padding:7px 4px;font-size:.74rem;border-radius:8px;text-align:center}.legacy-main-btn.refresh-inline-btn{margin-left:0;flex:0 0 30px;min-width:30px;width:30px;padding:7px 0;font-size:1.18rem}.main-refresh-btn{width:100%;height:38px}.page-shell{gap:10px}.upstream-adaptive-table th:nth-child(1),.upstream-adaptive-table td:nth-child(1){width:72px;overflow:visible;text-overflow:clip}.upstream-adaptive-table th:nth-child(5),.upstream-adaptive-table td:nth-child(5){width:116px;overflow:visible;text-overflow:clip;font-size:.82rem}:root{--page-first-row-h: 56px}.page-subnav-panel{height:var(--page-first-row-h);padding:10px}.page-subnav-strip{min-height:var(--page-first-row-h);padding:0 0 8px}.page-subnav-strip .legacy-sub-btn{font-size:.88rem;min-height:34px;height:34px;line-height:34px;padding:0 10px}.page-subnav-head{gap:8px;flex-wrap:nowrap}.page-subnav-title{font-size:.9rem}.page-subnav-nav{width:100%;justify-content:flex-start}.overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.slowest-fit th:nth-child(2),.slowest-fit td:nth-child(2){width:60px;min-width:60px;max-width:60px;font-size:.82rem}.slowest-fit th:nth-child(1),.slowest-fit td:nth-child(1){width:auto}.query-search{grid-template-columns:1fr}.upstream-toolbar{flex-direction:column;align-items:stretch}.upstream-toolbar-left{width:100%;justify-content:flex-start;align-self:stretch}.upstream-toolbar-right{width:100%;min-width:0;margin-left:0}.upstream-special-groups-strip{align-items:flex-start;justify-content:flex-start;flex-direction:column}.special-groups-list{justify-content:flex-start}.detail-grid,.diagnostic-layout{grid-template-columns:1fr}.cache-table-wrap th,.cache-table-wrap td{padding:6px 5px;font-size:.78rem;white-space:nowrap}.cache-table-wrap table{min-width:680px}.domain-stats-table-wrap th,.domain-stats-table-wrap td{padding:7px 6px;font-size:.8rem}.form-grid{grid-template-columns:1fr}.form-grid label{padding-top:0}.list-layout{grid-template-columns:1fr}.list-sidebar{height:auto}.list-footer-row{flex-wrap:wrap;align-items:flex-start}.list-footer-meta{width:100%;align-items:flex-start;flex-wrap:wrap;gap:6px}.list-hint-inline{width:100%;min-height:0;white-space:normal;overflow:visible;text-overflow:clip}.cache-clear-btn{font-size:.94rem;padding:6px 10px}.list-sidebar{max-height:200px}.list-editor{min-height:300px}.scheduler-grid{grid-template-columns:1fr}.scheduler-field{max-width:100%}.requery-status-head{flex-direction:column;align-items:stretch;gap:8px}.requery-status-head .actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.scheduler-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.alias-manual-row,.sys-grid-two,.control-panel-grid,.overview-grid,.data-inline-row{grid-template-columns:1fr}.data-inline-row>.data-inline-module{width:100%;max-width:100%}.system-grid-quad{grid-template-columns:1fr}.webui-port-module{width:100%;justify-self:stretch}.webui-port-inline-row,.button-group-vue,.switch-list,.mode-info-grid,.override-grid{grid-template-columns:1fr}.sys-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-compact-module{max-width:none}.appearance-compact-module .panel-text-color-wrap,.appearance-compact-tools{flex-wrap:nowrap}.appearance-compact-bg-layout{grid-template-columns:34px minmax(0,1fr)}.appearance-compact-bg-actions-row{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}