:root{--bg-base: #08090a;--bg-panel: #0e1012;--bg-raised: #141618;--bg-inset: rgba(0, 0, 0, .45);--card-bg: #0e1012;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--mint: #30a46c;--mint-strong: #4cc38a;--mint-dim: rgba(48, 164, 108, .14);--blue: #5e6ad2;--blue-dim: rgba(94, 106, 210, .14);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .14);--rose: #eb5757;--rose-dim: rgba(235, 87, 87, .14);--violet: #8b5cf6;--violet-dim: rgba(139, 92, 246, .14);--text-1: #f7f8f8;--text-2: #8a8f98;--text-3: #565a61;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--gap: 12px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-pop: 0 16px 40px rgba(0, 0, 0, .7), 0 0 0 1px var(--border);--font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", "Consolas", "JetBrains Mono", Menlo, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;--sidebar-width: 220px;--sidebar-narrow: 64px}.page-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted, #8b949e);font-size:13px}.dashboard-lite-container{--dash-bg: #f6f8fb;--dash-card: #ffffff;--dash-border: #e5eaf0;--dash-text: #17212b;--dash-muted: #7d8b99;max-width:1280px;margin:0 auto;padding:8px 0 32px;color:var(--dash-text)}.dashboard-lite-container.space-y-4>*+*{margin-top:16px}.dashboard-lite-container .flex{display:flex;min-width:0}.dashboard-lite-container .text-xl{font-size:20px}.dashboard-lite-container .text-2xl{font-size:24px}.dashboard-lite-container .font-bold{font-weight:700}.dashboard-lite-container .rounded-xl{border-radius:8px}.dashboard-lite-container .border-subtle{border-color:var(--dash-border)}.dashboard-lite-container .border-t{border-top-color:var(--dash-border)}.dashboard-lite-container .panel{background:var(--dash-card);border-color:var(--dash-border);border-radius:8px;box-shadow:0 1px 2px #192d4608}.dashboard-lite-container h1,.dashboard-lite-container h2,.dashboard-lite-container h3,.dashboard-lite-container .text-foreground{color:var(--dash-text)}.dashboard-lite-container .text-muted,.dashboard-lite-container .text-subtle{color:var(--dash-muted)}.settings-layout{display:flex;flex-direction:column;gap:18px;max-width:1280px}.settings-tabs{display:flex;align-items:center;gap:28px;min-height:48px;padding:0 2px;border-bottom:1px solid var(--border);overflow-x:auto}.settings-tabs a,.settings-tabs button,.storage-tabs button{position:relative;display:inline-flex;align-items:center;min-height:48px;color:var(--text-3);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;border:0;background:transparent;cursor:pointer}.settings-tabs a:first-child,.settings-tabs a:hover,.settings-tabs button.is-active,.settings-tabs button:hover,.storage-tabs button.is-active,.storage-tabs button:hover{color:var(--text-1)}.settings-tabs a:first-child:after,.settings-tabs button.is-active:after,.storage-tabs button.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--blue)}.storage-layout{display:flex;flex-direction:column;gap:18px;max-width:1280px}.storage-tabs{display:flex;align-items:center;gap:26px;min-height:48px;border-bottom:1px solid var(--border)}.storage-tabs button{min-height:48px;color:var(--text-3);font-size:13px;font-weight:600}.storage-tabs button.is-active{position:relative}.storage-tabs button.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--blue)}.storage-intro{display:flex;align-items:flex-start;gap:28px;padding:8px 0 12px;border-bottom:1px solid var(--border)}.storage-intro h2{margin:0;color:var(--text-1);font-size:20px}.storage-intro p{margin:6px 0 0;color:var(--text-3);font-size:12px}.storage-layout .backup-management-card{margin-top:0!important}.storage-overview-panel{padding:24px}.storage-overview-panel h3{margin:0;font-size:16px;color:var(--text-1)}.storage-overview-panel>p{margin:6px 0 20px;color:var(--text-3);font-size:12px}.storage-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px}.storage-overview-grid>div{display:flex;flex-direction:column;gap:6px;padding:18px 16px}.storage-overview-grid>div+div{border-left:1px solid var(--border)}.storage-overview-grid span,.storage-overview-grid small{color:var(--text-3);font-size:12px}.storage-overview-grid strong{color:var(--text-1);font-size:20px}[data-theme=light] .storage-overview-grid{border-color:#e5eaf0}[data-theme=light] .storage-overview-grid>div+div{border-left-color:#e5eaf0}[data-theme=light] .storage-tabs{border-bottom-color:#dce5ed}[data-theme=light] .storage-tabs button.is-active:after{background:#1687e8}.settings-section-heading{display:flex;align-items:flex-start;gap:28px;margin-top:12px;padding:8px 0 10px;border-bottom:1px solid var(--border);scroll-margin-top:20px}.settings-section-heading:first-child{margin-top:0}.settings-section-kicker{flex:0 0 128px;min-width:128px;padding-top:5px;color:var(--blue);font:700 10px var(--font-mono);letter-spacing:.1em}.settings-section-heading h2{margin:0;color:var(--text-1);font-size:18px;line-height:1.35;letter-spacing:-.025em}.settings-section-heading p{margin:5px 0 0;color:var(--text-3);font-size:12px;line-height:1.6}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.settings-grid-wide{grid-template-columns:minmax(0,1fr)}.settings-card-span{min-width:0}.settings-layout>.settings-grid>.panel,.settings-layout>.settings-grid>.card,.settings-layout>.settings-grid>.settings-card-span>*{min-width:0}.settings-layout .panel,.settings-layout .card{border-radius:12px}.settings-layout .panel-header{min-height:56px;padding:14px 18px}.settings-layout .panel-header h2{font-size:15px}.settings-layout .panel-header p{max-width:680px;line-height:1.55}.settings-layout .table-responsive{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.settings-layout .table-responsive .table{min-width:720px}.settings-layout .empty-state,.settings-layout .empty-panel{min-height:120px}.settings-layout .theme-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-theme=light] .settings-section-heading{border-bottom:1px solid #e9eef3}[data-theme=light] .settings-tabs{border-bottom-color:#dce5ed}[data-theme=light] .settings-tabs a:first-child:after{background:#1687e8}[data-theme=light] .settings-section-kicker{color:#1687e8}[data-theme=light] .settings-layout .panel,[data-theme=light] .settings-layout .card{background:#fff;border-color:#e5eaf0;box-shadow:0 1px 2px #192d4609}[data-theme=light] .settings-layout .table-responsive{border-color:#e5eaf0}@media(max-width:980px){.settings-grid{grid-template-columns:1fr}.settings-section-heading{gap:16px}.settings-section-kicker{flex-basis:112px;min-width:112px}.settings-layout .theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.settings-section-heading{gap:8px;flex-direction:column}.settings-section-kicker{min-width:0;padding-top:0}.settings-layout .theme-card-grid{grid-template-columns:1fr}.settings-layout .panel-header{align-items:flex-start}.storage-intro{gap:8px;flex-direction:column}.storage-overview-grid{grid-template-columns:1fr}.storage-overview-grid>div+div{border-top:1px solid var(--border);border-left:0}}[data-theme=dark] .dashboard-lite-container,:root:not([data-theme=light]) .dashboard-lite-container{--dash-bg: #08090a;--dash-card: #0e1012;--dash-border: rgba(255,255,255,.08);--dash-text: #f7f8f8;--dash-muted: #8a8f98}[data-theme=dark] .dashboard-lite-container .bg-subtle,:root:not([data-theme=light]) .dashboard-lite-container .bg-subtle{background:#ffffff0f}[data-theme=dark] .dashboard-lite-container .badge-quiet,:root:not([data-theme=light]) .dashboard-lite-container .badge-quiet{background:var(--blue-dim);color:#9da6ff}.dashboard-lite-container .panel.p-4{padding:14px 16px}.dashboard-lite-container .panel h3{font-size:13px;letter-spacing:0}.dashboard-lite-container .panel p{color:var(--dash-muted)}.dashboard-lite-container .badge{border-radius:999px}.dashboard-lite-container .badge-quiet{background:#eef6fd;color:#1687e8;padding:3px 9px;font-size:11px;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.dashboard-lite-container .bg-subtle{background:#f1f4f7}.dashboard-lite-container .bg-blue{background:#1687e8}.dashboard-lite-container .bg-amber{background:#ff7a00}.dashboard-lite-container .bg-mint{background:#28a66f}.dashboard-lite-container .text-blue{color:#1687e8}.dashboard-lite-container .text-amber{color:#ed7100}.dashboard-lite-container .text-mint{color:#279966}@media(max-width:900px){.dashboard-lite-container{padding-top:0}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-base);color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}h1,h2,h3,p{margin-top:0}::selection{background:var(--blue-dim);color:#fff}.linear-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-3);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 1px #0003;line-height:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:500;transition:all .12s ease}.button:active{transform:scale(.98)}.button-primary{color:#fff;background:var(--blue);border-color:#ffffff1a;box-shadow:0 1px 2px #0000004d,inset 0 1px #fff3}.button-primary:hover{background:#6875f5;box-shadow:0 2px 8px #5e6ad266,inset 0 1px #fff3;transform:translateY(-1px)}.button-primary:disabled{cursor:wait;opacity:.7}.button-quiet{color:var(--text-2);background:#ffffff08;border-color:var(--border)}.button-quiet:hover{background:#ffffff0f;border-color:var(--border-strong);color:var(--text-1)}.icon-button{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);background:#ffffff05;transition:all .12s ease}.icon-button:hover{color:var(--text-1);border-color:var(--border-strong);background:#ffffff0d}.text-button{display:inline-flex;align-items:center;gap:4px;padding:3px 0;border:0;color:var(--blue);background:transparent;font-size:11px;font-weight:600;white-space:nowrap}.text-button:hover{color:#818cf8}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--text-3);font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.api-state{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--gap);padding:10px 14px;border:1px solid var(--border);border-left:2px solid var(--blue);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-2);font-size:11px}.api-state-error{border-left-color:var(--rose)}.api-state-ok{border-left-color:var(--mint)}.api-state-auth .button{margin-left:auto}.app-shell{min-height:100vh;min-height:100dvh;position:relative;display:block;background:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(94,106,210,.04),transparent),var(--bg-base);box-sizing:border-box}.main-content{min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));box-sizing:border-box;transition:margin-left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1)}.content-wrap{width:100%;max-width:1440px;margin:0 auto;padding:24px 28px;position:relative;box-sizing:border-box}.content-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;color:var(--text-3);font-size:10px}.content-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-divider{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;width:var(--sidebar-width);flex:none;display:flex;flex-direction:column;padding:14px 10px;border-right:1px solid var(--border);background:var(--bg-panel);z-index:50;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 14px}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--blue);box-shadow:0 0 12px #5e6ad259}.brand-text strong{display:block;letter-spacing:-.02em;font-size:13px;font-weight:600;white-space:nowrap}.brand-text span{display:block;margin-top:1px;color:var(--text-3);font-size:9px;white-space:nowrap}.workspace-switcher{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.workspace-avatar,.profile-avatar{display:grid;place-items:center;color:var(--text-1);background:#ffffff14;font-family:var(--font-mono);font-size:10px}.workspace-avatar{width:22px;height:22px;flex:0 0 auto;border-radius:4px}.workspace-text{flex:1;min-width:0}.workspace-text span,.workspace-text strong{display:block}.workspace-text span{color:var(--text-3);font-size:9px}.workspace-text strong{margin-top:1px;overflow:hidden;color:var(--text-1);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.side-nav{flex:1;padding-top:16px;overflow-y:auto}.nav-section-label{display:block;padding:0 8px 6px;color:var(--text-3);font:9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.nav-section-spaced{margin-top:18px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;min-height:36px;margin:2px 0;padding:0 12px;border:0;border-radius:var(--radius-md, 8px);color:var(--text-2);background:transparent;text-align:left;font-size:13px;font-weight:500;transition:all .12s ease}.nav-item:hover{color:var(--text-1);background:#ffffff0d}.nav-item-active{color:#38bdf8;background:#0284c729;box-shadow:inset 3px 0 #38bdf8;font-weight:600}.nav-item-active:hover{background:#0284c738}.nav-item span{flex:1;white-space:nowrap}.nav-sub-item{width:100%;display:flex;align-items:center;min-height:32px;margin:1px 0;padding:0 12px 0 34px;border:0;border-radius:var(--radius-sm, 6px);color:var(--text-3);background:transparent;text-align:left;font-size:12.5px;font-weight:500;transition:all .12s ease}.nav-sub-item:hover{color:var(--text-1);background:#ffffff0a}.nav-sub-item-active{color:#38bdf8;background:#0284c729;box-shadow:inset 3px 0 #38bdf8;font-weight:600}.sidebar-footer{padding-top:14px;border-top:1px solid var(--border)}.health-chip{display:flex;align-items:center;gap:6px;margin:0 4px 10px;color:var(--text-2);font-size:10px;white-space:nowrap}.health-chip .health-version{margin-left:auto;color:var(--text-3);font:9px var(--font-mono)}.status-dot{width:6px;height:6px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#565a61;box-shadow:0 0 0 2px #565a6133}.status-online{background:var(--mint);box-shadow:0 0 0 3px #30a46c33}.status-attention{background:var(--amber);box-shadow:0 0 0 3px #f59e0b33}.status-offline{background:var(--rose);box-shadow:0 0 0 3px #eb575733}.status-unknown{background:#565a61}.profile-row{display:flex;align-items:center;gap:8px;padding:6px 4px 0}.profile-avatar{width:24px;height:24px;flex:0 0 auto;border-radius:6px;font-size:9px}.profile-text{flex:1;min-width:0}.profile-text strong,.profile-text span{display:block}.profile-text strong{overflow:hidden;color:var(--text-1);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-text span{margin-top:1px;color:var(--text-3);font-size:9px}.profile-avatar-top{border:0;color:#fff;background:#ffffff1a}.app-shell.app-shell-sidebar-collapsed .sidebar,.app-shell-sidebar-collapsed .sidebar,.sidebar-collapsed{width:var(--sidebar-narrow);padding-left:8px;padding-right:8px}.app-shell.app-shell-sidebar-collapsed .main-content,.app-shell-sidebar-collapsed .main-content{margin-left:var(--sidebar-narrow);width:calc(100% - var(--sidebar-narrow));max-width:calc(100% - var(--sidebar-narrow))}.sidebar-collapsed .brand-text,.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .health-chip span,.sidebar-collapsed .health-chip .health-version,.sidebar-collapsed .profile-text,.sidebar-collapsed .profile-row>svg{display:none!important}.sidebar-collapsed .nav-sub-list{display:none!important}.sidebar-collapsed .sidebar-head{flex-direction:column;gap:10px}.sidebar-collapsed .nav-item{justify-content:center;padding:0;gap:0}.sidebar-collapsed .profile-row,.sidebar-collapsed .health-chip{justify-content:center}.sidebar-collapsed .health-chip{margin-bottom:10px}.sidebar-backdrop{display:none}.topbar{position:sticky;top:0;z-index:20;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 28px;border-bottom:1px solid var(--border);background:#08090ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.mobile-menu{display:none}.topbar-clock{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);background:#ffffff05;font-size:10px}.topbar-clock b{color:var(--text-1);font:500 11px var(--font-mono)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:12px;white-space:nowrap}.breadcrumb strong{color:var(--text-1);font-weight:500}.breadcrumb-slash{color:var(--text-3);opacity:.4}.top-actions{display:flex;align-items:center;gap:12px}.page-loading-card{display:flex;align-items:center;gap:12px;min-height:132px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-2);background:var(--bg-panel);box-shadow:var(--shadow-card)}.page-loading-copy{display:grid;gap:5px}.page-loading-copy strong{color:var(--text-1);font-size:13px}.page-loading-copy span{color:var(--text-3);font-size:11px}.page-loading-spinner{animation:pulse 1.2s ease-in-out infinite}.telemetry-stat-box.telemetry-pending .stat-main{color:var(--amber)}.telemetry-stat-box.telemetry-pending:after{content:"";display:block;width:56px;height:3px;margin-top:9px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--amber),transparent);background-size:180% 100%;animation:telemetry-scan 1.4s ease-in-out infinite}@keyframes telemetry-scan{0%{background-position:100% 0;opacity:.35}50%{opacity:1}to{background-position:-100% 0;opacity:.35}}.refresh-controls{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#ffffff05}.guest-live-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px;white-space:nowrap}.guest-live-indicator .status-dot{width:7px;height:7px;box-shadow:0 0 0 3px #30a46c24}.refresh-toggle{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:28px;border:0;color:var(--text-3);background:transparent;font-size:11px;font-weight:500;transition:all .12s ease}.refresh-toggle-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);transition:all .12s ease}.refresh-on{color:var(--text-1)}.refresh-on .refresh-toggle-dot{background:var(--mint);box-shadow:0 0 0 2px #30a46c40;animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.refresh-interval{height:28px;padding:0 6px 0 4px;border:0;border-left:1px solid var(--border);color:var(--text-2);background:transparent;font:500 11px var(--font-mono)}.refresh-interval option{background:var(--bg-raised);color:var(--text-1)}.last-sync{color:var(--text-3);font-size:10px;white-space:nowrap}.last-sync b{color:var(--text-2);font:500 10px var(--font-mono)}.sync-state{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:10px;white-space:nowrap}.page-heading,.subpage-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}h1{margin:6px 0 4px;color:var(--text-1);font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;font-weight:600;line-height:1.15}.heading-period{color:var(--blue)}.page-heading p,.subpage-heading p{margin:0;color:var(--text-2);font-size:12px}.heading-actions{display:flex;align-items:center;gap:14px}.stat-grid>article{transition:all .14s ease}.stat-grid>article:hover{border-color:var(--border-strong);background:#ffffff05}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}.stat-card,.panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);box-shadow:var(--shadow-card)}.stat-card{min-width:0;min-height:110px;padding:12px 14px;overflow:hidden}.stat-topline{display:flex;align-items:center;gap:7px}.metric-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:5px}.metric-icon-mint{color:var(--mint);background:var(--mint-dim)}.metric-icon-blue{color:var(--blue);background:var(--blue-dim)}.metric-icon-amber{color:var(--amber);background:var(--amber-dim)}.metric-icon-violet{color:var(--violet);background:var(--violet-dim)}.metric-icon-rose{color:var(--rose);background:var(--rose-dim)}.stat-label{overflow:hidden;color:var(--text-3);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.trend{display:flex;align-items:center;gap:2px;margin-left:auto;font:10px var(--font-mono)}.trend-up{color:var(--mint)}.trend-down{color:var(--blue)}.stat-value{margin-top:10px;overflow:hidden;color:var(--text-1);font:600 20px var(--font-mono);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.stat-detail{margin-top:2px;overflow:hidden;color:var(--text-3);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sparkline{display:block;width:100%;height:28px;margin-top:6px;overflow:visible}.sparkline-fill{opacity:.1}.sparkline-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.sparkline-mint .sparkline-line{stroke:var(--mint)}.sparkline-mint .sparkline-fill{fill:var(--mint)}.sparkline-blue .sparkline-line{stroke:var(--blue)}.sparkline-blue .sparkline-fill{fill:var(--blue)}.sparkline-amber .sparkline-line{stroke:var(--amber)}.sparkline-amber .sparkline-fill{fill:var(--amber)}.sparkline-violet .sparkline-line{stroke:var(--violet)}.sparkline-violet .sparkline-fill{fill:var(--violet)}.sparkline-rose .sparkline-line{stroke:var(--rose)}.sparkline-rose .sparkline-fill{fill:var(--rose)}.sparkline-empty{height:28px;margin-top:6px;border-bottom:1px dashed var(--border)}.overview-columns{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.82fr);gap:var(--gap);align-items:start}.side-stack{display:grid;gap:var(--gap);min-width:0}.panel{min-width:0;padding:16px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}.panel-header h2{margin:0;color:var(--text-1);font-size:14px;letter-spacing:-.02em;font-weight:600}.panel-header p{margin:4px 0 0;color:var(--text-3);font-size:10px}.node-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px}.search-field{display:flex;align-items:center;gap:6px;width:min(240px,100%);padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);background:var(--bg-inset)}.search-field input{width:100%;height:28px;padding:0;border:0;outline:0;color:var(--text-1);background:transparent;font-size:11px}.search-field input::placeholder{color:var(--text-3)}.filter-group{display:flex;align-items:center;gap:3px}.filter-group button{padding:4px 8px;border:0;border-radius:4px;color:var(--text-3);background:transparent;font-size:11px;transition:all .12s ease}.filter-group button:hover{color:var(--text-1)}.filter-group .filter-active,.traffic-toggle .filter-active{color:#fff;background:#ffffff14;font-weight:500}.table-scroll{max-width:100%;overflow-x:auto}.node-table-wrap{margin-top:4px}.node-table{width:100%;min-width:760px;border-collapse:collapse}.node-table th{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text-3);font:10px var(--font-mono);letter-spacing:.06em;font-weight:500;text-align:left;white-space:nowrap;text-transform:uppercase}.node-table td{padding:8px 10px;border-top:1px solid rgba(255,255,255,.04);color:var(--text-2);font:11px var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums}.node-table tbody tr:first-child td{border-top:0}.node-row{cursor:pointer;box-shadow:inset 2px 0 transparent;transition:background .12s ease,box-shadow .12s ease}.node-row:hover,.node-row:focus-visible{background:#ffffff08;box-shadow:inset 2px 0 var(--blue)}.node-row-selected{background:#5e6ad20f}.node-cell-status{width:30px}.node-cell-name{min-width:160px;display:flex;align-items:center;gap:8px}.node-cell-name .node-name-text{display:flex;flex-direction:column;min-width:0}.node-cell-name strong{overflow:hidden;color:var(--text-1);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.node-cell-name small{max-width:150px;overflow:hidden;color:var(--text-3);font:9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.node-avatar{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:6px;font-size:10px;font-weight:700}.node-avatar-mint{color:#4cc38a;background:#30a46c26}.node-avatar-blue{color:#818cf8;background:#5e6ad226}.node-avatar-amber{color:#fbbf24;background:#f59e0b26}.node-avatar-rose{color:#f87171;background:#eb575726}.node-avatar-violet{color:#a78bfa;background:#8b5cf626}.node-avatar-gray{color:#8a8f98;background:#ffffff0d}.node-avatar-lg{width:40px;height:40px;border-radius:8px;font-size:15px}.node-avatar-amber{color:#e8c47c;background:#3b2f1a}.node-avatar-rose{color:#edabb2;background:#40232a}.node-avatar-violet{color:#cfbcf2;background:#2b2542}.node-avatar-gray{color:#9aa7a8;background:#232c30}.node-avatar-lg{width:46px;height:46px;border-radius:13px;font-size:17px}.node-cell-region{max-width:130px;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}.cell-meter{color:var(--text-2)}.cell-meter-hot{color:var(--amber)}.node-cell-network{display:flex;flex-direction:column;gap:2px}.node-cell-network span{color:var(--text-2)}.node-cell-loss-warn{color:var(--amber)}.node-cell-heartbeat{color:var(--text-2)}.node-cell-arrow{width:24px;color:var(--text-3);text-align:right}.node-row:hover .node-cell-arrow{color:var(--mint)}.node-card-list{display:none}.node-card{width:100%;display:grid;gap:10px;margin-bottom:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);color:inherit;text-align:left}.node-card-selected{border-color:#5ad8ae66}.node-card-head{display:flex;align-items:center;gap:10px}.node-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.node-card-title strong{display:flex;align-items:center;gap:7px;color:var(--text-1);font-size:13px}.node-card-title small{overflow:hidden;color:var(--text-3);font:9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.node-card-metrics{display:grid;gap:8px}.node-card-metric{display:grid;gap:4px;color:var(--text-2);font:10px var(--font-mono)}.node-card-metric span{display:flex;justify-content:space-between}.node-card-foot{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--border);color:var(--text-3);font:10px var(--font-mono)}.rank-list{margin:12px 0 0;padding:0;list-style:none}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.rank-row:first-child{border-top:0}.rank-index{width:18px;flex:0 0 auto;color:var(--text-3);font:700 10px var(--font-mono);text-align:center}.rank-row:first-child .rank-index{color:var(--mint)}.rank-body{flex:1;min-width:0;display:grid;gap:5px}.rank-label{overflow:hidden;color:var(--text-2);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.rank-value{flex:0 0 auto;color:var(--text-1);font:700 11px var(--font-mono);font-variant-numeric:tabular-nums}.alert-list{margin-top:12px}.alert-item{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--border)}.alert-item:first-child{border-top:0}.alert-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px}.alert-item-critical .alert-icon,.recent-alert-critical .alert-icon{color:var(--rose);background:var(--rose-dim)}.alert-item-warning .alert-icon,.recent-alert-warning .alert-icon{color:var(--amber);background:var(--amber-dim)}.alert-item-info .alert-icon,.recent-alert-info .alert-icon{color:var(--blue);background:var(--blue-dim)}.alert-item strong{display:block;color:var(--text-1);font-size:11px}.alert-item p{margin:5px 0;color:var(--text-2);font-size:10px;line-height:1.5}.alert-item small{color:var(--text-3);font:9px var(--font-mono)}.alert-ack-button{margin-top:7px;padding:5px 9px;font-size:10px}.recent-alert-list{display:grid;gap:8px;margin-top:12px}.recent-alert{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;text-align:left;transition:border-color .16s ease,transform .16s ease}.recent-alert:hover{border-color:#5ad8ae4d;transform:translate(2px)}.recent-alert .alert-icon{width:24px;height:24px}.recent-alert-body{min-width:0;display:grid;gap:3px}.recent-alert-body strong{overflow:hidden;color:var(--text-1);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-alert-body small{color:var(--text-3);font:9px var(--font-mono)}.empty-state{display:grid;place-items:center;gap:7px;padding:36px 14px;color:var(--text-3);text-align:center}.empty-state strong{color:var(--text-2);font-size:12px}.empty-state span{font-size:10px}.progress-track{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-fill{display:block;height:100%;border-radius:inherit;transition:width .4s ease}.progress-mint{background:var(--mint)}.progress-blue{background:var(--blue)}.progress-amber{background:var(--amber)}.progress-rose{background:var(--rose)}.subpage{display:block}.placeholder-panel{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.placeholder-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:12px;color:var(--mint);background:var(--mint-dim)}.placeholder-panel h2{color:var(--text-1);font-size:16px}.placeholder-panel p{max-width:420px;color:var(--text-2);font-size:11px;line-height:1.7}.policy-list{margin-top:16px}.policy-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border);color:var(--text-2);font-size:11px}.policy-list b{overflow:hidden;color:var(--text-1);font:500 11px var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-list{margin-top:8px}.detail-hint{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--text-3);font-size:10px}.detail-identity{display:flex;align-items:center;gap:16px;margin-bottom:var(--gap)}.detail-identity-main{flex:1;min-width:0}.detail-identity-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.detail-identity-title h1{margin:0;font-size:24px}.detail-identity-main p{margin:6px 0 0;overflow:hidden;color:var(--text-3);font:10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700}.badge-online{color:var(--mint);background:var(--mint-dim)}.badge-attention{color:var(--amber);background:var(--amber-dim)}.badge-offline{color:var(--rose);background:var(--rose-dim)}.badge-unknown{color:var(--text-2);background:#ffffff0f}.gauge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}.ring-gauge{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ring-gauge:hover{border-color:var(--border-strong)}.gauge-card-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.gauge-meta-left{display:flex;flex-direction:column;gap:3px}.gauge-label-row{display:flex;align-items:center;gap:6px}.gauge-dot{width:7px;height:7px;border-radius:50%}.gauge-dot-mint{background:var(--mint);box-shadow:0 0 6px var(--mint)}.gauge-dot-blue{background:var(--blue);box-shadow:0 0 6px var(--blue)}.gauge-dot-amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.gauge-label-title{font-size:13px;font-weight:600;color:var(--text-2)}.ring-center{display:flex;align-items:baseline;gap:6px}.ring-center strong{color:var(--text-1);font:700 22px var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.1}.ring-center span{color:var(--text-3);font-size:11px}.ring-detail{font-size:11px;color:var(--text-3);margin-top:2px}.ring-circle-compact{display:flex;align-items:center;justify-content:center}.ring-circle-compact svg{width:44px;height:44px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff14;stroke-width:6}.ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.ring-mint .ring-fill{stroke:var(--mint)}.ring-blue .ring-fill{stroke:var(--blue)}.ring-amber .ring-fill{stroke:var(--amber)}.gauge-sparkline-row{margin-top:14px;width:100%;height:44px;position:relative}.gauge-sparkline-svg{display:block;width:100%;height:44px}.gauge-sparkline-placeholder{display:flex;align-items:center;justify-content:center;height:44px;font-size:11px;border-top:1px dashed var(--border)}.dual-chart{margin-top:12px}.nezha-dual-chart-wrap{display:flex;flex-direction:column}.dual-chart-svg-wrap{position:relative;width:100%}.dual-chart-svg{display:block;width:100%;height:200px;background:transparent}.dual-area-cpu{fill:var(--mint);opacity:.12}.dual-area-mem{fill:var(--blue);opacity:.1}.dual-line{fill:none;stroke-width:.95;vector-effect:non-scaling-stroke}.dual-line-cpu{stroke:var(--mint)}.dual-line-mem{stroke:var(--blue)}.dual-legend{display:flex;align-items:center;gap:18px;margin-top:12px;color:var(--text-2);font:11px var(--font-mono)}.dual-legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px}.dual-legend .legend-cpu i{background:var(--mint)}.dual-legend .legend-mem i{background:var(--blue)}.checks-table,.media-table{width:100%;min-width:560px;margin-top:6px;border-collapse:collapse;color:var(--text-2)}.checks-table th,.media-table th{padding:8px;border-bottom:1px solid var(--border-strong);color:var(--text-3);font:9px var(--font-mono);font-weight:400;text-align:left;white-space:nowrap}.checks-table td,.media-table td{padding:10px 8px;border-top:1px solid var(--border);color:var(--text-2);font:11px var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums}.checks-table td:first-child,.media-table .media-node-cell{color:var(--text-1);font-weight:700}.checks-row-warning td{color:var(--amber)}.media-table .media-cell{padding:5px 10px;border-radius:8px}.media-table .media-cell svg{margin-right:5px}.media-checked-cell{color:var(--text-3)}.media-cell-available{color:var(--mint);background:#5ad8ae1a}.media-cell-unavailable{color:var(--rose);background:#e07f881f}.media-cell-warning{color:var(--amber);background:#e3b5691f}.media-cell-muted{color:var(--text-3)}.komari-ip-quality-card{grid-column:1 / -1;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;padding:12px 14px}.komari-ip-quality-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:default}.komari-ip-quality-title{display:inline-flex;align-items:center;gap:6px;color:var(--text-1);font-size:13px;font-weight:700}.komari-ip-quality-title h3{margin:0;font-size:13px;font-weight:700;color:inherit}.komari-ip-quality-body{padding-top:10px}.ip-quality-header-actions{display:inline-flex;align-items:center;gap:10px}.ip-family-tabs{display:inline-flex;align-items:center;background:#0000004d;padding:2px;border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.ip-family-tab{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:600;color:var(--text-3);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.ip-family-tab:hover{color:var(--text-1);background:#ffffff0d}.ip-family-tab.active{color:#fff;background:#ffffff24;box-shadow:0 1px 3px #00000040}.tab-songzhong-badge{display:inline-block;font-size:9px;line-height:1;padding:1px 4px;border-radius:3px;background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.35);font-weight:700}.ip-quality-header-time{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:-.2px}.risk-songzhong-badge{display:inline-block;font-size:10px;line-height:1.2;padding:1px 5px;border-radius:3px;background:#ef44442e;color:#f87171;border:1px solid rgba(239,68,68,.35);font-weight:700;margin-left:4px}.ip-quality-summary-item.risk-box-low{border-color:#10b98159}.ip-quality-summary-item.risk-box-medium{border-color:#f59e0b59}.ip-quality-summary-item.risk-box-high{border-color:#ef444459}.ip-quality-stale-alert{padding:6px 10px;margin-bottom:8px;border-radius:var(--radius-sm, 6px);background:var(--amber-dim, rgba(245, 158, 11, .14));border:1px solid rgba(245,158,11,.25);color:var(--amber, #f59e0b);font-size:11px;line-height:1.4}.ip-quality-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}.ip-quality-summary-grid.ip-quality-summary-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.ip-quality-summary-item{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;max-width:100%;overflow:hidden;padding:7px 10px;border-radius:var(--radius-sm, 6px);background:var(--bg-subtle, rgba(255, 255, 255, .02));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.ip-quality-summary-item .label{color:var(--text-3);font-size:11px;line-height:1.2}.ip-quality-summary-item .value{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--text-1);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-quality-summary-item.risk .value.risk-low{color:var(--mint)}.ip-quality-summary-item.risk .value.risk-medium{color:var(--amber)}.ip-quality-summary-item.risk .value.risk-high{color:var(--rose)}.ip-quality-summary-item.risk .value.risk-unknown{color:var(--text-3)}.ip-quality-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.ip-quality-detail-grid.ip-quality-detail-grid-two,.ip-quality-detail-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.ip-quality-detail-grid.ip-quality-detail-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.ip-quality-detail-grid-three>.ip-quality-panel,.ip-quality-panel{display:flex;flex-direction:column;min-width:0;height:100%;padding:8px 11px;border-radius:var(--radius-sm, 6px);background:var(--bg-subtle, rgba(255, 255, 255, .02));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));box-sizing:border-box}.ip-quality-panel-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;color:var(--text-2);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .05));padding-bottom:6px;min-height:24px;box-sizing:border-box}.ip-quality-panel-title .panel-title-text{display:inline-flex;align-items:center;gap:5px}.ip-quality-detail-grid-three>.ip-quality-panel .ip-quality-panel-body,.ip-quality-panel-body{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.ip-quality-empty-inline{display:flex;align-items:center;justify-content:center;flex:1;min-height:80px;color:var(--text-3);font-size:11px}.ip-quality-score-list{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0;gap:6px}.ip-quality-score-row{display:grid;grid-template-columns:minmax(84px,118px) 1fr 34px;align-items:center;min-height:25px;gap:8px;font-size:12px;min-width:0}.ip-quality-score-label{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25}.ip-quality-score-track{width:100%;height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.ip-quality-score-bar{height:100%;border-radius:inherit;transition:width .3s ease}.ip-quality-score-bar.score-low{background:var(--mint)}.ip-quality-score-bar.score-medium{background:var(--amber)}.ip-quality-score-bar.score-high{background:var(--rose)}.ip-quality-score-bar.score-unknown{background:var(--text-3)}.ip-quality-score-value{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;min-width:34px;font-size:12px;line-height:1.25}.score-text-low{color:var(--mint)}.score-text-medium{color:var(--amber)}.score-text-high{color:var(--rose)}.score-text-unknown{color:var(--text-3)}.ip-quality-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ip-quality-flag-item{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:4px 7px;border-radius:4px;background:#ffffff05;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));font-size:11px}.ip-quality-flag-item .flag-label{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ip-quality-flag-item .flag-status{font-weight:600;font-size:10.5px;white-space:nowrap;flex-shrink:0}.ip-quality-flag-item .flag-status.flag-yes{color:var(--rose)}.ip-quality-flag-item .flag-status.flag-warn{color:var(--amber)}.ip-quality-flag-item .flag-status.flag-no{color:var(--mint)}.ip-quality-flag-item .flag-status.flag-unknown{color:var(--text-3)}.ip-quality-factors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:auto}.ip-quality-factor-cell{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:4px 0;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));font-size:12px}.ip-quality-factor-cell .factor-label{color:var(--text-2);font-size:12px;line-height:1.25}.ip-quality-factor-cell .factor-val{font-weight:700;font-size:12px;line-height:1.25;font-variant-numeric:tabular-nums;text-align:right}.ip-quality-factor-cell .factor-clean{color:var(--mint)}.ip-quality-factor-cell .factor-hit{color:#fb923c}.ip-quality-factor-cell .factor-unknown{color:var(--text-3)}.ip-quality-dnsbl-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 2px;margin-top:auto;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-size:12px}.ip-quality-dnsbl-row .dnsbl-label{color:var(--text-2);font-size:12px;font-weight:600}.ip-quality-dnsbl-row .dnsbl-val{font-size:11.5px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.ip-quality-panel-footer{margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.ip-quality-check-time{display:block;color:var(--text-3);font-size:10px;line-height:1.4}.ipqa-status-strip{margin-top:8px;padding:8px 10px;background:var(--bg-card-subtle, rgba(255, 255, 255, .02));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-sm, 6px)}.ipqa-status-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.ipqa-status-title{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-1)}.ipqa-badge{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}.ipqa-badge-green{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.ipqa-badge-blue{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.ipqa-badge-yellow{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.ipqa-badge-red{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.ipqa-badge-orange{background:#f973161f;color:#f97316;border:1px solid rgba(249,115,22,.25)}.ipqa-badge-gray{background:#94a3b81a;color:var(--text-3);border:1px solid rgba(148,163,184,.2)}.ipqa-empty-text{font-size:11px;color:var(--text-3);padding:2px 0}.ipqa-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ipqa-metric-item{display:flex;flex-direction:column;gap:2px;min-width:0}.ipqa-metric-item .label{font-size:10px;color:var(--text-3)}.ipqa-metric-item .value{font-size:11px;font-weight:500;color:var(--text-1)}.ipqa-metric-item .sev-critical{color:#ef4444}.ipqa-metric-item .sev-warning{color:#f59e0b}.ipqa-metric-item .sev-info{color:#3b82f6}.ipqa-metric-item .sev-none{color:#10b981}@media(max-width:640px){.ipqa-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}[data-theme=light] .ipqa-status-strip{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ipqa-status-title{color:#334155}[data-theme=light] .ipqa-metric-item .value{color:#0f172a}.ipqa-panel-body{flex:1;min-width:0}.ipqa-panel-metrics{display:flex;flex-direction:column;gap:6px;padding:4px 0}.ipqa-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}.ipqa-metric-row .label{color:var(--text-3);font-size:11px;white-space:nowrap}.ipqa-metric-row .value{color:var(--text-1);font-weight:500;text-align:right;max-width:65%}.ipqa-metric-row .sev-critical{color:#ef4444;font-weight:600}.ipqa-metric-row .sev-warning{color:#f59e0b;font-weight:600}.ipqa-metric-row .sev-info{color:#3b82f6}.ipqa-metric-row .sev-none{color:#10b981}.komari-ip-quality-empty{min-height:80px}.ip-quality-media-panel .ip-quality-panel-body{display:flex;flex-direction:column}.ip-quality-media-count{font-size:10px;color:var(--text-3);background:#ffffff0d;padding:1px 6px;border-radius:4px}.ip-quality-media-list{display:grid;grid-template-columns:1fr;gap:4px;flex:1}.ip-quality-media-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 8px;height:28px;min-height:28px;box-sizing:border-box;border-radius:4px;background:#ffffff05;border:1px solid var(--border-subtle, rgba(255, 255, 255, .04));font-size:12px}.ip-quality-media-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.ip-quality-media-icon{width:17px;height:17px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.ip-quality-media-name,.ip-quality-media-row .media-name{color:var(--text-1);font-weight:500;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-quality-media-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.ip-quality-media-status,.ip-quality-media-row .media-status{font-size:11px;line-height:1.2;font-weight:600;padding:2px 6px;border-radius:3px;text-align:center;white-space:nowrap}.ip-quality-media-status.status-available,.media-status.status-available{color:var(--mint);background:var(--mint-dim)}.ip-quality-media-status.status-unavailable,.media-status.status-unavailable{color:var(--rose);background:var(--rose-dim)}.ip-quality-media-status.status-warning,.media-status.status-warning{color:var(--amber);background:var(--amber-dim)}.ip-quality-media-status.status-blocked,.media-status.status-blocked,.ip-quality-media-status.status-error,.media-status.status-error{color:var(--rose);background:var(--rose-dim)}.ip-quality-media-status.status-timeout,.media-status.status-timeout,.ip-quality-media-status.status-stale,.media-status.status-stale{color:var(--amber);background:var(--amber-dim)}.ip-quality-media-status.status-unknown,.media-status.status-unknown{color:var(--text-3);background:#ffffff0a}.ip-quality-media-status.status-songzhong,.media-status.status-songzhong{color:#fb923c!important;background:#f9731626!important;border:1px solid rgba(249,115,22,.35)!important}.status-bullet{margin-right:3px;font-size:9px;opacity:.85}.ip-quality-media-row .media-region{color:var(--text-2);text-align:center;font-size:10px}.ip-quality-media-latency,.ip-quality-media-row .media-latency{color:var(--text-3);text-align:right;font-size:10px;font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace)}.ip-quality-media-row .media-time{color:var(--text-3);text-align:right;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-quality-media-view-all-btn{background:#38bdf81f;color:var(--blue, #38bdf8);border:1px solid rgba(56,189,248,.25);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.ip-quality-media-view-all-btn:hover{background:#38bdf833;border-color:#38bdf866}[data-theme=light] .ip-quality-media-view-all-btn{background:#f0f9ff;color:#0284c7;border-color:#bae6fd}[data-theme=light] .ip-quality-media-view-all-btn:hover{background:#e0f2fe}.ip-quality-media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.ip-quality-media-modal-card{width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-card, #131722);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 20px 40px #00000080;overflow:hidden}[data-theme=light] .ip-quality-media-modal-card{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 40px #00000026}.ip-quality-media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}[data-theme=light] .ip-quality-media-modal-header{border-bottom-color:#f1f5f9}.ip-quality-media-modal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-1)}.ip-quality-media-modal-badge{font-size:10px;padding:1px 6px;border-radius:4px;background:#ffffff0f;color:var(--text-2)}[data-theme=light] .ip-quality-media-modal-badge{background:#f1f5f9;color:#475569}.ip-quality-media-modal-close{background:transparent;border:0;padding:4px;border-radius:4px;color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.ip-quality-media-modal-close:hover{color:var(--text-1);background:#ffffff0f}.ip-quality-media-modal-body{padding:12px 16px 16px;overflow-y:auto}.ip-quality-media-modal-table-wrap{width:100%;overflow-x:auto}.ip-quality-media-modal-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.ip-quality-media-modal-table th{color:var(--text-3);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-size:11px}.ip-quality-media-modal-table td{padding:8px 10px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));color:var(--text-2)}[data-theme=light] .ip-quality-media-modal-table th,[data-theme=light] .ip-quality-media-modal-table td{border-bottom-color:#f1f5f9}.ip-quality-media-modal-table tr:last-child td{border-bottom:0}.ip-quality-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:6px;font-size:11px;color:var(--text-3);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .04))}.ip-quality-card-footer .ip-quality-footer-source{color:var(--text-3)}.ip-quality-card-footer .ip-quality-footer-divider{opacity:.35}.ip-quality-card-footer .ip-quality-footer-time{color:var(--text-2)}@media(max-width:1024px){.ip-quality-summary-grid,.ip-quality-summary-grid.ip-quality-summary-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-quality-detail-grid,.ip-quality-detail-grid.ip-quality-detail-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}@media(max-width:860px){.ip-quality-detail-grid,.ip-quality-detail-grid.ip-quality-detail-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-quality-detail-grid.ip-quality-detail-grid-three .ip-quality-panel:nth-child(3){grid-column:span 2}}@media(max-width:768px){.ip-quality-summary-grid,.ip-quality-summary-grid.ip-quality-summary-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-quality-detail-grid,.ip-quality-detail-grid.ip-quality-detail-grid-two,.ip-quality-detail-grid-two,.ip-quality-detail-grid.ip-quality-detail-grid-three{grid-template-columns:1fr}.ip-quality-detail-grid.ip-quality-detail-grid-three .ip-quality-panel:nth-child(3){grid-column:auto}.ip-quality-score-row{grid-template-columns:minmax(76px,108px) 1fr 34px;gap:6px}.ip-quality-card-footer{justify-content:space-between}}@media(max-width:480px){.ip-quality-flag-grid{grid-template-columns:1fr}.ip-quality-score-label{font-size:11px}.ip-quality-score-value{font-size:11px;min-width:28px}.ip-quality-factor-cell .factor-label,.ip-quality-factor-cell .factor-val,.ip-quality-dnsbl-row .dnsbl-label{font-size:11px}.ip-quality-dnsbl-row .dnsbl-val{font-size:10.5px}.ip-quality-media-row{height:26px;min-height:26px;padding:2px 6px;gap:4px}.ip-quality-media-left{min-width:0;flex:1;overflow:hidden}.ip-quality-media-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-quality-media-right{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.ip-quality-media-status{font-size:10px;padding:1px 5px;white-space:nowrap}.ip-quality-media-latency{font-size:9px;white-space:nowrap}}[data-theme=light] .komari-ip-quality-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .ip-quality-summary-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ip-quality-summary-item .label{color:#64748b}[data-theme=light] .ip-quality-summary-item .value{color:#0f172a}[data-theme=light] .ip-quality-panel{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ip-quality-panel-title{color:#334155;border-bottom-color:#e2e8f0}[data-theme=light] .ip-quality-score-track{background:#e2e8f0}[data-theme=light] .ip-quality-flag-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .ip-quality-flag-item .flag-label{color:#64748b}[data-theme=light] .ip-quality-media-row{background:#fff;border-color:#e2e8f0}[data-theme=light] .ip-family-tabs{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .ip-family-tab{color:#64748b}[data-theme=light] .ip-family-tab:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .ip-family-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}[data-theme=light] .ip-quality-factor-cell{border-bottom-color:#f1f5f9}[data-theme=light] .ip-quality-factor-cell .factor-label,[data-theme=light] .ip-quality-factor-cell .factor-unknown{color:#64748b}[data-theme=light] .ip-quality-dnsbl-row{border-top-color:#e2e8f0}[data-theme=light] .ip-quality-dnsbl-row .dnsbl-label{color:#334155}[data-theme=light] .ip-quality-dnsbl-row .dnsbl-val{color:#475569}[data-theme=light] .ip-quality-media-row .media-name{color:#0f172a}[data-theme=light] .ip-quality-media-count{background:#e2e8f0;color:#64748b}[data-theme=light] .ip-quality-card-footer{border-top-color:#e2e8f0}[data-theme=light] .ip-quality-card-footer .ip-quality-footer-time{color:#475569}.media-row-unreported td{color:var(--text-3)}.komari-media-strip-card{box-sizing:border-box;width:100%;margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-md, 8px);background:var(--card-bg, #1e293b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.komari-media-strip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.komari-media-strip-title{display:inline-flex;align-items:center;gap:6px;color:var(--text-1)}.komari-media-strip-title h3{margin:0;font-size:13px;font-weight:700;color:inherit}.komari-media-strip-summary{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--primary-dim, rgba(2, 132, 199, .12));color:var(--primary, #0284c7);font-weight:600}.komari-media-strip-toggle-btn{background:transparent;border:0;padding:2px 6px;color:var(--blue, #38bdf8);font-size:11px;cursor:pointer;border-radius:4px}.komari-media-strip-toggle-btn:hover{text-decoration:underline;background:#ffffff0a}.komari-media-strip-loading,.komari-media-strip-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 16px;color:var(--text-3);font-size:12px;background:var(--bg-subtle, rgba(255, 255, 255, .02));border-radius:6px;border:1px dashed var(--border-subtle, rgba(255, 255, 255, .06))}.komari-media-strip-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.komari-media-service-card{min-width:0;min-height:72px;max-height:84px;box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 8px;align-items:center;padding:10px;border-radius:8px;background:var(--bg-subtle, rgba(255, 255, 255, .02));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));transition:transform .15s ease,border-color .15s ease}.komari-media-service-card:hover{border-color:#ffffff24}.komari-media-service-icon{grid-column:1;grid-row:1 / span 2;align-self:center;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.komari-media-service-name{grid-column:2;grid-row:1;font-size:12px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.komari-media-service-status{grid-column:3;grid-row:1;justify-self:end;font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;white-space:nowrap}.komari-media-service-status.status-available{color:var(--mint, #10b981);background:var(--mint-dim, rgba(16, 185, 129, .14))}.komari-media-service-status.status-unavailable{color:var(--amber, #f59e0b);background:var(--amber-dim, rgba(245, 158, 11, .14))}.komari-media-service-status.status-blocked,.komari-media-service-status.status-error{color:var(--rose, #f43f5e);background:var(--rose-dim, rgba(244, 63, 94, .14))}.komari-media-service-status.status-timeout{color:var(--amber, #f59e0b);background:var(--amber-dim, rgba(245, 158, 11, .14))}.komari-media-service-status.status-unknown{color:var(--text-3);background:#ffffff0a}.komari-media-service-region{grid-column:2;grid-row:2;font-size:11px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.komari-media-service-latency{grid-column:3;grid-row:2;justify-self:end;font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:640px){.komari-media-strip-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.komari-media-service-card{flex:0 0 148px;min-width:148px}}[data-theme=light] .komari-media-strip-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .komari-media-service-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .komari-media-service-card:hover{border-color:#cbd5e1}[data-theme=light] .komari-media-service-name{color:#0f172a}[data-theme=light] .komari-media-service-region{color:#475569}[data-theme=light] .komari-media-strip-empty,[data-theme=light] .komari-media-strip-loading{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .komari-media-service-status.status-unknown{background:#0000000a}.traffic-toggle{display:flex;align-items:center;gap:3px}.traffic-toggle button{padding:6px 11px;border:0;border-radius:6px;color:var(--text-3);background:transparent;font-size:11px}.traffic-toggle button:hover{color:var(--text-1)}.traffic-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:13px;color:var(--text-2);font-size:11px}.traffic-summary span{display:flex;align-items:baseline;gap:6px}.traffic-summary b{color:var(--text-1);font:700 13px var(--font-mono);font-variant-numeric:tabular-nums}.traffic-reset{margin-left:auto;color:var(--text-3);font:9px var(--font-mono)}.traffic-reset-warn{margin-left:auto;padding:4px 9px;border-radius:999px;color:var(--amber);background:var(--amber-dim)}.traffic-reset-hint{margin:8px 0 0;color:var(--amber);font-size:9px;opacity:.85}.traffic-bars{display:block;width:100%;height:96px;margin-top:12px;overflow:visible}.traffic-bar-rx{fill:var(--mint)}.traffic-bar-tx{fill:var(--blue)}.traffic-legend{display:flex;align-items:center;gap:14px;margin-top:9px;color:var(--text-3);font:9px var(--font-mono)}.traffic-legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px}.traffic-legend .legend-rx i{background:var(--mint)}.traffic-legend .legend-tx i{background:var(--blue)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;background:#00000080;animation:fade-in .18s ease}.node-drawer{width:min(380px,100%);min-height:100%;padding:26px;overflow-y:auto;border-left:1px solid var(--border-strong);background:var(--bg-raised);box-shadow:var(--shadow-pop);animation:drawer-in .26s cubic-bezier(.32,.72,0,1)}.drawer-header{display:flex;justify-content:space-between;gap:18px}.drawer-header h2{margin:8px 0 0;overflow:hidden;color:var(--text-1);font-size:22px;letter-spacing:-.04em;text-overflow:ellipsis}.drawer-status{display:flex;align-items:center;gap:8px;margin:20px 0;padding:10px 12px;border:1px solid rgba(90,216,174,.16);border-radius:var(--radius-sm);color:var(--mint);background:#5ad8ae0f;font-size:11px}.drawer-status span:last-child{margin-left:auto;color:var(--text-3);font:9px var(--font-mono)}.drawer-section{margin-top:22px}.drawer-section h3{margin-bottom:12px;color:var(--text-1);font-size:12px}.drawer-bar{display:grid;gap:7px;margin:13px 0;color:var(--text-2);font-size:11px}.drawer-bar span{display:flex;justify-content:space-between}.drawer-bar b{color:var(--text-1);font:600 11px var(--font-mono)}.drawer-bar-plain{grid-template-columns:1fr auto;align-items:center}.drawer-actions{display:grid;gap:9px;margin-top:28px}.drawer-button{width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:.4;transform:translate(34px)}to{opacity:1;transform:translate(0)}}.guest-shell{box-sizing:border-box;width:min(100% - 32px,1240px);max-width:1240px;min-height:100dvh;margin:0 auto;padding:16px 0 32px;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(circle at 80% -20%,rgba(90,216,174,.08),transparent 36%),var(--bg-base)}#root,.app-shell{max-width:100%;overflow-x:hidden}.guest-preview-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:3px 10px;margin-bottom:8px;border-radius:6px;background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#a7f3d0;font-size:11px}.guest-preview-strip-left{display:flex;align-items:center;gap:6px;min-width:0}.guest-preview-strip-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.guest-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:10px;flex-wrap:wrap}.guest-header .brand-lockup{display:flex;align-items:center;gap:8px;padding:0}.guest-header .heading-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.guest-hero{margin:26px 0}.guest-hero p{margin:0;color:var(--text-2);font-size:13px;line-height:1.7}.guest-hero-center{display:grid;justify-items:center;gap:12px;margin:44px 0 30px;padding:40px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-card);text-align:center}.guest-hero-center h1{margin:0}.guest-hero-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#06130e;background:var(--mint);box-shadow:0 14px 36px #5ad8ae38}.guest-hero-center p{max-width:520px}.guest-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em}.guest-badge-ok{color:var(--mint);background:var(--mint-dim);box-shadow:inset 0 0 0 1px #5ad8ae4d}.guest-badge-warn{color:var(--amber);background:var(--amber-dim);box-shadow:inset 0 0 0 1px #e3b5694d}.guest-badge-muted{color:var(--text-2);background:#ffffff0f}.guest-stats-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--border-subtle, var(--border));border-radius:8px;background:var(--surface-card, var(--bg-panel));box-sizing:border-box}.guest-stat-box{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:4px 6px}.guest-stat-box .stat-head{display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:11px}.guest-stat-box .stat-main{color:var(--text-1);font-size:16px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.25}.guest-stat-box .stat-sub{color:var(--text-3);font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.guest-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.guest-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 8px}.guest-stat-box .stat-main{font-size:14px}}.guest-media-compact-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:4px 12px;margin-bottom:10px;border-radius:8px;background:var(--surface-subtle, rgba(255, 255, 255, .025));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-size:11.5px;box-sizing:border-box}.media-bar-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.media-bar-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#38bdf8;font-size:10px;font-weight:700}.media-bar-center{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.media-bar-preview-tags{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto}.media-mini-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:4px;font-size:10.5px;white-space:nowrap}.media-mini-tag.is-ok{color:#10b981;background:#10b9811a}.media-mini-tag.is-muted{color:#94a3b8;background:#94a3b81a}.media-bar-empty-note{color:var(--text-3);font-size:11px}.media-modal-dialog{width:min(480px,calc(100vw - 32px));max-width:480px;padding:16px;border-radius:12px;background:var(--card-bg, #111827);border:1px solid var(--border);box-shadow:0 20px 48px #0006}.media-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;max-height:60vh;overflow-y:auto}.media-modal-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;border:1px solid var(--border-subtle);font-size:12px}.media-modal-card.is-ok{border-color:#10b98140;background:#10b9810f;color:#10b981}.media-modal-card.is-muted{border-color:#94a3b826;background:#94a3b80a;color:#94a3b8}.guest-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:10px;padding:5px 10px;border-radius:8px;background:var(--surface-subtle, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));box-sizing:border-box}.guest-search-box{display:flex;align-items:center;gap:6px;flex:1 1 auto;max-width:320px;height:30px;min-height:30px;padding:0 8px;border-radius:6px;background:var(--surface-card, rgba(0, 0, 0, .2));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));box-sizing:border-box}.guest-search-input{background:transparent;border:none;outline:none;color:inherit;width:100%;font-size:12px}.guest-search-clear{background:none;border:none;cursor:pointer;padding:0;opacity:.6;color:inherit;display:flex;align-items:center}.guest-filters-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.guest-tag-scroll{display:flex;align-items:center;gap:4px;overflow-x:auto;max-width:300px}.guest-sort-select{background:var(--surface-card, rgba(0, 0, 0, .2));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));color:inherit;font-size:11.5px;padding:4px 6px;border-radius:6px;cursor:pointer}@media(max-width:768px){.guest-filter-toolbar{flex-direction:column;align-items:stretch;padding:6px 8px;gap:6px}.guest-search-box{flex:0 0 32px;height:32px;min-height:32px;max-width:100%;width:100%;box-sizing:border-box}.guest-filters-group{width:100%;overflow-x:auto;padding-bottom:2px}}.guest-node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;width:100%;box-sizing:border-box}@media(min-width:900px){.guest-node-grid.two-node-grid{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center}}@media(max-width:1279px){.guest-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.guest-node-grid{grid-template-columns:1fr!important;gap:10px}}.guest-node-grid.single-node-grid{display:flex!important;justify-content:center!important;width:100%}.guest-node-grid.single-node-grid>.guest-node-card,.guest-node-grid.single-node-grid>.nezha-vps-card{width:100%;max-width:460px}@media(max-width:640px){.guest-node-grid.single-node-grid>.guest-node-card,.guest-node-grid.single-node-grid>.nezha-vps-card{max-width:100%}}@media(max-width:560px){html,body,#root,.app-shell,.guest-shell,.guest-mjj-shell{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.guest-mjj-shell{padding-left:12px;padding-right:12px}.guest-header,.guest-hero-container,.guest-hero-banner,.guest-stats-grid,.guest-nodes-section,.guest-node-grid{min-width:0;max-width:100%}.guest-detail-wrap{width:100%;max-width:100%;padding:12px 0 28px}.guest-mjj-shell{width:100%;max-width:100%;padding-left:12px;padding-right:12px}.guest-shell{padding:16px 12px 18px}.guest-header{align-items:stretch;gap:12px}.guest-header .brand-lockup{flex:1 1 100%;min-width:0}.guest-header .heading-actions{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.guest-header .heading-actions>*{min-width:0}.guest-header .heading-actions .button{min-height:38px;padding-inline:10px;white-space:nowrap}.guest-header .heading-actions>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-hero-banner{align-items:flex-start;gap:12px;padding:16px}.hero-status-radar{width:42px;height:42px;flex-basis:42px}.hero-status-radar svg{width:28px;height:28px}.hero-status-content h1{font-size:18px;line-height:1.25}.hero-status-content p{font-size:12px;line-height:1.55}.hero-uptime-indicator{margin-left:auto;flex:0 0 auto}.uptime-value{font-size:22px}.guest-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.guest-stat-box{min-width:0;padding:12px}}.guest-node-card{display:flex;flex-direction:column;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel);text-align:left}.guest-ring{width:34px;height:34px;border-radius:50%;border:3px solid var(--mint-dim);border-top-color:var(--mint);border-right-color:var(--mint)}.guest-node-name{max-width:100%;overflow:hidden;color:var(--text-1);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.guest-node-card small{color:var(--text-3);font-size:9px}.guest-footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:26px;color:var(--text-3);font-size:9px}.guest-footer .footer-divider{width:3px;height:3px}.mjj-quick-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-8px 0 14px}.mjj-quick-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid color-mix(in srgb,var(--blue, #5e6ad2) 28%,transparent);border-radius:999px;color:var(--text-2);background:color-mix(in srgb,var(--blue, #5e6ad2) 8%,transparent);font-size:10px}.guest-media-summary{margin:0 0 10px;padding:8px 12px;min-height:52px;max-height:74px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-panel) 92%,var(--blue));display:flex;flex-direction:column;justify-content:center}.guest-media-empty-desc{font-size:10.5px;color:var(--text-3);margin-top:3px;line-height:1.3}.guest-media-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.guest-media-title-group{display:flex;align-items:baseline;gap:8px}.guest-media-summary-head h2{margin:0;font-size:13px;font-weight:700;color:var(--text-1)}.guest-media-summary-sub{font-size:11px;color:var(--text-3)}.guest-media-summary-status{display:flex;align-items:center;gap:8px}.guest-media-empty-note{font-size:11px;color:var(--text-3)}.guest-media-summary-head strong{color:var(--blue);font-size:13px}.guest-media-summary-grid{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.guest-media-summary-grid span{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;background:#ffffff0a;color:var(--text-2);font-size:10.5px;line-height:1.4}.guest-media-summary-grid .is-ok{color:var(--mint);background:#5ad8ae17}.guest-media-summary-grid .is-muted{color:var(--text-3)}.guest-media-summary-grid .placeholder-hint{font-size:9px;opacity:.65;margin-left:2px}.totp-setup{margin-top:4px}.totp-hint{margin:14px 0 0;color:var(--text-2);font-size:11px;line-height:1.65}.totp-secret{word-break:break-all;max-width:72%;white-space:normal!important}.totp-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.totp-input{width:min(220px,100%);height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-1);background:var(--bg-inset);font:700 15px var(--font-mono);letter-spacing:.18em;outline:0;transition:border-color .16s ease}.totp-input:focus{border-color:#5ad8ae73}.totp-input-large{width:min(260px,100%)}.totp-verify-panel{max-width:520px}.error-boundary{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% -20%,rgba(90,216,174,.08),transparent 36%),var(--bg-base)}.error-boundary-card{width:min(440px,100%);padding:34px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-card)}.error-boundary-card h1{margin:12px 0 10px;font-size:28px}.error-boundary-card p{margin-bottom:22px;color:var(--text-2);font-size:12px;line-height:1.6}@media(max-width:1100px){:root{--sidebar-width: 210px}.topbar,.content-wrap{padding-left:24px;padding-right:24px}.stat-grid>article{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-grid>article:hover{transform:translateY(-2px);border-color:#5ad8ae47;box-shadow:0 14px 34px #00000052}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.sync-state,.topbar-clock{display:none}}@media(max-width:820px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,84vw);max-width:280px;flex-basis:0;margin-left:0;transform:translate(-102%);transition:transform .24s cubic-bezier(.32,.72,0,1);box-shadow:var(--shadow-pop);z-index:100}.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-collapsed{width:min(280px,84vw);padding-left:14px;padding-right:14px}.sidebar-collapsed .brand-text,.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .health-chip span,.sidebar-collapsed .health-chip .health-version,.sidebar-collapsed .profile-text{display:revert}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 12px;gap:12px}.sidebar-collapsed .sidebar-head{flex-direction:row}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in .18s ease}.collapse-toggle{display:none!important}.mobile-menu{display:grid!important}.main-content,.app-shell.app-shell-sidebar-collapsed .main-content,.app-shell>.main-content,.app-shell.app-shell-sidebar-collapsed>.main-content{margin-left:0!important;width:100%!important;max-width:100%!important}.topbar{min-height:52px;padding:0 16px;width:100%!important;max-width:100%!important}.content-wrap{padding:20px 16px;width:100%!important;max-width:100%!important;box-sizing:border-box}.page-heading,.subpage-heading{align-items:start;flex-direction:column;gap:16px}.heading-actions{width:100%;justify-content:space-between}.stat-grid>article{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-grid>article:hover{transform:translateY(-2px);border-color:#5ad8ae47;box-shadow:0 14px 34px #00000052}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel{padding:15px}.guest-shell{padding:24px 16px 20px}.guest-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.gauge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-identity{flex-wrap:wrap}.content-footer{line-height:1.6}}@media(max-width:560px){.topbar{min-width:0;gap:8px;overflow:hidden}.topbar-left{min-width:0;flex:1 1 auto;overflow:hidden}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis}.top-actions{min-width:0;flex:0 1 auto;max-width:58%;gap:5px;overflow:hidden}.top-actions .guest-live-indicator,.top-actions .profile-avatar-top,.top-actions .button span{display:none}.top-actions .button,.top-actions .icon-button{flex:0 0 34px;width:34px;min-width:34px;height:34px;padding:0;justify-content:center}.top-actions .top-logout-btn{display:grid;place-items:center}}@media(max-width:768px){.mobile-single-row-mode{display:grid;gap:6px}.mobile-single-row-mode .komari-compact-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border-radius:9px}.mobile-single-row-mode .compact-card-top{min-width:0;gap:6px}.mobile-single-row-mode .compact-title{min-width:0}.mobile-single-row-mode .compact-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34vw}.mobile-single-row-mode .compact-bars-row{display:none}.mobile-single-row-mode .compact-card-bottom{display:contents}.mobile-single-row-mode .compact-net{display:flex;gap:6px;white-space:nowrap;font-size:10px}.mobile-single-row-mode .compact-remaining,.mobile-single-row-mode .compact-uptime{white-space:nowrap;font-size:10px}.node-table-wrap{display:none}.node-card-list{display:block}}[data-theme=light]{--bg-base: #f5f7fa;--bg-panel: #ffffff;--bg-raised: #ffffff;--bg-inset: #f8fafc;--card-bg: #ffffff;--border: #e5eaf0;--border-strong: #d7e0e9;--text-1: #17212b;--text-2: #5f7182;--text-3: #8a9aaa;--blue: #1687e8;--blue-dim: #eaf5ff;--mint: #2ca36b;--mint-dim: #eaf8f0;--amber: #ed7100;--amber-dim: #fff3e8;--rose: #dc4b62;--rose-dim: #fff0f2;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(25, 45, 70, .035);--shadow-pop: 0 18px 42px rgba(25, 45, 70, .14), 0 0 0 1px var(--border)}[data-theme=light] body{background:var(--bg-base);color:var(--text-1)}[data-theme=light] .app-shell{background:var(--bg-base)}[data-theme=light] .sidebar{background:#fff;border-right-color:#e8edf2;box-shadow:1px 0 #192d4604}[data-theme=light] .sidebar-head{padding-bottom:18px}[data-theme=light] .brand-mark{background:#1687e8;box-shadow:0 5px 12px #1687e833}[data-theme=light] .brand-text strong,[data-theme=light] .workspace-text strong,[data-theme=light] .profile-text strong{color:#17212b}[data-theme=light] .workspace-switcher{background:#f8fafc;border-color:#e5eaf0}[data-theme=light] .nav-item{color:#4b5563;min-height:36px;border-radius:8px}[data-theme=light] .nav-item:hover{color:#111827;background:#f3f4f6}[data-theme=light] .nav-item-active{color:#0284c7;background:#e6f4ff;box-shadow:inset 3px 0 #0284c7;font-weight:600}[data-theme=light] .nav-item-active:hover{background:#dbeafe}[data-theme=light] .nav-sub-item{color:#6b7280;min-height:32px;border-radius:6px}[data-theme=light] .nav-sub-item:hover{color:#111827;background:#f3f4f6}[data-theme=light] .nav-sub-item-active{color:#0284c7;background:#e6f4ff;box-shadow:inset 3px 0 #0284c7;font-weight:600}[data-theme=light] .sidebar-footer{border-top-color:#edf1f5}[data-theme=light] .topbar{min-height:56px;padding:0 32px;background:#fffffff0;border-bottom-color:#e8edf2}[data-theme=light] .topbar-clock,[data-theme=light] .refresh-controls,[data-theme=light] .theme-switcher-compact{background:#f8fafc;border-color:#e3e9ef}[data-theme=light] .breadcrumb{color:#91a0ae}[data-theme=light] .breadcrumb strong{color:#334454}[data-theme=light] .content-wrap{max-width:1380px;padding:28px 32px 30px}[data-theme=light] .content-footer{color:#94a3b1;margin-top:28px}[data-theme=light] .page-heading,[data-theme=light] .subpage-heading{margin-bottom:22px}[data-theme=light] .eyebrow{color:#8b9baa;font-size:10px;letter-spacing:.1em}[data-theme=light] h1{color:#17212b;font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.035em}[data-theme=light] .page-heading p,[data-theme=light] .subpage-heading p{color:#81909f;line-height:1.65}[data-theme=light] .panel,[data-theme=light] .stat-card{border-color:#e5eaf0;background:#fff;box-shadow:0 1px 2px #192d4609}[data-theme=light] .panel:hover{border-color:#d8e2eb}[data-theme=light] .panel-header h2,[data-theme=light] .panel-header h3{color:#17212b}[data-theme=light] .panel-header p,[data-theme=light] .stat-label{color:#8493a1}[data-theme=light] .stat-value{color:#17212b}[data-theme=light] .table-scroll,[data-theme=light] .lite-table-panel{border-color:#e5eaf0}[data-theme=light] .node-table th,[data-theme=light] .lite-server-table th,[data-theme=light] .target-table th{color:#8998a7;background:#fbfcfd;border-bottom-color:#e5eaf0}[data-theme=light] .node-table td,[data-theme=light] .lite-server-table td,[data-theme=light] .target-table td{color:#536576;border-top-color:#edf1f4}[data-theme=light] .node-row:hover,[data-theme=light] .lite-row:hover{background:#f8fbfe;box-shadow:inset 2px 0 #1687e8}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .field-input,[data-theme=light] .field-select,[data-theme=light] .field-textarea,[data-theme=light] .search-field{color:#263746;background:#fff;border-color:#dce5ec}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a4b0bb}[data-theme=light] .button-quiet,[data-theme=light] .icon-button{color:#5e7182;background:#fff;border-color:#dce5ec}[data-theme=light] .button-quiet:hover,[data-theme=light] .icon-button:hover{color:#1687e8;background:#f3f8fd;border-color:#bdd9ef}[data-theme=light] .button-primary{background:#1687e8;border-color:#1687e8;box-shadow:0 2px 5px #1687e833}[data-theme=light] .button-primary:hover{background:#0878d4}[data-theme=light] .badge-quiet{color:#1687e8;background:#eaf5ff}[data-theme=light] .placeholder-panel{background:#fff}.dashboard-lite-container,.subpage{width:100%;max-width:1280px;margin:0 auto}.dashboard-lite-container{padding-top:0}.dashboard-lite-container .panel{border-radius:8px}.dashboard-lite-container .dash-row-grid-4,.dashboard-lite-container .dash-row-grid-2,.dashboard-lite-container .dash-row-grid-3{gap:10px!important}@media(max-width:900px){[data-theme=light] .topbar{padding:0 16px}[data-theme=light] .content-wrap{padding:22px 16px 24px}}@media(max-width:500px){h1{font-size:26px}.stat-card{min-height:118px;padding:13px}.stat-value{font-size:18px}.last-sync{display:none}.refresh-toggle{padding:0 8px}.node-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.filter-group{justify-content:space-between}.filter-group button{flex:1}.target-form-grid{grid-template-columns:1fr}.guest-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-divider{display:none}}.target-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.target-table{width:100%;min-width:760px;margin-top:6px;border-collapse:collapse}.target-table th{padding:8px;border-bottom:1px solid var(--border-strong);color:var(--text-3);font:9px var(--font-mono);letter-spacing:.1em;font-weight:400;text-align:left;white-space:nowrap}.target-table td{padding:10px 8px;border-top:1px solid var(--border);color:var(--text-2);font:11px var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums}.target-table tbody tr:first-child td{border-top:0}.target-table td:first-child{color:var(--text-1);font-weight:700}.target-kind{display:inline-block;padding:2px 8px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-2);background:#ffffff08;font:600 10px var(--font-mono)}.target-state{display:inline-flex;align-items:center;gap:7px}.target-toggle{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-3);background:transparent;font:700 10px var(--font-mono);transition:border-color .16s ease,color .16s ease}.target-toggle:hover{color:var(--text-1);border-color:#5ad8ae59}.target-toggle-on{color:#d9f9ec;border-color:#5ad8ae66;background:var(--mint-dim)}.target-toggle:disabled{cursor:wait;opacity:.7}.target-delete{color:var(--rose)}.target-delete:hover{color:#f2b3ba}.target-delete:disabled{cursor:wait;opacity:.7}.target-form-panel{margin-top:var(--gap)}.target-form{margin-top:16px;display:flex;flex-direction:column;gap:14px}.target-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.06em}.field-input,.field-select,.field-textarea{width:100%;box-sizing:border-box;height:36px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-1);background:var(--bg-inset);font:500 12px var(--font-mono);outline:0;transition:border-color .16s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#5ad8ae73}.field-textarea{height:auto;min-height:84px;padding:8px 10px;line-height:1.6;resize:vertical}.field-hint{color:var(--text-3);font-size:10px;line-height:1.6}.target-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.target-row-media-disabled{opacity:.6;background:#ffffff03}.target-row-media-disabled:hover{opacity:.85}.target-tag-ipqa-muted{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:500;border-radius:4px;color:var(--text-3);background:#ffffff0d;border:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}[data-theme=light] .target-tag-ipqa-muted{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.target-btn-disable-media{background:#f59e0b1f!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)!important}.target-btn-disable-media:hover:not(:disabled){background:#f59e0b38!important;border-color:#f59e0b80!important}.target-media-notice{margin:10px 0 14px;padding:8px 12px;border-radius:var(--radius-sm);background:#38bdf80f;border:1px solid rgba(56,189,248,.15);font-size:11px;line-height:1.6;color:var(--text-2)}.target-media-notice code{color:var(--blue);font-family:var(--font-mono);font-weight:600}[data-theme=light] .target-media-notice{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.enroll-hint{margin:14px 0 0;color:var(--text-3);font-size:10px;line-height:1.7}.enroll-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.enroll-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;color:var(--text-2);font-size:11px}.enroll-meta b{color:var(--text-1);font-weight:600}.enroll-countdown{padding:3px 10px;border:1px solid rgba(227,181,105,.4);border-radius:999px;color:var(--amber);background:var(--amber-dim);font:700 10px var(--font-mono)}.enroll-countdown-expired{color:var(--rose);border-color:#e07f8866;background:var(--rose-dim)}.enroll-script{margin:14px 0 0;padding:14px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-inset);color:#c9f4e4;font:12px/1.7 var(--font-mono);white-space:pre;overflow-x:auto}.enroll-copy-failed{color:var(--rose);font-size:10px}.enroll-warning{margin:14px 0 0;color:var(--text-3);font-size:10px;line-height:1.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.status-page{min-height:100dvh;display:flex;flex-direction:column;color:#17212b;background:#f5f7fa;font-family:var(--font-sans)}.status-page .flex{display:flex}.status-page .flex-col{flex-direction:column}.status-page .flex-1{flex:1 1 auto}.status-page .items-center{align-items:center}.status-page .items-start{align-items:flex-start}.status-page .justify-between{justify-content:space-between}.status-page .justify-center{justify-content:center}.status-page .gap-1{gap:4px}.status-page [class~="gap-1.5"]{gap:6px}.status-page .gap-2{gap:8px}.status-page [class~="gap-2.5"]{gap:10px}.status-page .gap-3{gap:12px}.status-page .gap-4{gap:16px}.status-page .gap-6{gap:24px}.status-page .space-y-2>*+*{margin-top:8px}.status-page .space-y-3>*+*{margin-top:12px}.status-page .space-y-4>*+*{margin-top:16px}.status-page .space-y-6>*+*{margin-top:24px}.status-page .space-y-8>*+*{margin-top:32px}.status-page .w-full{width:100%}.status-page .mx-auto{margin-left:auto;margin-right:auto}.status-page [class~="mt-0.5"]{margin-top:2px}.status-page .mt-1{margin-top:4px}.status-page [class~="mt-1.5"]{margin-top:6px}.status-page .mt-3{margin-top:12px}.status-page .mt-12{margin-top:48px}.status-page [class~="mb-1.5"]{margin-bottom:6px}.status-page [class~="ml-1.5"]{margin-left:6px}.status-page .p-2{padding:8px}.status-page [class~="p-3.5"]{padding:14px}.status-page .p-4{padding:16px}.status-page .p-5{padding:20px}.status-page .p-6{padding:24px}.status-page .p-8{padding:32px}.status-page .px-2{padding-left:8px;padding-right:8px}.status-page [class~="px-2.5"]{padding-left:10px;padding-right:10px}.status-page .px-4{padding-left:16px;padding-right:16px}.status-page [class~="py-0.5"]{padding-top:2px;padding-bottom:2px}.status-page [class~="py-1.5"]{padding-top:6px;padding-bottom:6px}.status-page .py-8{padding-top:32px;padding-bottom:32px}.status-page .pt-1{padding-top:4px}.status-page .pt-3{padding-top:12px}.status-page .pt-6{padding-top:24px}.status-page [class~="pb-1.5"]{padding-bottom:6px}.status-page .pb-3{padding-bottom:12px}.status-page .pl-2{padding-left:8px}.status-page .pl-4{padding-left:16px}.status-page .border{border:1px solid var(--status-border)}.status-page .border-b{border-bottom:1px solid var(--status-border)}.status-page .border-t{border-top:1px solid var(--status-border)}.status-page .rounded{border-radius:4px}.status-page .rounded-lg{border-radius:8px}.status-page .rounded-xl{border-radius:12px}.status-page .rounded-2xl{border-radius:14px}.status-page .overflow-hidden{overflow:hidden}.status-page .text-right{text-align:right}.status-page .text-center{text-align:center}.status-page .font-bold{font-weight:700}.status-page .font-semibold{font-weight:600}.status-page .font-medium{font-weight:500}.status-page .font-mono{font-family:var(--font-mono)}.status-page .text-xs{font-size:12px;line-height:1.5}.status-page .text-sm{font-size:13px;line-height:1.6}.status-page .text-base{font-size:16px;line-height:1.4}.status-page .text-lg{font-size:18px;line-height:1.4}.status-page .text-xl{font-size:22px;line-height:1.3}.status-page .tracking-tight{letter-spacing:-.025em}.status-page .tracking-wider{letter-spacing:.08em}.status-page .leading-relaxed{line-height:1.7}.status-page .relative{position:relative}.status-page .absolute{position:absolute}.status-page .fixed{position:fixed}.status-page .sticky{position:sticky}.status-page .top-0{top:0}.status-page .bottom-6{bottom:24px}.status-page .right-6{right:24px}.status-page .z-50{z-index:50}.status-page .shrink-0{flex-shrink:0}.status-page .hidden{display:none}.status-page .cursor-pointer{cursor:pointer}.status-page .transition-all,.status-page .transition-colors{transition:all .16s ease}.status-page .max-w-6xl{max-width:1180px}.status-page .h-16{height:64px}.status-page .h-8{height:32px}.status-page .h-9{height:36px}.status-page .flex-1{min-width:0}.status-page{--status-border: #e2e8ef;--status-muted: #718295;--status-soft: #f8fafc;--status-blue: #1687e8}.status-page-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--status-border);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-page-header>div,.status-page-header-inner{max-width:1180px;height:64px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.status-page-brand{display:flex;align-items:center;gap:12px;min-width:0}.status-page-brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1687e8,#4f46e5);box-shadow:0 6px 16px #1687e833}.status-page-title{display:flex;align-items:center;gap:8px;color:#17212b;font-size:16px;font-weight:700}.status-page-badge{padding:3px 6px;border:1px solid #b9daf3;border-radius:5px;color:#1676bd;background:#eaf5ff;font:700 10px var(--font-mono)}.status-page-tagline{margin:3px 0 0;color:#8291a0;font-size:11px}.status-page-actions{display:flex;align-items:center;gap:8px}.status-page-countdown{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--status-border);border-radius:7px;color:var(--status-muted);background:var(--status-soft);font-size:11px}.status-page-refresh,.status-page-login{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8e2eb;border-radius:7px;color:#536576;background:#fff;transition:all .16s ease}.status-page-refresh{width:34px;height:34px;padding:0}.status-page-login{min-height:34px;padding:0 12px;color:#fff;border-color:#1687e8;background:#1687e8;font-size:12px;font-weight:600;box-shadow:0 3px 8px #1687e82e}.status-page-refresh:hover{color:#1687e8;background:#f1f7fd;border-color:#b9daf3}.status-page-login:hover{background:#0878d4}.status-page-main{width:100%;max-width:1180px;margin:0 auto;padding:32px 20px 0}.status-page-announcement{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #cfe5f7;border-radius:9px;color:#275b7d;background:#f0f8ff;font-size:13px;line-height:1.6}.status-page-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding:28px 30px;border:1px solid #bfe5d0;border-radius:12px;background:linear-gradient(135deg,#f0fbf5,#fff);box-shadow:0 3px 12px #192d460a}.status-page-hero-content{display:flex;align-items:center;gap:16px}.status-page-hero-title{margin:0;color:#17212b;font-size:24px;line-height:1.3;letter-spacing:-.035em}.status-page-hero-subtitle{margin:6px 0 0;color:#597184;font-size:13px}.status-page-hero-updated{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#8a9aaa;font:11px var(--font-mono)}.status-page-hero-updated span:last-child{color:#17212b;font-weight:700}.status-page-section-title{margin:0;color:#17212b;font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.02em}.status-page-section-desc{margin:4px 0 0;color:#81909f;font-size:12px}.status-page-components-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--status-border)}.status-page-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#81909f;font:11px var(--font-mono)}.status-page-group{margin-top:22px}.status-page-group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#44586b;font-size:13px;font-weight:700}.status-page-group-title>span:first-child{width:4px;height:16px;border-radius:99px;background:#1687e8}.status-page-component-list{overflow:hidden;border:1px solid var(--status-border);border-radius:10px;background:#fff;box-shadow:0 1px 3px #192d4609}.status-page-component-row{padding:18px 20px;border-bottom:1px solid #edf1f4;transition:background .16s ease}.status-page-component-row:last-child{border-bottom:0}.status-page-component-row:hover{background:#fbfdff}.status-page-component-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-page-component-identity{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.status-page-component-name{color:#17212b;font-size:15px;font-weight:700}.status-page-latency{padding:3px 7px;border:1px solid #e2eaf1;border-radius:5px;color:#81909f;background:#f8fafc;font:11px var(--font-mono)}.status-page-uptime{text-align:right;white-space:nowrap}.status-page-uptime-value{color:#279966;font:700 15px var(--font-mono)}.status-page-uptime-label{margin-left:6px;color:#8a9aaa;font:11px var(--font-mono)}.status-page-component-desc{margin:8px 0 0;color:#718295;font-size:12px;line-height:1.6}.status-page-uptime-bars{display:flex;align-items:center;gap:2px;width:100%;height:28px;margin-top:14px}.status-page-uptime-bars>div{flex:1;min-width:2px;height:100%;border-radius:2px}.status-page-bars-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;color:#8a9aaa;font:10px var(--font-mono)}.status-page-archive{margin-top:28px;padding-top:20px;border-top:1px solid var(--status-border)}.status-page-archive-button{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #d8e2eb;border-radius:7px;color:#536576;background:#fff;font-size:12px;font-weight:600}.status-page-archive-button:hover{color:#1687e8;border-color:#b9daf3;background:#f3f8fd}.status-page-archive-empty,.status-page-archive-item,.status-page-incident-card,.status-page-maintenance-card{padding:18px 20px;border:1px solid var(--status-border);border-radius:10px;background:#fff;color:#536576}.status-page-tooltip{position:fixed;right:24px;bottom:24px;z-index:50;min-width:220px;padding:14px;border:1px solid #b9daf3;border-radius:10px;color:#536576;background:#fffffff7;box-shadow:0 14px 34px #192d4624;font-size:12px;pointer-events:none}.status-page-footer{margin-top:48px;padding:24px 0;border-top:1px solid var(--status-border);color:#81909f;background:#fff;font-size:12px}.status-page-footer>div,.status-page-footer-inner{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.status-page-footer a{color:#1687e8}.status-page-footer button{padding:0;border:0;color:#1687e8;background:transparent;cursor:pointer;font:inherit}[data-theme=dark] .status-page,:root:not([data-theme=light]) .status-page{--status-border: rgba(255,255,255,.09);--status-muted: #8a8f98;--status-soft: #141618;background:#08090a;color:#f7f8f8}[data-theme=dark] .status-page-header,:root:not([data-theme=light]) .status-page-header{background:#08090aeb}[data-theme=dark] .status-page-title,:root:not([data-theme=light]) .status-page-title,[data-theme=dark] .status-page-hero-title,:root:not([data-theme=light]) .status-page-hero-title,[data-theme=dark] .status-page-section-title,:root:not([data-theme=light]) .status-page-section-title,[data-theme=dark] .status-page-component-name,:root:not([data-theme=light]) .status-page-component-name{color:#f7f8f8}[data-theme=dark] .status-page-tagline,:root:not([data-theme=light]) .status-page-tagline,[data-theme=dark] .status-page-section-desc,:root:not([data-theme=light]) .status-page-section-desc,[data-theme=dark] .status-page-component-desc,:root:not([data-theme=light]) .status-page-component-desc{color:#8a8f98}[data-theme=dark] .status-page-hero,:root:not([data-theme=light]) .status-page-hero{background:#0e1012;border-color:#30a46c40}[data-theme=dark] .status-page-component-list,:root:not([data-theme=light]) .status-page-component-list,[data-theme=dark] .status-page-archive-empty,:root:not([data-theme=light]) .status-page-archive-empty,[data-theme=dark] .status-page-archive-item,:root:not([data-theme=light]) .status-page-archive-item{background:#0e1012}[data-theme=dark] .status-page-component-row:hover,:root:not([data-theme=light]) .status-page-component-row:hover{background:#141618}[data-theme=dark] .status-page-footer,:root:not([data-theme=light]) .status-page-footer{background:#0e1012}@media(max-width:700px){.status-page-header-inner,.status-page-main,.status-page-footer-inner{padding-left:16px;padding-right:16px}.status-page-header-inner{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px;align-items:flex-start}.status-page-tagline,.status-page-countdown{display:none}.status-page-actions{gap:5px}.status-page-hero{align-items:flex-start;flex-direction:column;padding:20px}.status-page-hero-updated{width:100%;align-items:flex-start;padding-top:12px;border-top:1px solid var(--status-border)}.status-page-components-heading,.status-page-component-header{align-items:flex-start;flex-direction:column}.status-page-uptime{width:100%;text-align:left}.status-page-uptime-label{margin-left:5px}.status-page-bars-labels span:nth-child(2){display:none}.status-page-footer-inner{align-items:flex-start;flex-direction:column}}.status-dot-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex:0 0 12px}.status-dot-wrap.size-sm{width:9px;height:9px;flex:0 0 9px}.status-dot-core{width:8px;height:8px;border-radius:50%;position:relative;z-index:2}.status-dot-wrap.size-sm .status-dot-core{width:6px;height:6px}.status-online .status-dot-core{background:#10b981;box-shadow:0 0 8px #10b981b3}.status-attention .status-dot-core{background:#f59e0b;box-shadow:0 0 8px #f59e0bb3}.status-offline .status-dot-core{background:#f43f5e;box-shadow:0 0 8px #f43f5eb3}.status-online .status-dot-ping{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:#10b981;opacity:.65;animation:mjj-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes mjj-ping{75%,to{transform:scale(2.4);opacity:0}}.uptime-bars{display:flex;align-items:center;gap:3px;height:15px}.uptime-bar{flex:1;height:100%;border-radius:2px;transition:transform .12s ease,opacity .12s ease;min-width:2px}.uptime-bar:hover{transform:scaleY(1.3)}.uptime-healthy{background:#10b981;opacity:.85}.uptime-warn{background:#f59e0b;opacity:.9}.uptime-down{background:#f43f5e;opacity:.9}.view-mode-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.node-count-badge{font-size:12px;color:var(--text-2)}.node-count-badge b{color:var(--text-1);font-family:var(--font-mono)}.view-mode-toggles{display:inline-flex;padding:2px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px}.view-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:0;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-3);background:transparent;transition:all .12s ease}.view-toggle-btn:hover{color:var(--text-1)}.view-toggle-btn.active{color:#fff;background:#ffffff14;box-shadow:0 1px 2px #0003}.mjj-card-grid,.nezha-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.mjj-card{position:relative;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;cursor:pointer;transition:all .14s ease;overflow:hidden;box-shadow:var(--shadow-card)}.mjj-card:hover{transform:translateY(-1px);border-color:var(--border-strong);background:var(--bg-raised);box-shadow:0 6px 20px #00000040}.mjj-card-selected{border-color:var(--blue)!important;box-shadow:0 0 0 1px var(--blue)!important}.mjj-card-offline{opacity:.65}.nezha-vps-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-height:380px;max-height:415px;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.4,1),border-color .16s ease,box-shadow .16s ease,background .16s ease;overflow:hidden;box-shadow:0 6px 18px #0000002e;text-align:left;box-sizing:border-box}[data-theme=light] .nezha-vps-card{background:#fff;border-color:#00000014;box-shadow:0 4px 14px #0f172a0f}.nezha-vps-card:hover{transform:translateY(-2px);border-color:#38bdf859;box-shadow:0 8px 22px #00000038}[data-theme=light] .nezha-vps-card:hover{border-color:#3b82f659;box-shadow:0 8px 20px #00000014}.nezha-vps-card.is-selected{border-color:var(--blue)!important;box-shadow:0 0 0 1.5px var(--blue),0 8px 24px #3b82f633!important}.nezha-vps-card.is-offline{opacity:.72;filter:grayscale(.2)}.vps-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.vps-header-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.vps-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199;flex-shrink:0;display:inline-block}.vps-status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444499}.vps-status-dot.warning{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.vps-node-name{font-size:14px;font-weight:700;color:var(--text-1);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .vps-node-name{color:#0f172a}.vps-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;flex-shrink:0;padding:0;transition:all .12s ease}.vps-edit-btn:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong)}.vps-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vps-distro-logo{width:16px;height:16px;display:block}.vps-flag{font-size:16px;line-height:1;display:inline-block}.vps-star-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-3);cursor:pointer;padding:0;border-radius:4px;transition:color .14s ease,background .14s ease}.vps-star-btn:hover{background:#ffffff0f;color:#f59e0b}.vps-sub-pills{display:flex;align-items:center;gap:5px;margin:4px 0 8px;flex-wrap:wrap}.vps-sub-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:4px;font-size:10px;font-weight:500;background:#94a3b81a;color:var(--text-3);line-height:1.4;transition:background-color .14s ease}[data-theme=light] .vps-sub-pill{background:#f1f5f9;color:#64748b}.vps-sub-pill.cursor-pointer:hover{background:#94a3b838}.vps-ipqa-strip{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:3px 7px;margin:0 0 8px;border-radius:4px;background:var(--bg-card-subtle, rgba(255, 255, 255, .025));border:1px solid var(--border-subtle, rgba(255, 255, 255, .05));font-size:10px;line-height:1.4;box-sizing:border-box}[data-theme=light] .vps-ipqa-strip{background:#f8fafc;border-color:#e2e8f0}.vps-ipqa-item{display:inline-flex;align-items:center;gap:3px;min-width:0}.vps-ipqa-label{color:var(--text-3);font-size:9.5px;white-space:nowrap}.vps-ipqa-val{color:var(--text-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.vps-ipqa-risk{font-weight:600;white-space:nowrap;font-size:10px}.vps-ipqa-risk.risk-mint{color:var(--mint, #10b981)}.vps-ipqa-risk.risk-amber{color:var(--amber, #f59e0b)}.vps-ipqa-risk.risk-rose{color:var(--rose, #ef4444)}.vps-ipqa-risk.risk-muted{color:var(--text-3, #94a3b8)}@media(max-width:640px){.vps-ipqa-strip{padding:2px 5px;margin-bottom:5px;font-size:9.5px}.vps-ipqa-val{max-width:48px}}.guest-status-filters{display:inline-flex;align-items:center;gap:3px;padding:2px;border:1px solid var(--border-subtle, var(--border));border-radius:8px;background:var(--surface-card, var(--bg-panel))}.guest-status-filters .button{margin:0}.vps-state-label{display:inline-flex;align-items:center;min-height:19px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:700}.vps-state-label.online{color:var(--mint);background:color-mix(in srgb,var(--mint) 13%,transparent)}.vps-state-label.attention{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.vps-state-label.offline{color:var(--rose);background:color-mix(in srgb,var(--rose) 13%,transparent)}.poster-action-label{margin-left:5px;font-size:10px;white-space:nowrap}.node-install-modal{width:min(720px,calc(100vw - 28px))}.node-install-tabs,.node-install-platforms{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 20px}.node-install-tabs button,.node-install-platforms button{border:0;background:transparent;color:var(--text-2);padding:11px 16px;cursor:pointer;border-bottom:2px solid transparent;font-size:13px}.node-install-tabs button.active,.node-install-platforms button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.node-install-body{display:grid;gap:12px;padding:18px 20px 20px}.node-install-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-2)}.node-install-section-title strong{color:var(--text-1);font-size:15px}.node-install-section-title span{color:var(--mint);font-size:11px}.node-install-check{display:flex;align-items:center;gap:9px;color:var(--text-1);font-size:13px}.node-install-check input{width:16px;height:16px;accent-color:var(--blue)}.node-install-check small{color:var(--text-3);font-size:10px}.node-install-status{display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-inset);color:var(--text-2);font-size:12px}.node-install-status strong{color:var(--text-1)}.node-install-command-label{color:var(--text-2);font-size:12px}.node-install-command{min-height:110px;max-height:190px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-inset);color:var(--text-1);font-size:12px;line-height:1.7}@media(max-width:640px){.poster-action-label{display:none}.guest-node-grid{grid-template-columns:1fr}.guest-node-card,.nezha-vps-card{padding:8px 10px!important;min-height:425px!important;max-height:455px!important;box-sizing:border-box!important}.guest-node-card .vps-sub-pills,.nezha-vps-card .vps-sub-pills{gap:4px;margin:2px 0 4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.guest-node-card .vps-sub-pills::-webkit-scrollbar,.nezha-vps-card .vps-sub-pills::-webkit-scrollbar{display:none}.guest-node-card .vps-sub-pill,.nezha-vps-card .vps-sub-pill{flex:0 0 auto;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.guest-node-card .vps-resource-matrix-2x2,.vps-resource-matrix-2x2{column-gap:8px!important;row-gap:4px!important;margin:2px 0 4px!important}.guest-node-card .vps-isp-matrix-grid,.vps-isp-matrix-grid{grid-template-columns:1fr 1fr!important;column-gap:8px!important;row-gap:2px!important}.guest-node-card .vps-isp-track-item,.vps-isp-track-item{padding:1.5px 3px!important;gap:1.5px!important}.guest-node-card .vps-isp-tag,.guest-node-card .vps-isp-val,.vps-isp-tag,.vps-isp-val{font-size:9px!important}.vps-detail-btn{min-height:36px!important;padding:0 12px!important;font-size:11px!important}.guest-filter-toolbar{align-items:stretch!important}.guest-status-filters{width:100%;justify-content:space-between}.guest-status-filters .button{flex:1 1 0}.guest-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:5px 0!important;margin-bottom:10px!important}.guest-stat-box{height:80px!important;min-height:74px!important;max-height:82px!important;box-sizing:border-box!important;padding:10px 11px!important;border-radius:8px!important;overflow:hidden!important}.guest-stat-box .stat-head{font-size:10.5px!important;margin-bottom:2px!important;gap:5px!important}.guest-stat-box .stat-head svg{width:13px!important;height:13px!important}.guest-stat-box .stat-main{font-size:21px!important;line-height:1.15!important}.guest-stat-box .stat-sub{font-size:10px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.vps-sub-pill.is-stale{color:var(--rose);background:color-mix(in srgb,var(--rose) 10%,transparent)}.guest-node-card.is-offline{opacity:.82;border-style:dashed}.guest-node-card.is-offline .vps-res-bar-fill{opacity:.35}.guest-node-card.is-offline .vps-isp-val,.guest-node-card.is-offline .vps-isp-col-sub{color:var(--text-3)}[data-theme=light] .vps-sub-pill.cursor-pointer:hover{background:#e2e8f0}.vps-resource-matrix-2x2{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:5px;margin:3px 0 6px}.vps-res-cell{display:flex;flex-direction:column}.vps-res-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px}.vps-res-label{font-size:11px;font-weight:500;color:var(--text-3)}[data-theme=light] .vps-res-label{color:#64748b}.vps-res-val{font-size:12.5px;font-weight:600;color:var(--text-1)}[data-theme=light] .vps-res-val{color:#1e293b}.vps-res-val.text-traffic{color:#10b981}.vps-res-bar-wrap{width:100%;height:4px;background:#94a3b826;border-radius:9999px;overflow:hidden;margin-bottom:2px}[data-theme=light] .vps-res-bar-wrap{background:#e2e8f0}.vps-res-bar-fill{height:100%;border-radius:9999px;background:#10b981;transition:width .24s ease}.vps-res-sub{font-size:9.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}[data-theme=light] .vps-res-sub{color:#94a3b8}.vps-rates-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:3.5px 7px;border-radius:6px;background:#00000038;border:1px solid var(--border-subtle, rgba(255, 255, 255, .05));margin:2px 0 5px}[data-theme=light] .vps-rates-row{background:#f8fafc;border-color:#0000000f}.vps-rate-col{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10.5px}.vps-rate-col.up .vps-rate-tag{color:#10b981;font-weight:700}.vps-rate-col.down .vps-rate-tag{color:#38bdf8;font-weight:700}.vps-rate-val{font-weight:600;color:var(--text-1)}.vps-rate-total{font-size:9px;color:var(--text-3)}.vps-divider-line{height:1px;background:var(--border);margin:3px 0 5px}[data-theme=light] .vps-divider-line{background:#00000012}.vps-isp-matrix-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:3px}.vps-isp-col{display:flex;flex-direction:column;gap:2.5px}.vps-isp-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1px}.vps-isp-col-title{font-size:11px;font-weight:600;color:var(--text-2)}[data-theme=light] .vps-isp-col-title{color:#334155}.vps-isp-col-sub{font-size:9.5px;color:var(--text-3)}[data-theme=light] .vps-isp-col-sub{color:#94a3b8}.vps-isp-track-item{display:flex;flex-direction:column;gap:1.5px;padding:1.5px 3.5px;border-radius:4px;background:#ffffff05}.vps-isp-track-header{display:flex;align-items:center;justify-content:space-between;font-size:9.5px}.vps-isp-tag{display:inline-flex;align-items:center;gap:3px;color:var(--text-2);font-size:9px;font-weight:500}[data-theme=light] .vps-isp-tag{color:#334155}.vps-isp-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;display:inline-block}.vps-isp-dot.unicom-red{background:#f43f5e}.vps-isp-dot.telecom-blue{background:#3b82f6}.vps-isp-dot.mobile-green{background:#10b981}.vps-isp-val{font-size:9.5px;font-weight:600;color:var(--text-1)}[data-theme=light] .vps-isp-val{color:#1e293b}.vps-check-action{display:inline-flex;align-items:center;margin-top:6px;padding:4px 8px;border:1px solid rgba(90,216,174,.24);border-radius:6px;color:var(--mint);background:#5ad8ae0f;font-size:10px;font-weight:600;cursor:pointer}.vps-check-action:hover{background:#5ad8ae1f}.guest-primary-issue{color:var(--amber)}.guest-check-context{color:var(--text-3);font-family:var(--font-mono);font-size:10px}.vps-dot-track{display:flex;align-items:center;gap:2px;width:100%}.vps-dot-block{flex:1;height:4px;border-radius:1px;transition:background-color .16s ease}.vps-dot-track-empty{display:block;font-size:10px;line-height:12px;color:var(--text-3);opacity:.65;white-space:nowrap}.vps-isp-compact-empty{grid-column:1 / -1;height:24px;line-height:24px;text-align:center;font-size:10px;color:var(--text-3);border:1px dashed var(--border);border-radius:6px;background:#ffffff04}.vps-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.vps-card-footer-tip{font-size:9.5px;color:var(--text-3)}.vps-detail-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:#ffffff0a;color:var(--text-2);font-size:10.5px;font-weight:500;cursor:pointer;transition:all .14s ease}.vps-detail-btn:hover{background:var(--primary-color, rgba(14, 165, 233, .15));border-color:#0ea5e966;color:#38bdf8}.vps-connection-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0 14px;margin-top:2px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.vps-connection-item{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-2)}.vps-connection-label{font-size:13px}.vps-connection-item strong{color:#4ade80;font-size:18px}[data-theme=light] .vps-connection-row{border-color:#0f172a17}[data-theme=light] .vps-connection-item strong{color:#16a34a}.vps-pill-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap}.pill-good{background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.3)}.pill-good .status-mini-dot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.pill-offline{background:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.3)}.pill-proto{background:#0ea5e91f;color:#38bdf8;border:1px solid rgba(14,165,233,.25);font-family:var(--font-mono)}.pill-merchant{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.22)}.pill-route{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.22)}.segmented-bar{display:flex;align-items:center;gap:3px;width:100%;height:6px;margin-top:3px}.seg-dot{flex:1;height:5px;border-radius:2px;background:#ffffff17;transition:background-color .16s ease}[data-theme=light] .seg-dot{background:#0000001a}.seg-dot.is-active{box-shadow:0 0 4px #0003}.vps-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11px}[data-theme=light] .vps-card-footer{border-top-color:#0000000f}.vps-footer-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vps-footer-item{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);font-size:11px}.vps-footer-item b{font-weight:600}.vps-footer-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.vps-pill-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;cursor:pointer;transition:transform .14s ease,opacity .14s ease;white-space:nowrap}.vps-pill-tag:hover{transform:scale(1.05);opacity:.9}.pill-lavender{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}[data-theme=light] .pill-lavender{background:#f3e8ff;color:#7c3aed;border-color:#ddd6fe}.pill-price{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);font-weight:700}[data-theme=light] .pill-price{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.mjj-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.mjj-node-title-group{display:flex;align-items:center;gap:10px;min-width:0}.mjj-flag{font-size:26px;line-height:1;flex:0 0 auto}.mjj-node-name-block{min-width:0}.mjj-node-name-line{display:flex;align-items:center;gap:8px}.mjj-node-name{font-size:15px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mjj-tag-route{padding:1px 6px;font-size:10px;font-weight:600;border-radius:4px;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);white-space:nowrap}.mjj-node-sub{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11px;color:var(--text-3)}.mjj-arch-pill{padding:0 5px;font-size:9px;font-family:var(--font-mono);background:#ffffff0d;border-radius:3px}.mjj-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#ffffff08;border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:600;color:var(--text-2)}.mjj-metrics-section{display:grid;gap:9px;padding:12px;background:#00000047;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04);margin-bottom:12px}.mjj-metric-row{display:grid;gap:4px}.mjj-metric-label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.mjj-metric-name{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);font-weight:500}.mjj-metric-val{font-size:11px;color:var(--text-1)}.mjj-network-section{margin-bottom:12px}.mjj-bandwidth-rates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.mjj-rate-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid var(--border)}.mjj-rate-item.rate-down .rate-icon{color:#34d399}.mjj-rate-item.rate-up .rate-icon{color:#38bdf8}.rate-info small{display:block;font-size:9px;color:var(--text-3)}.rate-info b{display:block;font-size:12px;color:var(--text-1);font-weight:700}.mjj-traffic-summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-3);padding:0 4px}.mjj-traffic-tag{display:inline-flex;align-items:center;gap:5px}.mjj-traffic-tag b{color:var(--text-2)}.mjj-loss-tag{font-size:11px;color:#34d399}.mjj-loss-warn{color:var(--amber)!important}.mjj-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.mjj-uptime-badge{display:inline-flex;align-items:center;gap:5px;color:#fbbf24;font-weight:600}.mjj-footer-right{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:10px}.table-flag{font-size:18px;margin-right:8px;vertical-align:middle}.os-badge{display:inline-block;padding:2px 6px;font-size:10px;font-family:var(--font-mono);border-radius:4px;background:#ffffff0a;color:var(--text-3)}.table-memory-cell{display:flex;flex-direction:column;gap:2px}.rate-down-text{color:#34d399;font-weight:600;font-family:var(--font-mono);display:block}.rate-up-text{color:#38bdf8;font-weight:600;font-family:var(--font-mono);display:block}.guest-mjj-shell{box-sizing:border-box;width:100%;min-height:100dvh;max-width:100%;margin:0 auto;padding:8px clamp(16px,2.2vw,32px) 180px;background:radial-gradient(circle at 50% 0%,rgba(16,185,129,.08),transparent 50%),radial-gradient(circle at 90% 90%,rgba(14,165,233,.06),transparent 45%),#080b10;overflow-x:hidden}.guest-detail-wrap{width:100%;max-width:100%;min-width:0;margin:0 auto;padding:16px clamp(16px,2.2vw,32px) 48px;box-sizing:border-box}main.guest-shell{width:min(100% - 32px,1240px);max-width:1240px;margin:0 auto}.guest-hero-container{margin:4px 0}.guest-hero-banner{display:flex;align-items:center;gap:16px;padding:7px 14px;min-height:48px;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:6px}.hero-operational{background:linear-gradient(135deg,#10b9811f,#0e141de0);border-color:#10b98159;box-shadow:0 12px 28px #0000004d,0 0 24px #10b98114}.hero-degraded{background:linear-gradient(135deg,#f59e0b1f,#0e141de0);border-color:#f59e0b59}.hero-loading{background:linear-gradient(135deg,#0ea5e91a,#0e141de0);border-color:#0ea5e940}.hero-status-radar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}.hero-status-radar svg{width:28px;height:28px}.icon-ok{color:#10b981}.icon-warn{color:#f59e0b}.icon-neutral{color:#38bdf8}.hero-status-content{flex:1;min-width:0}.hero-status-content h1{font-size:15px;font-weight:700;margin:0 0 1px;color:#fff;letter-spacing:-.01em;line-height:1.2}.hero-status-content p{font-size:11.5px;color:var(--text-2);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-uptime-indicator{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}.uptime-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;line-height:1;margin-bottom:2px}.uptime-value{font-size:22px;color:#10b981;font-weight:800;line-height:1}.guest-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:6px}.guest-stat-box{display:flex;flex-direction:column;justify-content:center;height:68px;min-height:64px;max-height:74px;box-sizing:border-box;padding:6px 12px;background:#121924b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .16s ease,border-color .16s ease;overflow:hidden}.guest-stat-box:hover{transform:translateY(-2px);border-color:#10b9814d}.stat-head{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--text-3);margin-bottom:2px;line-height:1.15}.stat-head svg{flex-shrink:0;width:13px;height:13px}.stat-main{font-size:20px;font-weight:800;color:var(--text-1);letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-sub{font-size:10px;color:var(--text-2);margin-top:1px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.guest-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:5px 0!important;margin-bottom:10px!important}.guest-stat-box{height:80px!important;min-height:74px!important;max-height:82px!important;box-sizing:border-box!important;padding:10px 11px!important;border-radius:8px!important;overflow:hidden!important}.guest-stat-box .stat-head{font-size:10.5px!important;margin-bottom:2px!important;gap:5px!important}.guest-stat-box .stat-head svg{width:13px!important;height:13px!important}.guest-stat-box .stat-main{font-size:21px!important;line-height:1.15!important}.guest-stat-box .stat-sub{font-size:10px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.guest-nodes-section{margin-top:0}.guest-filter-toolbar{margin-top:4px;margin-bottom:6px!important;padding:5px 10px!important;gap:8px!important}.section-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.section-title-bar h2{font-size:15px;font-weight:700;margin:0;color:var(--text-1)}.section-title-bar p{font-size:11px;color:var(--text-3);margin:1px 0 0}.guest-node-card,.nezha-vps-card.guest-node-card{display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding:9px 14px;min-height:0;max-height:none;background:linear-gradient(165deg,#161e2ad9,#0d121af2);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .18s ease}.guest-node-card .vps-sub-pills{margin:2px 0 4px}.guest-node-card .vps-ipqa-strip{margin:0 0 4px;padding:2px 7px}.guest-node-card .vps-resource-matrix-2x2{margin:2px 0 4px}.guest-node-card .vps-rates-row{margin:1px 0 3px;padding:2.5px 7px}.guest-node-card .vps-divider-line{margin:2px 0 3px}.guest-node-card .vps-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.guest-node-card .vps-footer-left{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}.guest-node-card .vps-footer-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.guest-node-card .vps-footer-pill{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:9.5px;font-weight:500;background:#94a3b81a;color:var(--text-3);line-height:1.35;white-space:nowrap}[data-theme=light] .guest-node-card .vps-footer-pill{background:#f1f5f9;color:#64748b}.guest-node-card:hover{transform:translateY(-2px);border-color:#10b98159;box-shadow:0 14px 32px #00000059}.guest-node-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.guest-flag-title{display:flex;align-items:center;gap:10px}.guest-flag{font-size:24px;line-height:1}.guest-node-name{font-size:15px;font-weight:700;color:var(--text-1)}.guest-node-tags{display:flex;gap:6px;margin-top:4px}.guest-tag{font-size:10px;padding:1px 6px;border-radius:4px;background:#ffffff0d;color:var(--text-3)}.guest-tag-route{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.guest-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#10b9811a;color:#34d399;font-size:11px;font-weight:600}.uptime-bar-label{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3);margin-bottom:6px}.guest-node-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:11px}.guest-spec-badge{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.guest-latency-badge{color:#34d399;font-weight:700}.guest-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);text-align:center}.footer-content{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:11px}.footer-dot{opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:16px;background:#04070cc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade-in .16s ease}.mjj-login-modal{width:min(420px,100%);padding:28px 24px;border-radius:var(--radius-lg);background:linear-gradient(165deg,#182230,#0f1620);border:1px solid rgba(148,180,200,.22);box-shadow:0 24px 60px #0009,0 0 30px #10b9811f;animation:modal-pop .2s cubic-bezier(.2,.8,.4,1)}@keyframes modal-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-1)}.modal-icon{color:var(--mint)}.modal-desc{font-size:12px;color:var(--text-3);margin:0 0 20px;line-height:1.5}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.input-group label{font-size:11px;font-weight:600;color:var(--text-2)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-3)}.modal-input{width:100%;height:42px;padding:0 14px 0 38px;background:#090e15;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-1);font-size:13px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}.modal-input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-dim)}.modal-error-text{font-size:11px;color:var(--rose);margin-top:4px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-submit{width:100%;height:40px;font-size:13px;justify-content:center}.modal-divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:10px;margin:4px 0}.modal-divider span{flex:1;height:1px;background:var(--border)}.modal-oauth{width:100%;height:38px;font-size:12px;justify-content:center}.mjj-billing-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;margin-bottom:10px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#f59e0b12,#10b98112);border:1px dashed rgba(245,158,11,.28);cursor:pointer;transition:all .18s ease}.mjj-billing-strip:hover{background:linear-gradient(90deg,#f59e0b24,#10b98124);border-color:#f59e0b8c;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b1a}.billing-strip-left{display:inline-flex;align-items:center;gap:6px;min-width:0}.billing-price-tag{font-size:11px;font-weight:700;color:#fbbf24;white-space:nowrap}.billing-val-tag{font-size:11px;color:var(--text-2);white-space:nowrap}.billing-val-tag b{color:#34d399;font-weight:700}.billing-strip-right{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.billing-days-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap}.hover-spin{transition:transform .3s cubic-bezier(.2,.8,.4,1)}.mjj-billing-strip:hover .hover-spin{transform:rotate(90deg) scale(1.15)}.days-mint{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.32)}.days-amber{background:#f59e0b24;color:#fbbf24;border:1px solid rgba(245,158,11,.32)}.days-rose{background:#f43f5e24;color:#fb7185;border:1px solid rgba(244,63,94,.32)}.days-free{background:#a855f724;color:#c084fc;border:1px solid rgba(168,85,247,.32)}.mjj-merchant-tag{padding:1px 6px;font-size:10px;font-weight:700;border-radius:4px;color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);white-space:nowrap}.billing-modal{width:min(620px,95vw);max-height:90vh;overflow-y:auto;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(165deg,#161e2b,#0c121a);border:1px solid rgba(148,180,200,.25);box-shadow:0 24px 60px #000000b3,0 0 40px #f59e0b1a;animation:modal-pop .2s cubic-bezier(.2,.8,.4,1)}.billing-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.billing-modal-title{display:flex;align-items:center;gap:12px}.billing-modal-title strong{display:block;font-size:16px;font-weight:700;color:var(--text-1)}.billing-modal-title small{display:block;font-size:12px;color:var(--text-3);margin-top:2px}.billing-modal-tabs{display:flex;gap:6px;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border)}.billing-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-3);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .16s ease}.billing-tab-btn:hover{color:var(--text-1);background:#ffffff0a}.billing-tab-btn.active{color:var(--text-1);background:var(--bg-raised);border-color:var(--border);box-shadow:0 2px 8px #0000004d}.billing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-form-grid .full-width{grid-column:1 / -1}.billing-preview-card{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;margin:16px 0;border-radius:var(--radius-sm);background:#0006;border:1px solid rgba(255,255,255,.06)}.preview-stat{display:flex;flex-direction:column;gap:4px}.preview-stat span{font-size:10px;color:var(--text-3)}.preview-stat b{font-size:13px;color:var(--text-1)}.preview-stat.primary-stat b{font-size:16px;font-weight:800}.modal-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.sales-calculator-view{display:flex;flex-direction:column;gap:16px}.calc-banner{padding:18px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f59e0b17,#10b98112);border:1px solid rgba(245,158,11,.3)}.calc-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calc-banner-header small{display:block;font-size:11px;color:var(--text-3);margin-bottom:2px}.calc-hero-val{font-size:24px;font-weight:800;color:#34d399}.calc-total-val{font-size:24px;font-weight:800;color:#fbbf24}.markup-input-box{margin-top:10px}.markup-input-box label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:6px}.markup-input-wrap{display:flex;align-items:center;gap:8px}.currency-prefix{font-size:16px;font-weight:700;color:var(--text-3)}.quick-markup-tags{display:flex;gap:6px;flex-wrap:wrap}.quick-markup-tags button{padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .12s ease}.quick-markup-tags button:hover{background:#ffffff1f;color:var(--text-1)}.post-preview-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000073;padding:14px}.post-preview-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-3);margin-bottom:10px}.copy-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#34d399;cursor:pointer}.copy-btn:hover{color:#6ee7b7}.post-code{margin:0;padding:12px;border-radius:4px;background:#06090e;border:1px solid rgba(255,255,255,.05);color:#d1d5db;font-size:11px;line-height:1.6;max-height:200px;overflow-y:auto;white-space:pre-wrap}.billing-center-container{display:flex;flex-direction:column;gap:20px}.billing-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.billing-stat-card{padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(165deg,#161e2ad9,#0c1118f2);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .16s ease,border-color .16s ease}.billing-stat-card:hover{transform:translateY(-2px);border-color:#f59e0b59}.stat-label-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);margin-bottom:8px}.stat-big-value{font-size:24px;font-weight:800;margin-bottom:4px}.stat-sub-text{font-size:11px;color:var(--text-3)}.billing-table-panel{margin-top:4px}.billing-table{width:100%}.billing-node-cell{display:flex;align-items:center;gap:10px}.billing-flag{font-size:22px;line-height:1}.merchant-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.28);white-space:nowrap}.free-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.28);white-space:nowrap}.days-pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}.action-buttons-group{display:inline-flex;align-items:center;gap:6px}.btn-sm{padding:4px 8px;font-size:11px}.guest-table{width:100%}.guest-table-row{cursor:pointer;transition:background .15s ease}.guest-table-row:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.status-text.online{color:#34d399;font-size:11px;font-weight:600}@media(max-width:1024px){.billing-summary-grid,.billing-preview-card{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.billing-summary-grid{grid-template-columns:1fr}.guest-stats-grid{grid-template-columns:repeat(2,1fr)}.billing-form-grid,.mjj-card-grid{grid-template-columns:1fr}}.mtr-module-view{display:flex;flex-direction:column;gap:18px}.mtr-header-bar{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.mtr-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mtr-select-group{display:flex;align-items:center;gap:8px}.mtr-node-select{min-width:220px}.mtr-header-actions{display:flex;align-items:center;gap:8px}.mtr-presets-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}.preset-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-3);font-weight:600}.preset-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-btn{padding:3px 9px;font-size:11px;font-weight:600;border-radius:4px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .14s ease}.preset-btn:hover{background:#10b9811f;color:#34d399;border-color:#10b9814d}.mtr-add-form{padding:14px;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border);margin-top:8px}.form-grid-mtr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-actions-mtr{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.form-error-msg{color:var(--rose);font-size:11px;margin-top:6px}.mtr-targets-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.mtr-tab-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:#161e2ab3;border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease}.mtr-tab-chip:hover{color:var(--text-1);border-color:#ffffff26}.mtr-tab-chip.active{background:var(--bg-raised);color:var(--text-1);border-color:var(--mint);box-shadow:0 0 0 1px var(--mint),0 4px 12px #0000004d}.target-chip-status{font-size:10px;padding:1px 6px;border-radius:999px;background:#f59e0b24;color:#fbbf24}.target-chip-status.status-reached{background:#10b98126;color:#34d399}.mtr-result-panel{padding:20px}.mtr-meta-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.destination-title{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text-1)}.destination-ip{color:var(--text-3);font-size:13px}.reached-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.reached-pill.reached{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.reached-pill.unreached{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.meta-sub{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-3);margin-top:6px}.fingerprint-tag{background:#ffffff0a;padding:1px 6px;border-radius:4px}.update-time{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-3)}.mtr-hops-table{width:100%}.hop-ttl-badge{display:inline-block;padding:2px 7px;border-radius:4px;background:#ffffff0d;font-size:11px;font-weight:700;color:var(--text-2)}.hop-timeout-row{opacity:.65}.hop-timeout-text{color:var(--text-3);font-size:12px;font-style:italic}.hop-ip{color:var(--text-1);font-size:12px}.latency-bar-container{height:6px;width:100%;border-radius:999px;background:#ffffff0f;overflow:hidden}.latency-bar-fill{height:100%;border-radius:999px;transition:width .2s ease}.bar-mint{background:#10b981}.bar-blue{background:#38bdf8}.bar-amber{background:#f59e0b}.bar-rose{background:#f43f5e}.status-pill-final{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:#10b98126;color:#34d399}.status-pill-timeout{font-size:10px;padding:2px 7px;border-radius:4px;background:#ffffff0a;color:var(--text-3)}.status-pill-relay{font-size:10px;padding:2px 7px;border-radius:4px;background:#38bdf81a;color:#38bdf8}.network-module-view{display:flex;flex-direction:column;gap:18px}.network-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.network-stat-card{padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(165deg,#161e2ad9,#0c1118f2);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.network-controls-bar{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.network-filter-chips{display:inline-flex;gap:4px;background:#00000059;padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border)}.network-table-panel{padding:20px}.network-table{width:100%}.network-target-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981cc}.kind-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700}.kind-tcp{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.kind-http,.kind-https{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.kind-dns{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.media-module-view{display:flex;flex-direction:column;gap:18px}.media-top-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#10b98114,#0e141dd9);border-color:#10b98140}.banner-left{display:flex;align-items:center;gap:14px}.banner-icon-box{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.banner-left h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.banner-left p{font-size:12px;color:var(--text-2);margin:0}.media-matrix-panel{padding:20px}.media-table{width:100%}.media-node-cell{display:flex;align-items:center;gap:8px}.media-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.media-badge-available{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.media-badge-unavailable{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.25)}.media-badge-warning{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.app-shell .log-streaming-view>*,.app-shell .speedtest-benchmark-view>*,.app-shell .media-matrix-panel,.app-shell .billing-table-panel,.app-shell .cost-table-panel{min-width:0}.app-shell .log-streaming-view .panel,.app-shell .speedtest-benchmark-view .panel,.app-shell .media-matrix-panel,.app-shell .billing-table-panel,.app-shell .cost-table-panel{box-shadow:var(--shadow-card)}.app-shell .media-table th,.app-shell .billing-table th,.app-shell .cost-table th{position:sticky;top:0;z-index:1;background:var(--bg-panel)}.app-shell .media-table tbody tr:hover td,.app-shell .billing-table tbody tr:hover td,.app-shell .cost-table tbody tr:hover td{background:color-mix(in srgb,var(--blue, #5e6ad2) 5%,transparent)}.app-shell .media-table .media-status-badge,.app-shell .billing-table .days-pill,.app-shell .billing-table .merchant-tag,.app-shell .billing-table .free-tag{border-radius:999px}.app-shell .cost-filter-bar{padding-bottom:12px;border-bottom:1px solid var(--border)}.app-shell .cost-search-input,.app-shell .cost-filter-select{min-height:34px;border-color:var(--border-strong);background:var(--bg-inset)}.app-shell .terminal-node-picker{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue, #5e6ad2) 4%,transparent)}.app-shell .terminal-console{box-shadow:0 10px 26px #080f1c1f}@media(max-width:640px){.app-shell .media-matrix-panel,.app-shell .cost-table-panel{padding:14px}.app-shell .media-table,.app-shell .billing-table,.app-shell .cost-table{min-width:640px}.app-shell .cost-filter-bar{align-items:stretch;gap:8px}.app-shell .cost-search-wrap{min-width:100%}}.app-shell .nav-item{position:relative;min-height:34px}.app-shell .nav-item-active:before{content:"";position:absolute;left:0;width:2px;height:16px;border-radius:999px;background:var(--blue)}.app-shell .page-loading-card,.app-shell .empty-state,.app-shell .empty-state-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--shadow-card)}.app-shell .page-loading-card{justify-content:center;min-height:150px}.app-shell .empty-state{min-height:128px}.app-shell .api-state{border-radius:var(--admin-radius-sm)}.app-shell .modal-backdrop{overscroll-behavior:contain}.app-shell .modal-card{max-height:min(90vh,760px);overscroll-behavior:contain}.app-shell .modal-card input,.app-shell .modal-card select,.app-shell .modal-card textarea{max-width:100%}.app-shell .button-danger,.app-shell .badge-danger{color:var(--rose);border-color:color-mix(in srgb,var(--rose) 34%,transparent);background:var(--rose-dim)}.app-shell .button-danger:hover{color:#fff;border-color:var(--rose);background:var(--rose)}.app-shell .badge-warning{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 34%,transparent);background:var(--amber-dim)}.app-shell .lite-pagination-row{border-top:1px solid var(--admin-border)}.app-shell .lite-page-select,.app-shell .lite-page-nav-btn{min-height:30px;border-color:var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface-soft)}.app-shell .lite-page-nav-btn:focus-visible,.app-shell .lite-page-select:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 72%,white);outline-offset:2px}@media(max-width:600px){.app-shell .modal-backdrop{align-items:flex-end;padding:8px}.app-shell .modal-card,.app-shell .modal-card.modal-lg,.app-shell .modal-card.modal-sm{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px);border-radius:14px 14px 10px 10px!important;padding:18px!important}.app-shell .modal-card .modal-actions{flex-wrap:wrap;padding:12px 0 0}.app-shell .modal-card .modal-actions>.button{flex:1 1 130px}.app-shell .empty-state{min-height:112px;padding:24px 12px}.app-shell .lite-pagination-row{align-items:stretch;flex-direction:column;gap:10px}.app-shell .lite-pagination-right{justify-content:space-between}}.alert-center-view{display:flex;flex-direction:column;gap:18px}.alert-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.alert-stat-box{padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(165deg,#161e2ad9,#0c1118f2);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.alert-channel-panel{padding:20px}.channel-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.channel-title{display:flex;align-items:center;gap:12px}.channel-title strong{display:block;font-size:15px;color:var(--text-1)}.channel-title p{display:block;font-size:11px;color:var(--text-3);margin-top:2px}.channels-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.channel-item{padding:14px;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border)}.channel-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.channel-name{font-size:13px;font-weight:700;color:var(--text-1)}.channel-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.channel-desc{font-size:11px;color:var(--text-2);line-height:1.6;margin:0}.channel-desc code{color:#38bdf8;background:#38bdf81a;padding:1px 4px;border-radius:3px}.alert-list-panel{padding:20px}.alert-toolbar-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.alert-tab-group{display:inline-flex;gap:4px;background:#00000059;padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border)}.alert-cards-stack{display:flex;flex-direction:column;gap:12px}.alert-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .16s ease}.alert-card-open{background:linear-gradient(165deg,#1e1419b3,#100c12d9);border-color:#f43f5e59}.alert-card-acked{background:linear-gradient(165deg,#141c2699,#0c1118cc);opacity:.85}.alert-card-icon{flex-shrink:0;margin-top:2px}.alert-card-content{flex:1;min-width:0}.alert-card-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.alert-title-text{font-size:14px;font-weight:700;color:var(--text-1)}.alert-sev-badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:4px}.sev-rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.sev-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.sev-blue{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.alert-status-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px}.badge-open{background:#f43f5e26;color:#fb7185}.badge-acked{background:#10b98126;color:#34d399}.alert-msg-text{font-size:12px;color:var(--text-2);margin:0 0 10px;line-height:1.5}.alert-card-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--text-3);flex-wrap:wrap}.alert-card-action{flex-shrink:0;align-self:center}.alert-ack-btn{font-size:11px}@media(max-width:900px){.network-stats-row,.alert-stats-grid,.channels-status-grid,.form-grid-mtr{grid-template-columns:1fr}}.guest-preview-banner{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:linear-gradient(90deg,#10b9812e,#064e3b66);border-bottom:1px solid rgba(52,211,153,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000059;animation:slide-down .2s ease}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.preview-banner-left{display:flex;align-items:center;gap:10px;font-size:13px;color:#ecfdf5}.preview-banner-left strong{color:#34d399}.preview-banner-right{display:flex;align-items:center;gap:10px}.btn-logout-sidebar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-3);cursor:pointer;transition:all .16s ease}.btn-logout-sidebar:hover{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e40}.top-guest-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-2);border:1px solid var(--border);background:#ffffff08;transition:all .16s ease}.top-guest-btn:hover{color:var(--mint);border-color:#34d39959;background:#34d39914}.top-logout-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:#f43f5e!important;border:1px solid rgba(244,63,94,.2);background:#f43f5e0f;transition:all .16s ease}.top-logout-btn:hover{background:#f43f5e29;border-color:#f43f5e66}.nav-item-guest-switch{color:var(--text-2)}.nav-item-guest-switch:hover{color:var(--mint);background:#34d39914}@media(max-width:640px){.guest-preview-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 14px}.preview-banner-right{width:100%;justify-content:flex-end}}.komari-page-heading{margin-bottom:18px}.btn-add-server{box-shadow:0 4px 14px #5ad8ae40;font-weight:700}.global-throughput-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;padding:14px 18px;background:linear-gradient(160deg,#161e2acc,#0c1118f2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.throughput-item{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .16s ease}.throughput-item:hover{background:#ffffff06}.throughput-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.tone-mint{color:var(--mint);background:#5ad8ae1f;border:1px solid rgba(90,216,174,.25)}.tone-blue{color:var(--blue);background:#6cb8e81f;border:1px solid rgba(108,184,232,.25)}.tone-violet{color:var(--violet);background:#b79df01f;border:1px solid rgba(183,157,240,.25)}.tone-amber{color:var(--amber);background:#e3b5691f;border:1px solid rgba(227,181,105,.25)}.tone-amber-gold{color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);box-shadow:0 0 16px #f59e0b1f}.status-dot-pulse{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 #5ad8aeb3;animation:dot-pulse 2s infinite}@keyframes dot-pulse{0%{transform:scale(.95);box-shadow:0 0 #5ad8aeb3}70%{transform:scale(1);box-shadow:0 0 0 8px #5ad8ae00}to{transform:scale(.95);box-shadow:0 0 #5ad8ae00}}.throughput-info{display:flex;flex-direction:column;min-width:0}.throughput-label{font-size:11px;color:var(--text-3);font-weight:500;margin-bottom:2px;white-space:nowrap}.throughput-value{display:flex;align-items:baseline;gap:6px;font-size:16px;font-weight:700;color:var(--text-1)}.online-ratio-tag,.traffic-split-tag,.sla-tag,.billing-cny-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px}.online-ratio-tag{color:var(--mint);background:#5ad8ae24}.traffic-split-tag{color:var(--text-3);background:#ffffff0d}.sla-tag{color:var(--mint);background:#5ad8ae1f}.billing-cny-badge{color:#fbbf24;background:#f59e0b26}.komari-toolbar-container{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.komari-group-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px}.komari-group-tabs::-webkit-scrollbar{height:3px}.komari-group-tabs::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.komari-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease}.komari-tab-btn:hover{color:var(--text-1);border-color:#5ad8ae4d;background:#5ad8ae0d}.komari-tab-btn.active{color:#06130e;background:var(--mint);border-color:var(--mint);box-shadow:0 4px 14px #5ad8ae40;font-weight:700}.komari-tab-btn.active .tab-count{color:#06130e;background:#0000002e}.tab-count{font-size:10px;padding:1px 6px;border-radius:999px;background:#ffffff14;color:var(--text-2)}.komari-controls-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.komari-search-wrapper{position:relative;flex:1;min-width:240px;max-width:420px;display:flex;align-items:center}.komari-search-wrapper .search-icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none}.komari-search-input{width:100%;height:36px;padding:0 32px 0 34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0e141cd9;color:var(--text-1);font-size:12px;transition:all .16s ease}.komari-search-input:focus{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint),0 4px 16px #5ad8ae1f;outline:none}.komari-search-input::placeholder{color:var(--text-3)}.search-clear-btn{position:absolute;right:10px;display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:#ffffff1a;color:var(--text-2);padding:0;cursor:pointer}.search-clear-btn:hover{background:#fff3;color:var(--text-1)}.komari-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.komari-status-filters{display:inline-flex;padding:2px;background:#0e141cb3;border:1px solid var(--border);border-radius:var(--radius-sm)}.komari-status-filters button{padding:4px 10px;border:0;background:transparent;color:var(--text-3);font-size:11px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .14s ease}.komari-status-filters button:hover{color:var(--text-1)}.komari-status-filters button.filter-active{color:var(--text-1);background:#ffffff14;box-shadow:0 2px 6px #00000040}.komari-sort-wrapper{position:relative;display:flex;align-items:center}.komari-sort-wrapper .sort-icon{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.komari-sort-select{height:36px;padding:0 12px 0 28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0e141cd9;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;outline:none;transition:all .16s ease}.komari-sort-select:hover{color:var(--text-1);border-color:#5ad8ae4d}.komari-sort-select:focus{border-color:var(--mint);color:var(--text-1)}.full-width-nodes-section{width:100%;margin-bottom:24px}.panel-sub-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.panel-sub-insights .panel{margin-bottom:0}.komari-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.komari-compact-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(160deg,#161e2abf,#0c1118e6);cursor:pointer;transition:all .18s ease}.komari-compact-card:hover{transform:translateY(-2px);border-color:#5ad8ae66;box-shadow:0 10px 24px #00000059}.komari-compact-card.offline{opacity:.65}.compact-card-top{display:flex;align-items:center;justify-content:space-between}.compact-title{display:flex;align-items:center;gap:8px;min-width:0}.compact-flag{font-size:16px}.compact-title strong{font-size:13px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-bars-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-bar-item{display:flex;flex-direction:column;gap:3px}.compact-bar-item small{font-size:10px;color:var(--text-3)}.compact-bar-item span{font-size:10px;color:var(--text-2)}.compact-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.04);font-size:10px}.compact-net{display:flex;gap:8px}.compact-net .rate-down{color:var(--mint)}.compact-net .rate-up{color:var(--blue)}.compact-remaining{color:#fbbf24;font-weight:600}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:990;animation:fadeIn .18s ease-out}.modern-node-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:#0e1012;border-left:1px solid var(--border);box-shadow:-20px 0 60px #000000b3;display:flex;flex-direction:column;z-index:999;animation:slideInRight .22s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modern-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border);background:#0e1012e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-title-group{display:flex;flex-direction:column;gap:6px;min-width:0}.drawer-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawer-flag{font-size:20px}.drawer-name{font-size:18px;font-weight:700;color:var(--text-1);margin:0}.drawer-subtitle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.drawer-status-text.online{color:var(--mint);font-weight:600}.drawer-status-text.offline{color:var(--rose);font-weight:600}.drawer-scroll-content{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.drawer-rates-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-rate-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border)}.rate-icon-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.drawer-rate-box.rate-down .rate-icon-badge{color:var(--mint);background:#5ad8ae1f}.drawer-rate-box.rate-up .rate-icon-badge{color:var(--blue);background:#6cb8e81f}.rate-content{display:flex;flex-direction:column}.rate-label{font-size:10px;color:var(--text-3)}.rate-val{font-size:15px;font-weight:700}.drawer-section-card{padding:16px;border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.section-card-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.section-card-title.justify-between{justify-content:space-between}.drawer-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:11px;color:var(--text-3)}.spec-value{font-size:12px;font-weight:600;color:var(--text-1)}.drawer-meter-item{display:flex;flex-direction:column;gap:6px}.meter-label-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.meter-name{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}.meter-val{color:var(--text-1);font-weight:600}.drawer-transfer-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0003;border-radius:6px;margin-top:4px}.transfer-stat{display:flex;flex-direction:column;gap:2px}.transfer-label{font-size:10px;color:var(--text-3)}.transfer-val{font-size:12px;font-weight:600}.transfer-divider{width:1px;height:24px;background:var(--border)}.drawer-billing-card{border-color:#f59e0b40;background:linear-gradient(160deg,#f59e0b0d,#161e2a99)}.drawer-billing-body{display:flex;flex-direction:column;gap:12px}.billing-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-meta-item{display:flex;flex-direction:column;gap:3px}.meta-label{font-size:11px;color:var(--text-3)}.meta-val{font-size:12px;color:var(--text-1)}.billing-calc-box{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#00000040;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm)}.calc-left{display:flex;flex-direction:column;gap:2px}.calc-label{font-size:10px;color:var(--text-3)}.calc-amount{font-size:20px;font-weight:700;color:#fbbf24}.calc-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.modern-drawer-actions{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-panel)}.modern-drawer-actions .drawer-button{flex:1}.add-server-modal{width:640px;max-width:95vw}.security-assurance-banner{display:flex;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#5ad8ae14;border:1px solid rgba(90,216,174,.25);margin-bottom:16px}.assurance-icon{color:var(--mint);flex-shrink:0;margin-top:2px}.assurance-text strong{display:block;font-size:12px;color:#a7f3d0;margin-bottom:2px}.assurance-text p{font-size:11px;color:var(--text-2);margin:0;line-height:1.5}.token-expiry-alert{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-sm);background:#161e2a99;border:1px solid var(--border);margin-bottom:16px;font-size:12px}.countdown-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#5ad8ae26;color:var(--mint)}.countdown-badge.expired{background:#f43f5e26;color:#f43f5e}.script-tabs{display:flex;gap:6px;margin-bottom:10px}.script-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s ease}.script-tab-btn.active{color:var(--text-1);background:#ffffff14;border-color:#5ad8ae66}.terminal-box{border-radius:var(--radius-sm);background:#05080c;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:16px}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dots{display:flex;gap:6px}.t-dot{width:9px;height:9px;border-radius:50%}.t-red{background:#ff5f56}.t-yellow{background:#ffbd2e}.t-green{background:#27c93f}.terminal-title{font-size:11px;color:var(--text-3)}.btn-copy-code{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-2);font-size:11px;cursor:pointer;transition:all .14s ease}.btn-copy-code:hover{color:var(--text-1);border-color:var(--mint)}.terminal-code{padding:14px;margin:0;font-size:12px;line-height:1.6;color:#38bdf8;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.post-install-guide{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius-sm);background:#161e2a66;border:1px solid var(--border);font-size:11px;color:var(--text-2)}.post-install-guide code{color:var(--mint);background:#5ad8ae1a;padding:2px 6px;border-radius:4px;font-size:11px}.add-server-modal{position:relative;width:640px;max-width:95vw;background:#0d131a;border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 24px 64px #000000a6;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .18s ease-out}@keyframes modalScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.add-server-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);background:#161e2a66}.title-block{display:flex;align-items:center;gap:12px}.modal-icon-wrap{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#5ad8ae1f;border:1px solid rgba(90,216,174,.25)}.title-block h3{margin:0;font-size:15px;font-weight:700;color:var(--text-1)}.title-block p{margin:2px 0 0;font-size:11px;color:var(--text-3)}.add-server-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.install-tabs{display:flex;gap:8px}.install-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.install-tab:hover{color:var(--text-1);background:#ffffff0f}.install-tab.active{color:#06130e;background:var(--mint);border-color:var(--mint);font-weight:700;box-shadow:0 4px 14px #5ad8ae40}.token-meta-strip{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-sm);background:#00000040;border:1px solid var(--border);font-size:12px}.token-meta-strip .meta-item{display:flex;align-items:center;gap:8px}.command-terminal-box{border-radius:var(--radius-sm);background:#04070a;border:1px solid rgba(255,255,255,.1);overflow:hidden}.command-terminal-box .terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.command-terminal-box .terminal-dots{display:flex;gap:6px}.command-terminal-box .dot{width:9px;height:9px;border-radius:50%}.command-terminal-box .dot.red{background:#ff5f56}.command-terminal-box .dot.yellow{background:#ffbd2e}.command-terminal-box .dot.green{background:#27c93f}.terminal-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0f;color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:all .14s ease}.terminal-copy-btn:hover{color:var(--text-1);border-color:var(--mint);background:#5ad8ae1a}.terminal-copy-btn.copied{color:#06130e;background:var(--mint);border-color:var(--mint)}.command-terminal-box .terminal-code{padding:14px;margin:0;font-size:12px;line-height:1.6;color:#38bdf8;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.install-tips-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius-sm);background:#161e2a66;border:1px solid var(--border);font-size:11px;color:var(--text-2)}.install-tips-card .tip-row{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.install-tips-card .tip-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);margin-top:6px;flex-shrink:0}.modal-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border);background:#0e141c99}.drawer-count-badge{font-size:11px;color:var(--text-3);background:#ffffff0a;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.drawer-loading-box{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 10px;font-size:12px;color:var(--text-3)}.drawer-empty-sub{font-size:12px;color:var(--text-3);padding:10px 4px;line-height:1.5}.drawer-checks-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.drawer-check-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:8px;transition:background .15s ease}.drawer-check-row:hover{background:#ffffff0a;border-color:var(--border-strong)}.check-target-info{display:flex;flex-direction:column;gap:3px;min-width:0}.check-target-name{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-sub-meta{display:flex;align-items:center;gap:6px;font-size:11px}.check-kind-tag{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;background:#4f86f71f;color:var(--blue);border:1px solid rgba(79,134,247,.2)}.check-metrics-right{display:flex;align-items:center;gap:14px;text-align:right;flex-shrink:0}.metric-col{display:flex;flex-direction:column;gap:1px}.metric-label{font-size:10px;color:var(--text-3)}.drawer-mtr-meta-strip{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#4f86f70a;border:1px solid rgba(79,134,247,.15);border-radius:8px;margin-bottom:8px}.mtr-dest-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-1)}.drawer-mtr-hops-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden}.drawer-mtr-table{width:100%;border-collapse:collapse;font-size:11px}.drawer-mtr-table th{padding:6px 10px;background:#ffffff05;border-bottom:1px solid var(--border);color:var(--text-3);font-weight:500;text-align:left;font-size:10px}.drawer-mtr-table td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.drawer-mtr-table tr:last-child td{border-bottom:none}.hop-ip-col{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hop-pill-dest{font-size:10px;color:var(--mint);background:#5ad8ae1f;padding:1px 6px;border-radius:4px}.hop-pill-relay{font-size:10px;color:var(--text-3)}.hop-pill-timeout{font-size:10px;color:var(--amber);background:#e3b5691a;padding:1px 6px;border-radius:4px}.drawer-mtr-more-hint{text-align:center;font-size:11px;color:var(--text-3);padding:6px;background:#ffffff03;border-top:1px solid var(--border)}.drawer-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}@media(max-width:480px){.drawer-media-grid{grid-template-columns:1fr}}.drawer-media-pill{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff05;border:1px solid var(--border);border-radius:8px;transition:all .15s ease}.drawer-media-pill:hover{background:#ffffff0a;border-color:var(--border-strong)}.drawer-media-platform{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-1)}.drawer-media-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1}.media-tag-available{font-size:10px;font-weight:600;color:var(--mint);background:#5ad8ae1f;border:1px solid rgba(90,216,174,.25);padding:2px 7px;border-radius:4px}.media-tag-unavailable{font-size:10px;font-weight:500;color:var(--rose);background:#e07f881a;border:1px solid rgba(224,127,136,.2);padding:2px 7px;border-radius:4px}.media-tag-warning{font-size:10px;font-weight:500;color:var(--amber);background:#e3b5691a;border:1px solid rgba(227,181,105,.2);padding:2px 7px;border-radius:4px}.media-tag-muted{font-size:10px;color:var(--text-3);padding:2px 7px}.drawer-card-footer-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:8px 12px;background:#ffffff05;border:1px dashed var(--border);border-radius:7px;color:var(--text-2);font-size:11px;cursor:pointer;transition:all .15s ease}.drawer-card-footer-link:hover{background:#ffffff0d;border-color:var(--mint);color:var(--mint)}.modern-traffic-panel{display:flex;flex-direction:column;gap:14px}.traffic-header-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.traffic-period-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff08;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:11px}.traffic-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.traffic-kpi-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s ease,transform .2s ease}.traffic-kpi-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.traffic-kpi-card .kpi-top{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3)}.traffic-kpi-card .kpi-val{font-size:18px;font-weight:700;line-height:1.2;margin-top:2px}.traffic-kpi-card .kpi-sub{font-size:10px}.traffic-chart-wrapper{position:relative;background:#0003;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 14px 10px}.traffic-hover-banner{min-height:28px;display:flex;align-items:center;justify-content:center;padding:4px 12px;margin-bottom:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;font-size:11px;transition:all .15s ease}.traffic-hover-banner.active{background:#5ad8ae14;border-color:#5ad8ae40}.hover-badge-content{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hover-sep{display:inline-block;width:1px;height:10px;background-color:var(--border-strong, rgba(255, 255, 255, .18));opacity:.7;margin:0 4px;vertical-align:middle;flex-shrink:0}.hover-stat i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.hover-stat i.dot-mint{background:var(--mint)}.hover-stat i.dot-blue{background:var(--blue)}.hover-badge-hint{color:var(--text-3);font-size:10px}.traffic-svg-canvas{width:100%;height:120px;position:relative}.traffic-svg-canvas .traffic-bars{width:100%;height:100%;overflow:visible}.traffic-grid-line{stroke:#94b2be17;stroke-dasharray:2 2;stroke-width:.8}.traffic-hover-band{fill:#ffffff0f;pointer-events:none}.traffic-bar-rx{fill:var(--mint);transition:opacity .15s ease}.traffic-bar-tx{fill:var(--blue);transition:opacity .15s ease}.traffic-time-scale,.traffic-time-axis{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-3);margin-top:8px;padding-top:6px;border-top:1px dashed rgba(148,178,190,.08)}.checks-summary-container{display:flex;flex-direction:column;gap:14px}.checks-kpi-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.checks-kpi-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s ease,transform .2s ease}.checks-kpi-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.kpi-card-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3)}.kpi-card-val{font-size:19px;font-weight:700;line-height:1.2;margin-top:2px}.kpi-card-val small{font-size:12px;font-weight:400;color:var(--text-3)}.kpi-card-sub{font-size:10px}.checks-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.checks-search-box{position:relative;flex:1;min-width:200px;max-width:320px;display:flex;align-items:center}.checks-search-box .search-icon{position:absolute;left:10px;pointer-events:none}.checks-search-input{width:100%;height:32px;padding:0 28px 0 32px;background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-size:11px;outline:none;transition:border-color .15s ease}.checks-search-input:focus{border-color:var(--mint)}.clear-search-btn{position:absolute;right:8px;background:transparent;border:0;color:var(--text-3);font-size:14px;line-height:1;padding:2px 4px}.clear-search-btn:hover{color:var(--text-1)}.checks-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.checks-tab-btn{padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-3);font-size:11px;transition:all .15s ease}.checks-tab-btn:hover{color:var(--text-1);border-color:var(--border-strong)}.checks-tab-btn.active{background:var(--mint-dim);color:var(--mint-strong);border-color:#5ad8ae59;font-weight:600}.modern-checks-table{width:100%;border-collapse:collapse}.modern-checks-table th{padding:9px 10px;border-bottom:1px solid var(--border-strong);color:var(--text-3);font:10px var(--font-mono);text-align:left;white-space:nowrap}.modern-checks-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.modern-checks-table th.sortable-th:hover{color:var(--mint)}.modern-checks-table td{padding:10px;border-top:1px solid var(--border);color:var(--text-2);font:11px var(--font-mono);white-space:nowrap}.modern-checks-table tbody tr{transition:background .15s ease}.modern-checks-table tbody tr:hover{background:#ffffff08}.checks-row-warning{background:#e07f880f!important;box-shadow:inset 3px 0 var(--rose)}.checks-col-name{color:var(--text-1)!important;font-weight:600}.check-kind-pill{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kind-http,.kind-https{color:#7df0c6;background:#5ad8ae1f;border:1px solid rgba(90,216,174,.25)}.kind-tcp{color:#e8c47c;background:#e8c47c1f;border:1px solid rgba(232,196,124,.25)}.kind-dns{color:#cfbcf2;background:#cfbcf21f;border:1px solid rgba(207,188,242,.25)}.kind-icmp{color:#93cdec;background:#93cdec1f;border:1px solid rgba(147,205,236,.25)}.loss-pill{display:inline-block;font-weight:700}.loss-pill.loss-clean{color:var(--mint)}.loss-pill.loss-warn{color:var(--rose);padding:2px 6px;border-radius:4px;background:var(--rose-dim)}.lat-pill{font-weight:600}.lat-pill.lat-fast{color:var(--mint)}.lat-pill.lat-norm{color:var(--blue)}.lat-pill.lat-slow{color:var(--amber)}.guest-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.guest-badge{display:inline-flex;align-items:center;font-size:11px;color:var(--text-muted)}.traffic-controls-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nezha-traffic-wrap,.nezha-checks-wrap{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px 8px;margin-top:8px;box-shadow:var(--shadow-card)}.nezha-hover-banner{min-height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;padding:3px 10px;border-radius:var(--radius-xs);background:#ffffff05;border:1px solid var(--border);font-size:11px;transition:all .15s ease}.nezha-hover-banner.active{background:var(--blue-dim);border-color:var(--blue)}.nezha-arrow{font-weight:700;margin-right:2px}.hover-badge-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hover-badge-hint{color:var(--text-3);font-size:10px;opacity:.75;letter-spacing:-.01em}.checks-target-capsules{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.target-capsule-btn{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-family:var(--font-mono, monospace);background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:var(--text-2);cursor:pointer;transition:all .15s ease;line-height:1.4}.target-capsule-btn:hover{background:#ffffff12;color:var(--text-1)}.target-capsule-btn.active{background:#6366f11f;border-color:#6366f1;color:var(--text-1);font-weight:600}.capsule-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.nezha-svg-canvas{width:100%;height:120px;position:relative}.nezha-spline-svg{width:100%;height:100%;overflow:visible;display:block}.nezha-grid-line{stroke:var(--border-strong, var(--border));stroke-dasharray:2 4;stroke-width:.75px;vector-effect:non-scaling-stroke;pointer-events:none}.nezha-area-fill{pointer-events:none}.nezha-line-stroke{pointer-events:none;vector-effect:non-scaling-stroke}.nezha-axis-text{font-size:7px;fill:var(--text-3);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;opacity:.7}.nezha-crosshair{stroke:var(--mint);stroke-dasharray:2 2;stroke-width:.95px;stroke-opacity:.7;vector-effect:non-scaling-stroke;pointer-events:none}.nezha-interactive-group{pointer-events:none}.nezha-dot-rx,.nezha-dot-tx{pointer-events:none;transition:r .1s ease}.nezha-chart-dots{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3}.nezha-indicator-dot{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);border:1.5px solid #ffffff;box-shadow:0 0 6px #00000073;pointer-events:none;transition:transform .08s ease,left .08s ease,top .08s ease}[data-theme=light] .nezha-indicator-dot{border-color:#fff;box-shadow:0 1px 4px #00000040}.nezha-indicator-dot.dot-cpu{background-color:#10b981}.nezha-indicator-dot.dot-mem{background-color:#3b82f6}.nezha-indicator-dot.dot-mint,.nezha-indicator-dot.dot-rx{background-color:#10b981}.nezha-indicator-dot.dot-blue,.nezha-indicator-dot.dot-tx{background-color:#6366f1}.nezha-indicator-dot.dot-rose{background-color:#f43f5e}.nezha-indicator-dot.dot-amber{background-color:#f59e0b}.nezha-y-axis-labels{position:absolute;top:0;right:8px;bottom:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.nezha-y-axis-labels span{position:absolute;right:0;transform:translateY(-50%);font-size:10px;font-family:var(--font-mono);color:var(--text-3);background:var(--card-bg, #0e1012);padding:1px 5px;border-radius:3px;opacity:.92;line-height:1}[data-theme=light] .nezha-y-axis-labels span{color:#475569;background:#fff;box-shadow:0 1px 2px #0000000f;opacity:.95}.nezha-time-axis{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;color:var(--text-3);margin-top:6px;padding-top:5px;border-top:1px dashed var(--border)}.axis-target-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.axis-target-name.axis-active{color:var(--blue-bright);font-weight:600}.theme-switcher-compact{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;border:none;background:transparent;color:var(--text-3);border-radius:4px;transition:all .12s ease;padding:0}.theme-btn:hover{color:var(--text-1);background:#ffffff0f}.theme-btn.active{color:#fff;background:var(--blue);box-shadow:0 1px 3px #0003}.theme-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.theme-choice-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-1);text-align:left;transition:all .14s ease;cursor:pointer}.theme-choice-card:hover{border-color:var(--border-strong);background:var(--bg-raised)}.theme-choice-card.selected{border-color:var(--blue);background:var(--blue-dim);box-shadow:0 0 0 1px var(--blue)}.theme-choice-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-xs);background:#ffffff0a;border:1px solid var(--border)}.theme-choice-text strong{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.theme-choice-text span{display:block;font-size:11px;color:var(--text-2);line-height:1.4}[data-theme=light]{--bg-base: #f5f6f8;--bg-panel: #ffffff;--bg-raised: #f1f3f6;--bg-inset: #e8ecf1;--card-bg: #ffffff;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--mint: #10b981;--mint-strong: #059669;--mint-dim: rgba(16, 185, 129, .12);--blue: #4f46e5;--blue-bright: #4338ca;--blue-dim: rgba(79, 70, 229, .1);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .12);--rose: #e11d48;--rose-dim: rgba(225, 29, 72, .1);--violet: #7c3aed;--violet-dim: rgba(124, 58, 237, .1);--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-pop: 0 16px 36px rgba(0, 0, 0, .12), 0 0 0 1px var(--border)}[data-theme=light] .topbar{background:#f5f6f8eb;border-bottom-color:var(--border)}[data-theme=light] .sidebar{background:#fff;border-right-color:var(--border)}[data-theme=light] .app-shell{background:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(79,70,229,.04),transparent),var(--bg-base)}[data-theme=light] .button-quiet{background:#00000008;border-color:#0000001a;color:var(--text-2)}[data-theme=light] .button-quiet:hover{background:#0000000f;border-color:#0000002e;color:var(--text-1)}[data-theme=light] .icon-button{background:#00000008;border-color:#0000001a;color:var(--text-2)}[data-theme=light] .icon-button:hover{background:#0000000f;border-color:#0000002e;color:var(--text-1)}[data-theme=light] .topbar-clock,[data-theme=light] .refresh-controls,[data-theme=light] .theme-switcher-compact{background:#00000008;border-color:#0000001a}[data-theme=light] .theme-btn:hover{background:#0000000f}[data-theme=light] .theme-choice-icon{background:#00000008}[data-theme=light] .linear-kbd{background:#0000000a;border-color:#0000001a;color:var(--text-2)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .field-select,[data-theme=light] .sort-select,[data-theme=light] .search-field{background:#fff;color:var(--text-1);border-color:#0000001f}[data-theme=light] .mjj-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #0000000a}[data-theme=light] .mjj-card:hover{background:#f8fafc;border-color:#00000029;box-shadow:0 6px 20px #0000000f}[data-theme=light] .mjj-metrics-section{background:#00000006;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .mjj-rate-item{background:#00000005;border-color:#0000000f}[data-theme=light] .mjj-status-badge{background:#00000008;border-color:#00000014;color:var(--text-2)}[data-theme=light] .mjj-arch-pill{background:#0000000d;color:var(--text-2)}[data-theme=light] .mjj-card-footer{border-top-color:#0000000f}[data-theme=light] .mjj-billing-strip{background:linear-gradient(90deg,#d977060f,#10b9810f);border-color:#d977064d}[data-theme=light] .mjj-billing-strip:hover{background:linear-gradient(90deg,#d977061f,#10b9811f);border-color:#d977068c}[data-theme=light] .komari-compact-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #0000000a}[data-theme=light] .komari-compact-card:hover{background:#f8fafc;border-color:#00000029}[data-theme=light] .compact-card-bottom{border-top-color:#0000000f}[data-theme=light] .komari-tab-btn{background:#fff;border-color:#00000014;color:var(--text-2)}[data-theme=light] .komari-tab-btn:hover{background:#f8fafc;color:var(--text-1)}[data-theme=light] .komari-tab-btn.active{background:var(--mint);color:#fff;border-color:var(--mint)}[data-theme=light] .komari-tab-btn.active .tab-count{background:#ffffff40;color:#fff}[data-theme=light] .tab-count{background:#0000000f;color:var(--text-2)}[data-theme=light] .komari-search-input{background:#fff;border-color:#0000001a;color:var(--text-1)}[data-theme=light] .komari-status-filters{background:#0000000a;border-color:#00000014}[data-theme=light] .komari-status-filters button.filter-active,[data-theme=light] .view-toggle-btn.active{background:#fff;color:var(--text-1);box-shadow:0 1px 3px #0000001a}[data-theme=light] .guest-shell{background:#f5f6f8}[data-theme=light] .guest-header{background:#f5f6f8eb;border-bottom-color:#00000014}[data-theme=light] .guest-hero-banner{background:#fff;border-color:#00000014;box-shadow:0 4px 16px #00000008}[data-theme=light] .hero-operational{background:linear-gradient(135deg,#10b98114,#fff);border-color:#10b9814d}[data-theme=light] .hero-degraded{background:linear-gradient(135deg,#d9770614,#fff);border-color:#d977064d}[data-theme=light] .hero-loading{background:linear-gradient(135deg,#4f46e514,#fff);border-color:#4f46e54d}[data-theme=light] .hero-status-content h1{color:#0f172a}[data-theme=light] .guest-stat-box{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #00000008}[data-theme=light] .guest-stat-box:hover{border-color:#10b9814d;box-shadow:0 4px 14px #0000000d}[data-theme=light] .guest-node-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #00000008}[data-theme=light] .guest-node-card:hover{background:#fafafa;border-color:#10b9814d;box-shadow:0 6px 18px #0000000d}[data-theme=light] .guest-node-card-bottom{border-top-color:#0000000f}[data-theme=light] .guest-tag{background:#0000000a;color:var(--text-2)}[data-theme=light] .guest-preview-banner{background:linear-gradient(90deg,#10b9811f,#f5f6f8f2);border-bottom-color:#10b9814d}[data-theme=light] .preview-banner-left{color:#0f172a}[data-theme=light] .preview-banner-left strong{color:#059669}[data-theme=light] .node-drawer-panel,[data-theme=light] .modern-node-drawer{background:#fff;border-left-color:#0000001a;box-shadow:-20px 0 60px #0000001a}[data-theme=light] .node-drawer-panel .drawer-header,[data-theme=light] .modern-drawer-header{background:#f8fafc;border-bottom-color:#00000014}[data-theme=light] .drawer-section-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #00000008}[data-theme=light] .drawer-transfer-row{background:#00000008;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .drawer-transfer-row .transfer-divider{background:#00000014}[data-theme=light] .drawer-billing-body,[data-theme=light] .billing-calc-box{background:#f8fafc;border-color:#0000000f}[data-theme=light] .drawer-check-row{border-bottom-color:#0000000d}[data-theme=light] .drawer-check-row:hover{background:#00000005}[data-theme=light] .totp-verify-panel{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000a}[data-theme=light] .totp-input{background:#fff;color:var(--text-1);border-color:#0000001f}[data-theme=light] .modal-overlay{background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .mjj-login-modal,[data-theme=light] .billing-modal,[data-theme=light] .add-server-modal{background:#fff;border-color:#0000001f;box-shadow:0 24px 64px #0000001f}[data-theme=light] .add-server-header{background:#f8fafc;border-bottom-color:#00000014}[data-theme=light] .modal-input{background:#fff;border-color:#0000001f;color:var(--text-1)}[data-theme=light] .network-stat-card,[data-theme=light] .network-controls-bar,[data-theme=light] .network-table-panel,[data-theme=light] .mtr-result-panel,[data-theme=light] .media-matrix-panel,[data-theme=light] .alert-stat-box,[data-theme=light] .alert-channel-panel,[data-theme=light] .traffic-kpi-card,[data-theme=light] .checks-kpi-card,[data-theme=light] .spec-item,[data-theme=light] .node-metric-card,[data-theme=light] .guest-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #00000008}[data-theme=light] .network-filter-chips{background:#0000000a;border-color:#00000014}[data-theme=light] .mtr-tab-chip{background:#fff;border-color:#00000014;color:var(--text-2)}[data-theme=light] .mtr-tab-chip.active{background:#4f46e514;border-color:var(--blue);color:var(--blue)}[data-theme=light] .media-top-banner{background:linear-gradient(135deg,#10b9810f,#fff);border-color:#10b98133}[data-theme=light] .banner-left h3{color:#0f172a}[data-theme=light] .channel-item{background:#f8fafc;border-color:#00000014}[data-theme=light] .node-table th,[data-theme=light] .modern-node-table th,[data-theme=light] .checks-table th,[data-theme=light] .network-table th,[data-theme=light] .mtr-hops-table th{background:#f8fafc;color:var(--text-2);border-bottom-color:#00000014}[data-theme=light] .node-table td,[data-theme=light] .modern-node-table td,[data-theme=light] .checks-table td,[data-theme=light] .network-table td,[data-theme=light] .mtr-hops-table td{border-top-color:#0000000d;color:var(--text-2)}[data-theme=light] .node-table tr:hover td,[data-theme=light] .modern-node-table tr:hover td,[data-theme=light] .checks-table tr:hover td,[data-theme=light] .network-table tr:hover td,[data-theme=light] .mtr-hops-table tr:hover td{background:#00000005}[data-theme=light] .nezha-hover-banner{background:#fff;border-color:#0000001a;box-shadow:0 4px 14px #0000000f}[data-theme=light] .hover-sep{background-color:#00000029;opacity:1}[data-theme=light] .nezha-grid-line{stroke:#0000000f}[data-theme=light] .nezha-axis-text{fill:#64748b}.network-latency-panel{padding:16px 20px}.network-latency-wrap,.mtr-hop-line-wrap{position:relative;width:100%;border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border);overflow:hidden;margin-bottom:14px}[data-theme=light] .network-latency-wrap,[data-theme=light] .mtr-hop-line-wrap{background:#fff;border-color:#00000014}.network-latency-svg,.mtr-hop-line-svg{display:block;width:100%;height:96px;overflow:visible}.mtr-hop-step-cell{display:flex;align-items:center;gap:8px}.mtr-step-svg{width:110px;height:22px;overflow:visible;flex:0 0 auto}.mtr-step-sparkline{stroke-width:.95;vector-effect:non-scaling-stroke;fill:none}.drawer-mini-latency-card{padding:10px 12px;background:#00000040;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px}[data-theme=light] .drawer-mini-latency-card{background:#00000005;border-color:#0000000f}.drawer-mini-latency-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:6px}.drawer-mini-latency-svg{display:block;width:100%;height:48px;overflow:visible}[data-theme=light] .ring-gauge{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #0000000a}[data-theme=light] .ring-track{stroke:#00000014}[data-theme=light] .gauge-label-title{color:#334155}[data-theme=light] .ring-center strong{color:#0f172a}[data-theme=light] .dual-chart-svg{background:transparent}.node-detail-page{display:flex;flex-direction:column;gap:20px}.detail-identity{display:flex;align-items:center;gap:18px;padding:20px 24px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md, 14px);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.detail-identity:hover{border-color:var(--border-strong)}.node-avatar-lg{width:52px;height:52px;font-size:22px;font-weight:700;border-radius:14px;box-shadow:0 4px 12px #00000040;flex-shrink:0}.detail-identity-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-identity-title h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.badge-subtle{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;background:#ffffff0d;color:var(--text-2);border:1px solid var(--border)}.copy-chip-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin-left:8px;font-size:10px;border-radius:5px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .15s ease;vertical-align:middle}.copy-chip-btn:hover{background:#ffffff1f;color:var(--text-1);border-color:var(--border-strong)}.gauge-card-horizontal{padding:18px 20px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 2px 8px #0000001f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gauge-card-horizontal:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000038;border-color:var(--border-strong)}.gauge-sparkline-row{margin-top:14px;width:100%;height:48px;position:relative}.gauge-sparkline-svg{display:block;width:100%;height:48px;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.gauge-sparkline-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.06);font-size:10px;color:var(--text-3)}.nezha-hover-banner{display:flex;align-items:center;min-height:38px;padding:6px 14px;border-radius:10px;background:#00000047;border:1px solid var(--border);margin-bottom:14px}.hover-badge-content{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;font-size:11px}.hover-badge-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;font-size:11px}.summary-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.summary-pill i{display:inline-block;width:6px;height:6px;border-radius:50%}.pill-mint i{background:var(--mint);box-shadow:0 0 6px var(--mint)}.pill-blue i{background:var(--blue);box-shadow:0 0 6px var(--blue)}.summary-pill-right{margin-left:auto;color:var(--text-3)}.dual-chart-svg{display:block;width:100%;height:220px;background:transparent}.nezha-grid-line{stroke:currentColor;stroke-opacity:.12;stroke-width:.8px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.nezha-crosshair{stroke:var(--mint);stroke-width:.95px;stroke-dasharray:2 2;stroke-opacity:.75;vector-effect:non-scaling-stroke;pointer-events:none}.nezha-axis-text{fill:var(--text-3);font-size:8px;opacity:.8;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.detail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:14px}.detail-list>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm, 8px);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.detail-list>div:hover{background:#ffffff0a;border-color:var(--border-strong);transform:translateY(-1px)}.detail-list span{font-size:11px;color:var(--text-3);font-weight:500}.detail-list b{font-size:13px;color:var(--text-1);font-weight:600;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}[data-theme=light] .detail-identity{background:#fff;border-color:#00000014;box-shadow:0 1px 4px #0000000a}[data-theme=light] .badge-subtle{background:#0000000a;color:#475569;border-color:#00000014}[data-theme=light] .copy-chip-btn{background:#0000000a;border-color:#00000014;color:#475569}[data-theme=light] .copy-chip-btn:hover{background:#00000014;color:#0f172a}[data-theme=light] .nezha-hover-banner{background:#f8fafc;border-color:#00000014}[data-theme=light] .summary-pill{background:#fff;border-color:#0000000f}[data-theme=light] .gauge-sparkline-footer{border-top-color:#0000000f}[data-theme=light] .detail-list>div{background:#f8fafc;border-color:#0000000f}[data-theme=light] .detail-list>div:hover{background:#f1f5f9;border-color:#0000001f}@media(max-width:900px){.gauge-grid{grid-template-columns:1fr}}.route-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:16px;background:#030712a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .14s ease}.route-modal-card{width:min(620px,94vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 48px #00000059;animation:modal-pop .18s cubic-bezier(.2,.8,.4,1);overflow:hidden}[data-theme=dark] .route-modal-card,:root:not([data-theme=light]) .route-modal-card{background:#111827;color:#f3f4f6;border-color:#ffffff1a;box-shadow:0 24px 60px #000000b3}.route-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px}.route-modal-title{font-size:18px;font-weight:700;color:inherit;margin:0 0 6px;letter-spacing:-.01em}.route-modal-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}[data-theme=dark] .route-modal-desc,:root:not([data-theme=light]) .route-modal-desc{color:#9ca3af}.route-modal-close{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .14s ease;flex-shrink:0}.route-modal-close:hover{background:#0000000f;color:#111827}[data-theme=dark] .route-modal-close:hover,:root:not([data-theme=light]) .route-modal-close:hover{background:#ffffff14;color:#fff}.route-modal-form{padding:0 24px 22px;overflow-y:auto;display:flex;flex-direction:column}.route-form-section{padding:14px 0 16px}.route-section-heading{font-size:14px;font-weight:700;color:inherit;margin:0 0 14px}.route-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}@media(max-width:540px){.route-grid-2col{grid-template-columns:1fr;gap:12px}}.route-field-group{display:flex;flex-direction:column;gap:6px;position:relative}.route-label{font-size:12px;font-weight:600;color:#374151}[data-theme=dark] .route-label,:root:not([data-theme=light]) .route-label{color:#d1d5db}.route-input{width:100%;height:38px;padding:0 12px;border-radius:6px;font-size:13px;border:1px solid #d1d5db;background:#f9fafb;color:#111827;outline:none;transition:all .14s ease;font-family:inherit}[data-theme=dark] .route-input,:root:not([data-theme=light]) .route-input{background:#1f2937;border-color:#374151;color:#f3f4f6}.route-input:focus,.route-input.is-focused{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f629}[data-theme=dark] .route-input:focus,:root:not([data-theme=light]) .route-input:focus{background:#1f2937;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.route-input.is-invalid{border-color:#ef4444}.route-select-wrapper{position:relative;display:flex;align-items:center}.route-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer}.route-select-arrow{position:absolute;right:12px;pointer-events:none;color:#6b7280}.route-input-wrap{position:relative}.route-tooltip-bubble{position:absolute;right:0;bottom:-28px;background:#fff;color:#111827;border:1px solid #d1d5db;padding:3px 10px;border-radius:4px;font-size:12px;box-shadow:0 4px 14px #0000001f;z-index:20;pointer-events:none;white-space:nowrap}.route-dropdown-wrap{position:relative}.route-select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.route-selected-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-caret{color:#6b7280;flex-shrink:0}.route-node-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000002e;z-index:50;padding:4px}[data-theme=dark] .route-node-menu,:root:not([data-theme=light]) .route-node-menu{background:#1f2937;border-color:#374151;box-shadow:0 12px 30px #0009}.route-node-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .12s ease}.route-node-option:hover{background:#0000000d}[data-theme=dark] .route-node-option:hover,:root:not([data-theme=light]) .route-node-option:hover{background:#ffffff0f}.route-node-option.is-checked{background:#3b82f614}[data-theme=dark] .route-node-option.is-checked,:root:not([data-theme=light]) .route-node-option.is-checked{background:#38bdf824}.route-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #9ca3af;display:grid;place-items:center;flex-shrink:0}.route-node-option.is-checked .route-checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.route-option-flag{font-size:16px}.route-option-name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-option-sub{font-size:11px}.route-lab-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 14px;background:#00000005;border:1px dashed #d1d5db;border-radius:8px}[data-theme=dark] .route-lab-banner,:root:not([data-theme=light]) .route-lab-banner{background:#ffffff05;border-color:#ffffff1a}.lab-info-block{min-width:0}.lab-title-line{font-size:13px;font-weight:600;color:inherit;margin-bottom:4px}.lab-desc{font-size:11px;color:#6b7280;margin:0;line-height:1.45}[data-theme=dark] .lab-desc,:root:not([data-theme=light]) .lab-desc{color:#9ca3af}.route-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;padding:2px;background:#cbd5e1;border:none;border-radius:999px;cursor:pointer;transition:background-color .16s cubic-bezier(.2,.8,.4,1);flex-shrink:0}[data-theme=dark] .route-switch,:root:not([data-theme=light]) .route-switch{background:#374151}.route-switch.is-active{background:#0084ff}.route-switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .16s cubic-bezier(.2,.8,.4,1);transform:translate(0)}.route-switch.is-active .route-switch-thumb{transform:translate(20px)}.route-toggles-col{display:flex;flex-direction:column;gap:10px;justify-content:center}.route-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.toggle-label{font-size:12px;font-weight:500;color:#374151}[data-theme=dark] .toggle-label,:root:not([data-theme=light]) .toggle-label{color:#d1d5db}.route-error-banner{padding:8px 12px;margin:12px 0 4px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;color:#ef4444;font-size:12px}.route-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}[data-theme=dark] .route-modal-actions,:root:not([data-theme=light]) .route-modal-actions{border-top-color:#ffffff14}.edit-node-modal-card{width:760px;max-width:95vw;max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 28px;box-shadow:0 24px 50px -12px #00000073;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1);color:var(--text-1)}[data-theme=dark] .edit-node-modal-card,:root:not([data-theme=light]) .edit-node-modal-card{background:#18181b;border-color:#ffffff1a;box-shadow:0 24px 50px -12px #000000b3}.edit-node-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}[data-theme=dark] .edit-node-header,:root:not([data-theme=light]) .edit-node-header{border-bottom-color:#ffffff14}.edit-node-title{margin:0;font-size:18px;font-weight:700;color:var(--text-1)}.edit-node-desc{margin:4px 0 0;font-size:13px;color:var(--text-3)}.edit-node-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.edit-node-close-btn:hover{background:#0000000d;color:var(--text-1)}[data-theme=dark] .edit-node-close-btn:hover,:root:not([data-theme=light]) .edit-node-close-btn:hover{background:#ffffff14}.edit-node-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}@media(max-width:720px){.edit-node-grid{grid-template-columns:1fr;gap:16px}}.edit-node-col{display:flex;flex-direction:column;gap:16px}.edit-field-group{display:flex;flex-direction:column;gap:5px}.edit-label{font-size:12px;font-weight:600;color:var(--text-2)}.edit-label-sub{font-weight:400;color:var(--text-3);margin-left:4px}.edit-label-with-info{display:flex;align-items:center;justify-content:space-between}.edit-info-icon{color:var(--text-3);cursor:help;display:inline-flex;align-items:center}.edit-info-icon:hover{color:#3b82f6}.edit-input{width:100%;height:34px;padding:0 10px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;font-size:12px;color:var(--text-1);box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .edit-input,:root:not([data-theme=light]) .edit-input{background:#27272a;border-color:#3f3f46;color:#f4f4f5}.edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.edit-hint-text{font-size:11px;line-height:1.45;color:var(--text-3);margin-top:2px}.edit-triple-row{display:flex;align-items:center;gap:8px}.flex-1{flex:1}.flex-2{flex:2}.text-center{text-align:center}.edit-select-wrap{position:relative;display:flex;align-items:center}.edit-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;cursor:pointer}.edit-select-arrow{position:absolute;right:8px;pointer-events:none;color:var(--text-3)}.edit-col-divider{height:1px;background:#e5e7eb;margin:4px 0}[data-theme=dark] .edit-col-divider,:root:not([data-theme=light]) .edit-col-divider{background:#ffffff14}.edit-traffic-calc-box{margin-top:10px;padding:10px 12px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .edit-traffic-calc-box,:root:not([data-theme=light]) .edit-traffic-calc-box{background:#ffffff0a;border-color:#ffffff14}.calc-formula{font-size:11px;color:var(--text-2);font-family:var(--font-mono, monospace)}.calc-formula b{color:#3b82f6}.calc-explain{font-size:10.5px;line-height:1.4;color:var(--text-3)}.edit-hide-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:8px}.edit-hide-text{display:flex;flex-direction:column;gap:2px}.edit-switch{width:44px;height:24px;border-radius:999px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background-color .2s ease;padding:2px;flex-shrink:0}[data-theme=dark] .edit-switch,:root:not([data-theme=light]) .edit-switch{background:#3f3f46}.edit-switch.is-active{background:#3b82f6}.edit-switch-thumb{display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .2s ease;transform:translate(0)}.edit-switch.is-active .edit-switch-thumb{transform:translate(20px)}.edit-node-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}[data-theme=dark] .edit-node-actions,:root:not([data-theme=light]) .edit-node-actions{border-top-color:#ffffff14}.vps-edit-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:3px 5px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s,color .15s,background-color .15s;margin-left:4px}.vps-edit-btn:hover{opacity:1;color:#3b82f6;background:#3b82f61f}.vps-tag-badge{font-weight:600;transition:transform .15s ease}.vps-tag-badge:hover{transform:translateY(-1px)}.tag-color-red{background:#ef44441f!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.28)!important}.tag-color-blue{background:#3b82f61f!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.28)!important}.tag-color-green{background:#10b9811f!important;color:#10b981!important;border:1px solid rgba(16,185,129,.28)!important}.tag-color-yellow{background:#f59e0b1f!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.28)!important}.tag-color-purple{background:#8b5cf61f!important;color:#8b5cf6!important;border:1px solid rgba(139,92,246,.28)!important}.tag-color-orange{background:#f973161f!important;color:#f97316!important;border:1px solid rgba(249,115,22,.28)!important}.tag-color-pink{background:#ec48991f!important;color:#ec4899!important;border:1px solid rgba(236,72,153,.28)!important}.tag-color-cyan{background:#06b6d41f!important;color:#06b6d4!important;border:1px solid rgba(6,182,212,.28)!important}.tag-color-default{background:#64748b1a!important;color:var(--text-2)!important;border:1px solid rgba(100,116,139,.2)!important}.pill-bw{background:#6366f11f!important;color:#6366f1!important;border:1px solid rgba(99,102,241,.25)!important}.billing-lite-modal-card{width:680px;max-width:95vw}.billing-date-row{display:flex;align-items:center;gap:8px}.billing-date-wrap{position:relative;flex:1;display:flex;align-items:center}.billing-date-input{padding-right:32px!important}.billing-cal-icon{position:absolute;right:10px;pointer-events:none;color:var(--text-3)}.billing-permanent-btn{white-space:nowrap;font-size:11.5px;padding:0 12px;height:34px;border-radius:6px;flex-shrink:0;border:1px solid #d1d5db;color:var(--text-2)}[data-theme=dark] .billing-permanent-btn,:root:not([data-theme=light]) .billing-permanent-btn{border-color:#3f3f46;color:#d1d5db}.billing-permanent-btn:hover{color:#3b82f6;border-color:#3b82f6}.billing-autorenew-row{padding-top:10px}.billing-mjj-toggle-bar{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:8px 12px;background:#00000005;border:1px dashed #e2e8f0;border-radius:6px;font-size:11.5px}[data-theme=dark] .billing-mjj-toggle-bar,:root:not([data-theme=light]) .billing-mjj-toggle-bar{background:#ffffff08;border-color:#ffffff1a}.billing-calc-summary{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}.billing-calc-toggle-btn{background:transparent;border:none;cursor:pointer;color:#3b82f6;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;padding:3px 6px;border-radius:4px;transition:background-color .15s}.billing-calc-toggle-btn:hover{background:#3b82f614}.billing-calc-expandable{margin-top:10px;padding:14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;animation:modalPopIn .15s ease}[data-theme=dark] .billing-calc-expandable,:root:not([data-theme=light]) .billing-calc-expandable{background:#ffffff08;border-color:#ffffff14}.cost-center-shell{display:flex;flex-direction:column;gap:20px;animation:fadeIn .2s ease}.cost-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.cost-title-col h1{margin:0;font-size:22px;font-weight:700;color:var(--text-1)}.cost-title-col p{margin:4px 0 0;font-size:13px;color:var(--text-3)}.cost-header-right{display:flex;align-items:center;gap:16px}.cost-currency-box{display:flex;flex-direction:column;gap:2px}.cost-currency-label{font-size:10.5px;color:var(--text-3)}.cost-currency-select{height:30px;padding:0 24px 0 8px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #d1d5db;background:var(--bg-panel, #ffffff);color:var(--text-1);outline:none;cursor:pointer}[data-theme=dark] .cost-currency-select,:root:not([data-theme=light]) .cost-currency-select{border-color:#3f3f46;background:#27272a}.cost-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);padding-top:14px}.cost-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;display:inline-block}.cost-tabs-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e5e7eb;padding-bottom:0}[data-theme=dark] .cost-tabs-row,:root:not([data-theme=light]) .cost-tabs-row{border-bottom-color:#ffffff14}.cost-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-3);position:relative;transition:color .15s}.cost-tab-btn:hover{color:var(--text-1)}.cost-tab-btn.active{color:#3b82f6;font-weight:600}.cost-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#3b82f6}.cost-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.cost-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cost-metrics-grid{grid-template-columns:1fr}}.cost-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;position:relative}[data-theme=dark] .cost-metric-card,:root:not([data-theme=light]) .cost-metric-card{background:#18181b;border-color:#ffffff14}.cost-metric-header{display:flex;align-items:center;justify-content:space-between}.cost-metric-label{font-size:13px;font-weight:500;color:var(--text-2)}.cost-icon-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px}.badge-blue{background:#3b82f61f;color:#3b82f6}.badge-amber{background:#f59e0b1f;color:#f59e0b}.badge-green{background:#10b9811f;color:#10b981}.badge-cyan{background:#06b6d41f;color:#06b6d4}.cost-metric-val{font-size:24px;font-weight:700;color:var(--text-1);margin-top:10px}.cost-metric-sub{font-size:11px;color:var(--text-3);margin-top:6px}.cost-middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:900px){.cost-middle-grid{grid-template-columns:1fr}}.cost-chart-card,.cost-composition-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px}[data-theme=dark] .cost-chart-card,[data-theme=dark] .cost-composition-card,:root:not([data-theme=light]) .cost-chart-card,:root:not([data-theme=light]) .cost-composition-card{background:#18181b;border-color:#ffffff14}.cost-card-title{font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:16px}.cost-bar-chart-wrap{width:100%;height:200px;position:relative}.cost-chart-svg{width:100%;height:100%}.cost-comp-total-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e5e7eb}[data-theme=dark] .cost-comp-total-row,:root:not([data-theme=light]) .cost-comp-total-row{border-bottom-color:#ffffff14}.cost-total-label{font-size:13px;font-weight:500;color:var(--text-2)}.cost-total-hero{font-size:20px;font-weight:700;color:var(--text-1)}.cost-comp-items{display:flex;flex-direction:column;gap:14px;margin-top:14px}.cost-comp-item{display:flex;flex-direction:column;gap:5px}.cost-comp-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px}.cost-comp-name{color:var(--text-2)}.cost-comp-value{color:var(--text-1)}.cost-comp-bar{width:100%;height:6px;border-radius:999px;background:#f1f5f9;overflow:hidden}[data-theme=dark] .cost-comp-bar,:root:not([data-theme=light]) .cost-comp-bar{background:#27272a}.cost-comp-fill{height:100%;background:#3b82f6;border-radius:999px;transition:width .3s ease}.cost-comp-footer{margin-top:16px;font-size:11px;color:var(--text-3);text-align:right}.cost-table-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px}[data-theme=dark] .cost-table-panel,:root:not([data-theme=light]) .cost-table-panel{background:#18181b;border-color:#ffffff14}.cost-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cost-filter-select{height:32px;padding:0 24px 0 10px;font-size:12px;border-radius:6px;border:1px solid #d1d5db;background:var(--bg-panel, #ffffff);color:var(--text-1);outline:none;cursor:pointer}[data-theme=dark] .cost-filter-select,:root:not([data-theme=light]) .cost-filter-select{border-color:#3f3f46;background:#27272a}.cost-search-wrap{position:relative;flex:1;min-width:220px}.cost-search-input{width:100%;height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;font-size:12px;color:var(--text-1);outline:none;box-sizing:border-box}[data-theme=dark] .cost-search-input,:root:not([data-theme=light]) .cost-search-input{border-color:#3f3f46;background:#27272a;color:#f4f4f5}.cost-table{width:100%;border-collapse:collapse}.cost-table th{padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-3);text-align:left;border-bottom:1px solid #e5e7eb}[data-theme=dark] .cost-table th,:root:not([data-theme=light]) .cost-table th{border-bottom-color:#ffffff14}.cost-table td{padding:12px;font-size:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}[data-theme=dark] .cost-table td,:root:not([data-theme=light]) .cost-table td{border-bottom-color:#ffffff0a}.cost-node-name-cell{display:flex;align-items:center;gap:8px}.cost-node-meta{display:flex;flex-direction:column}.cost-node-sub{font-size:11px;color:var(--text-3);margin-top:2px}.cost-avg-rates-col{display:flex;align-items:center;gap:12px;font-size:11.5px}.cost-avg-item{color:var(--text-2)}.cost-detail-link{background:transparent;border:none;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .15s}.cost-detail-link:hover{background:#3b82f61a}.preset-pill-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-2);cursor:pointer;transition:all .15s ease}.preset-pill:hover{background:var(--bg-hover);color:var(--text-1)}.preset-pill-active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.badge-count{background:#00000026;padding:1px 6px;border-radius:999px;font-size:10px}.dashboard-grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dashboard-card:hover{transform:translateY(-2px);border-color:#3b82f666;box-shadow:0 4px 12px #0000000d}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{font-size:13px;font-weight:600;color:var(--text-2)}.card-val-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.card-main-val{font-size:26px;font-weight:700;line-height:1.1;color:var(--text-1)}.card-sub-pills,.card-sub-desc{display:flex;align-items:center;gap:8px;margin-top:4px}.daily-traffic-bar-chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding:16px 4px 4px;overflow-x:auto}.bar-col{flex:1;min-width:14px;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer;position:relative}.bar-val-hint{font-size:9px;color:var(--text-3);margin-bottom:4px;opacity:0;transition:opacity .15s}.bar-col:hover .bar-val-hint{opacity:1}.bar-track{width:100%;max-width:18px;background:var(--bg-hover);border-radius:4px;height:100%;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:#3b82f6;border-radius:4px 4px 0 0;transition:height .3s ease}.bar-col:hover .bar-fill{background:#60a5fa}.bar-col-today .bar-fill{background:#10b981}.bar-date-label{font-size:9px;color:var(--text-3);margin-top:4px}.rank-card{display:flex;flex-direction:column}.rank-card-header{display:flex;align-items:center;justify-content:space-between}.rank-item-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--bg-hover);transition:background .15s}.rank-item-row:hover{background:#3b82f61a}.rank-num{font-size:11px;font-weight:700;color:var(--text-3);width:16px}.rank-empty-state{text-align:center;padding:24px 8px}.calibration-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:8px;font-size:12px}.calibration-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calibration-stat-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:flex;flex-direction:column}.stat-label{font-size:11px;color:var(--text-3);margin-bottom:4px}.stat-val{font-size:18px;font-weight:700;line-height:1.2}.stat-desc{font-size:10px;color:var(--text-3);margin-top:4px}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:500;background:transparent;border:none;color:var(--text-2);cursor:pointer;transition:all .15s}.tab-btn:hover{background:var(--bg-hover);color:var(--text-1)}.tab-btn-active{background:#3b82f6!important;color:#fff!important}.alert-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-left-width:4px;border-radius:8px;transition:all .15s}.alert-border-critical{border-left-color:#ef4444}.alert-border-warning{border-left-color:#f59e0b}.alert-border-info{border-left-color:#3b82f6}.alert-card-acked{opacity:.65}.alert-card-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.alert-card-title{font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:2px}.alert-card-msg{font-size:12px;color:var(--text-2);margin-bottom:4px}.alert-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-3)}.lite-servers-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-1)}.lite-servers-subtitle{font-size:12px;color:var(--text-3);margin-top:3px}.lite-filter-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.search-input-wrap{position:relative}.search-icon-inside{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-input-pad{padding-left:30px!important;padding-right:28px!important}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{color:var(--text-1)}.lite-table-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card)}.lite-table-scroll{overflow-x:auto;width:100%}.lite-server-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.lite-server-table th{padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-card);white-space:nowrap}.lite-server-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.lite-server-table tr.lite-row{transition:background .12s ease}.lite-server-table tr.lite-row:hover td{background:#3b82f609}.lite-server-table tr.lite-row-selected td{background:#3b82f611}.lite-server-table tr.lite-row-offline td{opacity:.82}.server-name-link{font-size:13px;color:var(--text-1)}.server-status-subline{line-height:1.2}.server-group-chip{color:var(--text-3);font-size:10px}.drag-handle-dots{opacity:.4;flex-shrink:0}.drag-handle-dots:hover{opacity:.9}.ip-protocol-tag{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;font-family:var(--font-mono);letter-spacing:.02em}.ip-protocol-tag.tag-v4{background:#3b82f61f;color:#3b82f6}.ip-protocol-tag.tag-v6{background:#a855f71f;color:#a855f7}.copy-ip-btn{background:transparent;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);border-radius:4px}.copy-ip-btn:hover{color:var(--text-1);background:var(--bg-subtle)}.quota-track{width:100%;height:4px;border-radius:2px;background:var(--bg-subtle);overflow:hidden}.quota-fill{height:100%;border-radius:2px;transition:width .3s ease}.quota-fill-normal{background:#3b82f6}.quota-fill-warning{background:#f59e0b}.quota-fill-danger{background:#ef4444}.lite-tag-pill{display:inline-flex;align-items:center;padding:1.5px 6px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid;white-space:nowrap}.lite-tag-pill.tag-color-red{border-color:#ef444466;color:#ef4444;background:#ef444414}.lite-tag-pill.tag-color-blue{border-color:#3b82f666;color:#3b82f6;background:#3b82f614}.lite-tag-pill.tag-color-green,.lite-tag-pill.tag-color-mint{border-color:#10b98166;color:#10b981;background:#10b98114}.lite-tag-pill.tag-color-amber{border-color:#f59e0b66;color:#f59e0b;background:#f59e0b14}.lite-tag-pill.tag-color-purple{border-color:#a855f766;color:#a855f7;background:#a855f714}.lite-tag-pill.tag-color-gray{border-color:#94a3b84d;color:#94a3b8;background:#94a3b80f}.icon-action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background:transparent;border:1px solid transparent;color:var(--text-2);cursor:pointer;transition:all .15s ease}.icon-action-btn:hover{background:var(--bg-subtle);border-color:var(--border-subtle);color:var(--text-1)}.checkbox-btn{background:transparent;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center}.monitor-view-container{display:flex;flex-direction:column;gap:18px;width:100%}.monitor-top-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.monitor-nav-tabs{display:flex;align-items:center;gap:6px}.monitor-nav-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-2);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.monitor-nav-tab-btn:hover{color:var(--text-1);background:var(--bg-subtle)}.monitor-nav-tab-btn.active{color:var(--text-1);background:var(--bg-card);border-color:var(--border-subtle);box-shadow:0 1px 3px #0000000a}.monitor-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.monitor-title-col h1{margin:0;font-size:20px;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.monitor-title-col p{margin:4px 0 0;font-size:12.5px;color:var(--text-3)}.monitor-stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.monitor-stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.monitor-stats-grid-3,.monitor-stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.monitor-stats-grid-3,.monitor-stats-grid-4{grid-template-columns:1fr}}.monitor-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease}.monitor-stat-card:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000a}.monitor-stat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.monitor-stat-title{font-size:13px;font-weight:500;color:var(--text-2)}.monitor-stat-icon{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.monitor-stat-val{font-size:24px;font-weight:700;line-height:1.15;color:var(--text-1)}.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.monitor-view-toggle{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;gap:2px}.monitor-toggle-btn{padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--text-2);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.monitor-toggle-btn.active{background:var(--bg-card);color:var(--text-1);box-shadow:0 1px 2px #0000000d}.monitor-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.monitor-search-box{position:relative;display:flex;align-items:center}.monitor-search-box svg{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.monitor-search-input{height:32px;padding:0 12px 0 32px;font-size:12.5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-1);min-width:220px;outline:none;transition:border-color .15s ease}.monitor-search-input:focus{border-color:var(--blue);background:var(--bg-card)}.monitor-filter-select{height:32px;padding:0 28px 0 10px;font-size:12.5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-1);outline:none;cursor:pointer}.monitor-table-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.monitor-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}.monitor-table th{background:var(--bg-surface);color:var(--text-2);font-weight:500;padding:10px 14px;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.monitor-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-1);vertical-align:middle}.monitor-table tr:last-child td{border-bottom:none}.monitor-table tr:hover td{background:var(--bg-subtle)}.carrier-badge-wrap{display:inline-flex;align-items:center;gap:8px;font-weight:600}.carrier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.carrier-telecom{background:#2563eb}.carrier-unicom{background:#ea580c}.carrier-mobile{background:#059669}.carrier-other{background:#6b7280}.switch-toggle{width:36px;height:20px;border-radius:10px;background:var(--border);border:none;cursor:pointer;position:relative;transition:background .2s ease;padding:0}.switch-toggle.active{background:#10b981}.switch-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.switch-toggle.active .switch-thumb{transform:translate(16px)}.empty-task-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.empty-task-icon{width:52px;height:52px;border-radius:12px;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);margin-bottom:14px}.empty-task-title{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:6px}.empty-task-desc{font-size:12.5px;color:var(--text-3);max-width:380px;line-height:1.5;margin-bottom:18px}.nav-expandable-wrap{display:flex;flex-direction:column}.nav-chevron-icon{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-3);transition:transform .18s cubic-bezier(.4,0,.2,1),color .15s ease,background .15s ease;transform:rotate(-90deg);flex-shrink:0}.nav-chevron-icon:hover{background:#ffffff14;color:var(--text-1)}.nav-chevron-icon.nav-chevron-open{transform:rotate(0);color:var(--text-2)}.nav-item-active .nav-chevron-icon{color:#ffffffb3}.sidebar-collapsed .nav-sub-list,.sidebar-collapsed .nav-chevron-icon{display:none!important}.nav-sub-list{display:flex;flex-direction:column;padding-left:28px;margin:2px 0 6px;gap:2px;animation:navSubSlideDown .16s cubic-bezier(0,0,.2,1)}@keyframes navSubSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-sub-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--text-2);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.nav-sub-item:hover{color:var(--text-1);background:var(--bg-subtle)}.nav-sub-item.nav-sub-item-active{color:var(--blue);font-weight:600;background:#2563eb14}.notify-page-container{display:flex;flex-direction:column;gap:18px;width:100%}.notify-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notify-title-col h1{margin:0;font-size:20px;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.notify-title-col p{margin:4px 0 0;font-size:12.5px;color:var(--text-3)}.lite-card-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.lite-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.lite-card-meta{display:flex;flex-direction:column;gap:3px}.lite-card-title{font-size:14px;font-weight:600;color:var(--text-1)}.lite-card-desc{font-size:12.5px;color:var(--text-3);line-height:1.45}.lite-card-desc a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.lite-code-editor{width:100%;min-height:130px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-1);outline:none;resize:vertical;transition:border-color .15s ease}.lite-code-editor:focus{border-color:var(--blue);background:var(--bg-card)}.lite-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.lite-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lite-search-box{position:relative;display:flex;align-items:center}.lite-search-box svg{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.lite-search-input{height:32px;padding:0 12px 0 32px;font-size:12.5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-1);min-width:220px;outline:none;transition:border-color .15s ease}.lite-search-input:focus{border-color:var(--blue);background:var(--bg-card)}.lite-btn-primary{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;color:#fff;background:#2563eb;border:1px solid #1d4ed8;cursor:pointer;transition:background .15s ease}.lite-btn-primary:hover{background:#1d4ed8}.lite-btn-quiet{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;color:var(--text-2);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.lite-btn-quiet:hover{background:var(--bg-subtle);color:var(--text-1)}.lite-callout-note{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#2563eb0a;border-left:3px solid #2563eb;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:12px;color:var(--text-2);line-height:1.5}.lite-top-card-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px}@media(max-width:768px){.lite-top-card-split{grid-template-columns:1fr}}.lite-split-col{display:flex;align-items:center;justify-content:space-between;gap:16px}.lite-split-col:first-child{border-right:1px solid var(--border-subtle);padding-right:20px}@media(max-width:768px){.lite-split-col:first-child{border-right:none;border-bottom:1px solid var(--border-subtle);padding-right:0;padding-bottom:16px}}.lite-pagination-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px;font-size:12px;color:var(--text-3)}.lite-pagination-right{display:flex;align-items:center;gap:12px}.lite-page-select{height:26px;padding:0 6px;font-size:11.5px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-2)}.lite-page-nav-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-2);cursor:pointer}.lite-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lite-page-nav-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-1)}.dash-row-grid-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}@media(max-width:1024px){.dash-row-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.dash-row-grid-4{grid-template-columns:1fr!important}}.dash-row-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}@media(max-width:900px){.dash-row-grid-2{grid-template-columns:1fr!important}}.dash-row-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}@media(max-width:900px){.dash-row-grid-3{grid-template-columns:1fr!important}}.dash-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}.dash-card-header-left{min-width:0}.dash-card-header-left h3{font-size:14px;font-weight:700;color:var(--dash-text, #17212b);margin:0;line-height:1.3}.dash-card-header-left p{font-size:12px;color:var(--dash-muted, #7d8b99);margin:2px 0 0;line-height:1.3}.dash-latency-overview{display:flex!important;align-items:center!important;gap:28px!important}.dash-latency-sidebar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:28px!important;flex-shrink:0!important;border-right:none!important;padding-right:0!important;min-width:auto!important}.dash-latency-stat{display:flex;flex-direction:column;gap:2px}.dash-latency-stat-val{font-size:20px;font-weight:700;line-height:1.2;font-family:var(--font-mono, monospace)}.dash-latency-stat-lbl{font-size:11px;color:var(--dash-muted, #7d8b99);white-space:nowrap}.dash-latency-chart-area{flex:1!important;min-width:0!important;position:relative!important}@media(max-width:768px){.dash-latency-overview{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.dash-latency-sidebar{justify-content:space-around!important;border-bottom:1px solid var(--dash-border, #e5eaf0)!important;padding-bottom:12px!important}}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.hidden{display:none!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.items-baseline{align-items:baseline!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.gap-0{gap:0px!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-2\.5{gap:10px!important}.gap-3{gap:12px!important}.gap-3\.5{gap:14px!important}.gap-4{gap:16px!important}.gap-5{gap:20px!important}.gap-6{gap:24px!important}.gap-8{gap:32px!important}.space-y-1>*+*{margin-top:4px!important}.space-y-1\.5>*+*{margin-top:6px!important}.space-y-2>*+*{margin-top:8px!important}.space-y-2\.5>*+*{margin-top:10px!important}.space-y-3>*+*{margin-top:12px!important}.space-y-3\.5>*+*{margin-top:14px!important}.space-y-4>*+*{margin-top:16px!important}.space-y-5>*+*{margin-top:20px!important}.space-y-6>*+*{margin-top:24px!important}.m-0{margin:0!important}.mt-0\.5{margin-top:2px!important}.mt-1{margin-top:4px!important}.mt-1\.5{margin-top:6px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.ml-1{margin-left:4px!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:12px!important}.ml-auto{margin-left:auto!important}.mr-1{margin-right:4px!important}.mr-1\.5{margin-right:6px!important}.mr-2{margin-right:8px!important}.mx-1{margin-left:4px!important;margin-right:4px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:4px!important}.p-1\.5{padding:6px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-3\.5{padding:14px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}.pt-1{padding-top:4px!important}.pt-1\.5{padding-top:6px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:12px!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:12px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-2\.5{padding-top:10px!important;padding-bottom:10px!important}.py-8{padding-top:32px!important;padding-bottom:32px!important}.py-12{padding-top:48px!important;padding-bottom:48px!important}.pr-1{padding-right:4px!important}.pr-2{padding-right:8px!important}.w-full{width:100%!important}.h-full{height:100%!important}.w-1\.5{width:6px!important}.h-1\.5{height:6px!important}.w-2{width:8px!important}.h-2{height:8px!important}.w-10{width:40px!important}.w-16{width:64px!important}.w-20{width:80px!important}.w-24{width:96px!important}.h-24{height:96px!important}.w-28{width:112px!important}.w-32{width:128px!important}.h-32{height:128px!important}.w-36{width:144px!important}.h-36{height:144px!important}.h-44{height:176px!important}.w-56{width:224px!important}.w-64{width:256px!important}.min-w-0{min-width:0!important}.max-h-60{max-height:240px!important}.max-h-80{max-height:320px!important}.rounded{border-radius:4px!important}.rounded-sm{border-radius:2px!important}.rounded-md{border-radius:6px!important}.rounded-lg{border-radius:8px!important}.rounded-xl{border-radius:12px!important}.rounded-full{border-radius:9999px!important}.rounded-t{border-top-left-radius:4px!important;border-top-right-radius:4px!important}.border{border:1px solid var(--border)!important}.border-b{border-bottom:1px solid var(--border)!important}.border-t{border-top:1px solid var(--border)!important}.border-8{border-width:8px!important;border-style:solid!important}.border-subtle{border-color:var(--dash-border, #e5eaf0)!important}.text-xs{font-size:12px!important;line-height:16px!important}.text-sm{font-size:14px!important;line-height:20px!important}.text-base{font-size:16px!important;line-height:24px!important}.text-lg{font-size:18px!important;line-height:28px!important}.text-xl{font-size:20px!important;line-height:28px!important}.text-2xl{font-size:24px!important;line-height:32px!important}.text-\[10px\]{font-size:10px!important;line-height:14px!important}.text-\[11px\]{font-size:11px!important;line-height:15px!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.tracking-tight{letter-spacing:-.025em!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-muted{color:var(--dash-muted, #7d8b99)!important}.text-foreground{color:var(--dash-text, #17212b)!important}.text-blue{color:#1687e8!important}.text-amber{color:#ed7100!important}.text-mint{color:#279966!important}.text-rose{color:#ef4444!important}.text-purple{color:#a855f7!important}.bg-blue{background-color:#1687e8!important}.bg-amber{background-color:#ff7a00!important}.bg-mint{background-color:#28a66f!important}.bg-rose{background-color:#ef4444!important}.bg-subtle{background-color:#f1f4f7!important}.bg-blue\/10{background-color:#1687e81a!important}.bg-blue\/80{background-color:#1687e8cc!important}.bg-amber\/10{background-color:#ff7a001a!important}.bg-mint\/10{background-color:#28a66f1a!important}.bg-rose\/10{background-color:#ef44441a!important}.bg-subtle\/30{background-color:#f1f4f74d!important}.bg-subtle\/40{background-color:#f1f4f766!important}.cursor-pointer{cursor:pointer!important}.cursor-grab{cursor:grab!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)!important}.transition-colors{transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)!important}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}.md\:border-r{border-right-width:1px!important}.md\:border-b-0{border-bottom-width:0!important}.md\:justify-center{justify-content:center!important}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}}.dash-row-grid-6{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}@media(max-width:1024px){.dash-row-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:640px){.dash-row-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.traffic-cal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px}.traffic-cal-modal-card{width:580px;max-width:95vw;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 20px 40px -10px #0000004d;padding:24px 28px;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1);color:#1e293b;box-sizing:border-box}[data-theme=dark] .traffic-cal-modal-card,:root:not([data-theme=light]) .traffic-cal-modal-card{background:#18181b;color:#f1f5f9;border:1px solid rgba(255,255,255,.1)}.traffic-cal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.traffic-cal-title{margin:0;font-size:19px;font-weight:700;color:#0f172a}[data-theme=dark] .traffic-cal-title,:root:not([data-theme=light]) .traffic-cal-title{color:#f8fafc}.traffic-cal-subtitle{margin:6px 0 0;font-size:13.5px;color:#64748b;line-height:1.5}[data-theme=dark] .traffic-cal-subtitle,:root:not([data-theme=light]) .traffic-cal-subtitle{color:#94a3b8}.traffic-cal-close-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s}.traffic-cal-close-btn:hover{color:#334155}[data-theme=dark] .traffic-cal-close-btn:hover,:root:not([data-theme=light]) .traffic-cal-close-btn:hover{color:#f1f5f9}.traffic-cal-cycle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin:16px 0}[data-theme=dark] .traffic-cal-cycle-card,:root:not([data-theme=light]) .traffic-cal-cycle-card{background:#27272a;border-color:#3f3f46}.traffic-cal-cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.traffic-cal-cycle-badge{background:#e0f2fe;color:#0284c7;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}[data-theme=dark] .traffic-cal-cycle-badge,:root:not([data-theme=light]) .traffic-cal-cycle-badge{background:#0284c740;color:#38bdf8}.traffic-cal-cycle-tz{font-size:13px;color:#64748b;font-weight:500}[data-theme=dark] .traffic-cal-cycle-tz,:root:not([data-theme=light]) .traffic-cal-cycle-tz{color:#a1a1aa}.traffic-cal-cycle-range{text-align:right;font-size:13.5px;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,monospace,sans-serif;font-weight:500}[data-theme=dark] .traffic-cal-cycle-range,:root:not([data-theme=light]) .traffic-cal-cycle-range{color:#e4e4e7}.traffic-cal-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.traffic-cal-compare-col{border-left:2px solid #0f172a;padding-left:12px}[data-theme=dark] .traffic-cal-compare-col,:root:not([data-theme=light]) .traffic-cal-compare-col{border-left-color:#38bdf8}.traffic-cal-compare-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px}[data-theme=dark] .traffic-cal-compare-title,:root:not([data-theme=light]) .traffic-cal-compare-title{color:#f1f5f9}.traffic-cal-compare-item{font-size:13px;color:#475569;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace,sans-serif}[data-theme=dark] .traffic-cal-compare-item,:root:not([data-theme=light]) .traffic-cal-compare-item{color:#94a3b8}.traffic-cal-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.traffic-cal-input-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}[data-theme=dark] .traffic-cal-input-label,:root:not([data-theme=light]) .traffic-cal-input-label{color:#f1f5f9}.traffic-cal-input{width:100%;height:42px;border:1px solid #d1d5db;border-radius:6px;padding:0 14px;font-size:14px;font-weight:500;color:#1e293b;background:#fff;box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .traffic-cal-input,:root:not([data-theme=light]) .traffic-cal-input{background:#27272a;border-color:#3f3f46;color:#f1f5f9}.traffic-cal-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.traffic-cal-tip-box{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}[data-theme=dark] .traffic-cal-tip-box,:root:not([data-theme=light]) .traffic-cal-tip-box{background:#0284c71a;border-color:#0284c740}.traffic-cal-tip-icon{color:#0284c7;flex-shrink:0;margin-top:1px}.traffic-cal-tip-text{font-size:13px;line-height:1.6;color:#0369a1}[data-theme=dark] .traffic-cal-tip-text,:root:not([data-theme=light]) .traffic-cal-tip-text{color:#7dd3fc}.traffic-cal-records-section{margin-bottom:22px}.traffic-cal-records-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}[data-theme=dark] .traffic-cal-records-title,:root:not([data-theme=light]) .traffic-cal-records-title{color:#f1f5f9}.traffic-cal-records-empty{font-size:13px;color:#64748b}[data-theme=dark] .traffic-cal-records-empty,:root:not([data-theme=light]) .traffic-cal-records-empty{color:#a1a1aa}.traffic-cal-records-list{display:flex;flex-direction:column;gap:6px;max-height:110px;overflow-y:auto}.traffic-cal-record-item{font-size:12.5px;color:#475569;display:flex;gap:8px;align-items:center}[data-theme=dark] .traffic-cal-record-item,:root:not([data-theme=light]) .traffic-cal-record-item{color:#94a3b8}.traffic-cal-record-time{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace,sans-serif}.traffic-cal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:8px}.traffic-cal-btn-cancel{padding:8px 22px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.traffic-cal-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .traffic-cal-btn-cancel,:root:not([data-theme=light]) .traffic-cal-btn-cancel{background:#27272a;border-color:#3f3f46;color:#e4e4e7}[data-theme=dark] .traffic-cal-btn-cancel:hover,:root:not([data-theme=light]) .traffic-cal-btn-cancel:hover{background:#3f3f46}.traffic-cal-btn-save{padding:8px 22px;border-radius:6px;border:none;background:#0284c7;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.traffic-cal-btn-save:hover{background:#0369a1}.modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000080!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1050!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;animation:fade-in .16s ease!important}.modal-card{width:540px!important;max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:24px 28px!important;box-shadow:0 24px 48px -12px #00000059!important;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1)!important;color:#1e293b!important;box-sizing:border-box!important}[data-theme=dark] .modal-card,:root:not([data-theme=light]) .modal-card{background:#18181b!important;border-color:#ffffff1a!important;color:#f1f5f9!important;box-shadow:0 24px 48px -12px #000000b3!important}.modal-card.modal-lg{width:680px!important}.modal-card.modal-sm{width:440px!important}.modal-card .modal-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important;padding-bottom:0!important;border-bottom:none!important}.modal-title-wrap{display:flex!important;align-items:flex-start!important;gap:12px!important}.modal-icon-badge{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:8px!important;background:#f59e0b1f!important;color:#f59e0b!important;flex-shrink:0!important;margin-top:2px!important}.modal-icon-badge.text-amber{background:#f59e0b1f!important;color:#f59e0b!important}.modal-icon-badge.text-rose{background:#f43f5e1f!important;color:#f43f5e!important}.modal-icon-badge.text-mint{background:#10b9811f!important;color:#10b981!important}.modal-icon-badge.text-blue{background:#0284c71f!important;color:#0284c7!important}.modal-title-wrap h3,.modal-card .modal-title{margin:0!important;font-size:18px!important;font-weight:700!important;color:#0f172a!important;line-height:1.4!important}[data-theme=dark] .modal-title-wrap h3,[data-theme=dark] .modal-card .modal-title,:root:not([data-theme=light]) .modal-title-wrap h3,:root:not([data-theme=light]) .modal-card .modal-title{color:#f8fafc!important}.modal-subtitle{margin:4px 0 0!important;font-size:13.5px!important;color:#64748b!important;line-height:1.5!important}[data-theme=dark] .modal-subtitle,:root:not([data-theme=light]) .modal-subtitle{color:#94a3b8!important}.modal-card .icon-button{background:transparent!important;border:none!important;cursor:pointer!important;color:#94a3b8!important;padding:4px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .15s!important}.modal-card .icon-button:hover{color:#334155!important}[data-theme=dark] .modal-card .icon-button:hover,:root:not([data-theme=light]) .modal-card .icon-button:hover{color:#f1f5f9!important}.modal-card .modal-body{margin-bottom:20px!important}.modal-card .modal-body p{font-size:13.5px!important;line-height:1.6!important;color:#64748b!important;margin:0 0 14px!important}[data-theme=dark] .modal-card .modal-body p,:root:not([data-theme=light]) .modal-card .modal-body p{color:#94a3b8!important}.modal-card .bg-subtle{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:12px 14px!important;font-size:13px!important;color:#475569!important}[data-theme=dark] .modal-card .bg-subtle,:root:not([data-theme=light]) .modal-card .bg-subtle{background:#27272a!important;border-color:#3f3f46!important;color:#a1a1aa!important}.modal-card .bg-subtle .text-foreground{color:#0f172a!important}[data-theme=dark] .modal-card .bg-subtle .text-foreground,:root:not([data-theme=light]) .modal-card .bg-subtle .text-foreground{color:#f8fafc!important}.modal-card .modal-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid #f1f5f9!important}[data-theme=dark] .modal-card .modal-actions,:root:not([data-theme=light]) .modal-card .modal-actions{border-top-color:#ffffff14!important}.modal-card .modal-actions .button{width:auto!important;height:38px!important;padding:0 20px!important;font-size:14px!important;font-weight:500!important;border-radius:6px!important;cursor:pointer!important}.modal-card .modal-actions .button-quiet{background:#fff!important;border:1px solid #d1d5db!important;color:#374151!important;transition:background .15s,border-color .15s!important}.modal-card .modal-actions .button-quiet:hover{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=dark] .modal-card .modal-actions .button-quiet,:root:not([data-theme=light]) .modal-card .modal-actions .button-quiet{background:#27272a!important;border-color:#3f3f46!important;color:#e4e4e7!important}[data-theme=dark] .modal-card .modal-actions .button-quiet:hover,:root:not([data-theme=light]) .modal-card .modal-actions .button-quiet:hover{background:#3f3f46!important}.modal-card .modal-actions .button-primary{background:#0284c7!important;border:none!important;color:#fff!important;transition:background .15s!important}.modal-card .modal-actions .button-primary:hover{background:#0369a1!important}.modal-card .modal-actions .button-danger{background:#e11d48!important;border:none!important;color:#fff!important}.modal-card .modal-actions .button-danger:hover{background:#be123c!important}.komari-detail-page{--vps-bg: #0c1017;--vps-card-bg: rgba(22, 27, 34, .72);--vps-card-hover: rgba(30, 37, 46, .82);--vps-card-border: rgba(255, 255, 255, .08);--vps-card-border-hover: rgba(255, 255, 255, .16);--vps-text-1: #f0f6fc;--vps-text-2: #8b949e;--vps-text-3: #6e7681;--vps-accent: #38bdf8;--vps-radius: 8px;--vps-radius-sm: 6px;--vps-blur: blur(12px);max-width:1440px;margin:0 auto;padding:12px 20px 48px;min-height:100vh;box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0%,#161c26,#0c1017);color:var(--vps-text-1)}[data-theme=light] .komari-detail-page{--vps-bg: #f8fafc;--vps-card-bg: rgba(255, 255, 255, .9);--vps-card-hover: #ffffff;--vps-card-border: rgba(226, 232, 240, .9);--vps-card-border-hover: rgba(203, 213, 225, 1);--vps-text-1: #0f172a;--vps-text-2: #475569;--vps-text-3: #94a3b8;--vps-accent: #0284c7;background:radial-gradient(120% 80% at 50% 0%,#f1f5f9,#f8fafc);color:var(--vps-text-1)}.komari-nav-bar{display:flex;justify-content:space-between;align-items:center;background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:12px;padding:11px 16px;margin-bottom:12px;box-shadow:0 4px 12px #00000008;flex-wrap:wrap;gap:12px}[data-theme=dark] .komari-nav-bar,:root:not([data-theme=light]) .komari-nav-bar{background:#18181b;border-color:#ffffff1a;box-shadow:0 4px 14px #0006}.komari-nav-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.komari-back-btn{background:transparent;border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2, #475569);transition:all .15s}.komari-back-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--text-1)}[data-theme=dark] .komari-back-btn,:root:not([data-theme=light]) .komari-back-btn{border-color:#ffffff26;color:#a1a1aa}[data-theme=dark] .komari-back-btn:hover,:root:not([data-theme=light]) .komari-back-btn:hover{background:#27272a;color:#f1f5f9}.komari-server-flag{font-size:20px;line-height:1}.komari-server-title{margin:0;font-size:18px;font-weight:700;color:var(--text-1, #0f172a)}[data-theme=dark] .komari-server-title,:root:not([data-theme=light]) .komari-server-title{color:#f8fafc}.komari-status-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;background:#e0f2fe;color:#0284c7}.komari-status-tag.online{background:#10b9811f;color:#10b981}.status-dot-pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98140}.komari-tags-wrap{display:flex;align-items:center;gap:6px}.komari-tag-pill{padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,monospace;background:var(--surface-2, #f1f5f9);color:var(--text-2, #475569);border:1px solid var(--border-subtle, #e2e8f0)}[data-theme=dark] .komari-tag-pill,:root:not([data-theme=light]) .komari-tag-pill{background:#27272a;border-color:#ffffff1a;color:#cbd5e1}.komari-nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.komari-icon-btn{background:transparent;border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-3, #94a3b8);transition:all .15s}.komari-icon-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--text-1)}[data-theme=dark] .komari-icon-btn,:root:not([data-theme=light]) .komari-icon-btn{border-color:#ffffff26;color:#71717a}.komari-icon-btn.active{color:#f59e0b}.komari-node-switcher{display:flex;align-items:center;gap:2px;background:var(--surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;padding:3px 6px;font-size:13px}[data-theme=dark] .komari-node-switcher,:root:not([data-theme=light]) .komari-node-switcher{background:#27272a;border-color:#3f3f46}.komari-switcher-arrow{background:transparent;border:none;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center;padding:4px}.komari-switcher-name{padding:0 6px;font-weight:600;color:var(--text-1)}.komari-isp-pill{display:flex;align-items:center;gap:6px;font-size:12px;background:var(--surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;padding:6px 12px;color:var(--text-2, #475569)}[data-theme=dark] .komari-isp-pill,:root:not([data-theme=light]) .komari-isp-pill{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.komari-stats-grid-8{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}@media(max-width:900px){.komari-stats-grid-8{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.komari-stat-card{background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--vps-radius, 8px);padding:12px 14px;box-shadow:0 2px 6px #00000005;transition:all .15s ease;min-width:0}[data-theme=dark] .komari-stat-card,:root:not([data-theme=light]) .komari-stat-card{background:var(--vps-card-bg, rgba(22, 27, 34, .72));backdrop-filter:var(--vps-blur, blur(12px));-webkit-backdrop-filter:var(--vps-blur, blur(12px));border-color:var(--vps-card-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #00000040}[data-theme=dark] .komari-stat-card:hover,:root:not([data-theme=light]) .komari-stat-card:hover{background:var(--vps-card-hover, rgba(30, 37, 46, .82));border-color:var(--vps-card-border-hover, rgba(255, 255, 255, .16))}[data-theme=light] .komari-stat-card{background:var(--vps-card-bg, rgba(255, 255, 255, .9));border-color:var(--vps-card-border, rgba(226, 232, 240, .9))}.komari-stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.komari-stat-label{font-size:13px;color:var(--text-3, #64748b);font-weight:500}[data-theme=dark] .komari-stat-label,:root:not([data-theme=light]) .komari-stat-label{color:#a1a1aa}.komari-stat-value{font-size:18px;font-weight:700;color:var(--text-1, #0f172a)}[data-theme=dark] .komari-stat-value,:root:not([data-theme=light]) .komari-stat-value{color:#f8fafc}.komari-dual-grid,.komari-info-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;min-width:0;max-width:100%}@media(max-width:860px){.komari-dual-grid,.komari-info-grid-4{grid-template-columns:1fr}}.komari-info-card{background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--vps-radius, 8px);padding:14px 16px;box-shadow:0 2px 6px #00000005;min-width:0}[data-theme=dark] .komari-info-card,:root:not([data-theme=light]) .komari-info-card{background:var(--vps-card-bg, rgba(22, 27, 34, .72));backdrop-filter:var(--vps-blur, blur(12px));-webkit-backdrop-filter:var(--vps-blur, blur(12px));border-color:var(--vps-card-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #00000040}[data-theme=light] .komari-info-card{background:var(--vps-card-bg, rgba(255, 255, 255, .9));border-color:var(--vps-card-border, rgba(226, 232, 240, .9))}.komari-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}[data-theme=dark] .komari-info-header,:root:not([data-theme=light]) .komari-info-header{border-bottom-color:#ffffff14}.komari-info-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-1)}.komari-bench-link{font-size:11.5px;color:#0284c7;cursor:pointer;text-decoration:none;transition:color .15s ease,opacity .15s ease,text-decoration .15s ease;display:inline-flex;align-items:center;gap:2px}.komari-bench-link:hover{color:#38bdf8;text-decoration:underline;opacity:.95}[data-theme=light] .komari-bench-link{color:#0284c7}[data-theme=light] .komari-bench-link:hover{color:#0369a1;text-decoration:underline}.komari-info-rows{display:flex;flex-direction:column;gap:10px}.komari-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.komari-info-label{display:flex;align-items:center;gap:6px;color:var(--text-3, #64748b)}[data-theme=dark] .komari-info-label,:root:not([data-theme=light]) .komari-info-label{color:#a1a1aa}.komari-info-val{color:var(--text-1, #1e293b);font-weight:500;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .komari-info-val,:root:not([data-theme=light]) .komari-info-val{color:#f1f5f9}.komari-val-wrap{white-space:normal!important;word-break:break-word;text-align:right;max-width:65%;line-height:1.3}.komari-storage-metric{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:65%;min-width:110px}.komari-storage-metric .komari-info-val{max-width:100%}.komari-mini-progress{width:100%;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}[data-theme=light] .komari-mini-progress{background:#e2e8f0}.komari-mini-bar{height:100%;border-radius:999px;transition:width .3s ease}.komari-distro-icon{width:16px;height:16px}.komari-storage-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 0}.komari-storage-col{display:flex;flex-direction:column;gap:4px}.komari-storage-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.komari-storage-val{font-size:16px;font-weight:700;color:var(--text-1)}.komari-storage-sub{font-size:11.5px}.komari-charts-section{margin-bottom:20px}.komari-time-tabs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.komari-time-tabs{display:inline-flex;background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;padding:3px;gap:2px}[data-theme=dark] .komari-time-tabs,:root:not([data-theme=light]) .komari-time-tabs{background:#18181b;border-color:#ffffff1a}.komari-time-tab{border:none;background:transparent;padding:5px 12px;font-size:12.5px;font-weight:500;border-radius:6px;cursor:pointer;color:var(--text-3, #64748b);transition:all .15s}.komari-time-tab.active{background:#0284c7;color:#fff;font-weight:600}[data-theme=dark] .komari-time-tab,:root:not([data-theme=light]) .komari-time-tab{color:#a1a1aa}.komari-charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1024px){.komari-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.komari-charts-grid{grid-template-columns:1fr}}.komari-chart-card{background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--vps-radius, 8px);padding:14px 16px;box-shadow:0 2px 6px #00000005;min-width:0}[data-theme=dark] .komari-chart-card,:root:not([data-theme=light]) .komari-chart-card{background:var(--vps-card-bg, rgba(22, 27, 34, .72));backdrop-filter:var(--vps-blur, blur(12px));-webkit-backdrop-filter:var(--vps-blur, blur(12px));border-color:var(--vps-card-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #00000040}[data-theme=light] .komari-chart-card{background:var(--vps-card-bg, rgba(255, 255, 255, .9));border-color:var(--vps-card-border, rgba(226, 232, 240, .9))}.komari-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.komari-chart-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-1)}.komari-chart-badge{font-size:12px;color:var(--text-2);font-weight:600}.komari-chart-body{display:flex;gap:8px;align-items:center}.komari-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:110px;font-size:10px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace;text-align:right;width:50px;flex-shrink:0}.komari-chart-svg-wrap{flex:1;display:flex;flex-direction:column}.komari-chart-svg{width:100%;height:110px;overflow:visible}.komari-chart-x-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:4px}.komari-ping-section{background:var(--surface-1, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--vps-radius, 8px);padding:16px 18px;box-shadow:0 2px 6px #00000005;margin-bottom:24px}[data-theme=dark] .komari-ping-section,:root:not([data-theme=light]) .komari-ping-section{background:var(--vps-card-bg, rgba(22, 27, 34, .72));backdrop-filter:var(--vps-blur, blur(12px));-webkit-backdrop-filter:var(--vps-blur, blur(12px));border-color:var(--vps-card-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #00000040}[data-theme=light] .komari-ping-section{background:var(--vps-card-bg, rgba(255, 255, 255, .9));border-color:var(--vps-card-border, rgba(226, 232, 240, .9))}.komari-ping-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.komari-ping-actions{display:flex;gap:8px}.komari-ping-action-btn{background:transparent;border:none;font-size:12.5px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s}.komari-btn-select-all{color:#10b981;font-weight:600}.komari-btn-select-all:hover{background:#10b9811f}.komari-btn-deselect-all{color:var(--text-muted);font-weight:500}.komari-btn-deselect-all:hover{color:var(--text-1);background:#ffffff0f}.komari-targets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px}@media(max-width:640px){.komari-targets-grid{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.komari-target-card{min-width:145px;flex-shrink:0;scroll-snap-align:start}}.komari-crosshair-group{pointer-events:none}.komari-target-stat-val{font-weight:600;color:var(--text-1);font-family:ui-monospace,SFMono-Regular,monospace}.komari-stat-icon,.komari-chart-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.badge-neutral{background:#94a3b81f;color:var(--text-3);border:1px solid rgba(148,163,184,.25)}[data-theme=light] .badge-neutral{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.text-cyan{color:#06b6d4}.text-violet{color:#8b5cf6}.tab-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--text-2);transition:all .15s ease}.tab-chip:hover{background:#ffffff0d;color:var(--text-1)}.tab-chip.active{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8;font-weight:600}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.komari-detail-page{padding:8px 10px 48px}.komari-back-btn,.komari-icon-btn{min-width:36px;min-height:36px}.komari-time-tab{min-height:36px;display:inline-flex;align-items:center;justify-content:center}}.komari-target-card{background:var(--surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;display:flex;flex-direction:column;gap:5px}[data-theme=dark] .komari-target-card,:root:not([data-theme=light]) .komari-target-card{background:#27272a;border-color:#3f3f46}.komari-target-card.active{background:#fff;border-color:#0284c7;box-shadow:0 2px 8px #0284c71f}[data-theme=dark] .komari-target-card.active,:root:not([data-theme=light]) .komari-target-card.active{background:#18181b;border-color:#38bdf8;box-shadow:0 2px 8px #38bdf833}.komari-target-card.inactive{opacity:.45;filter:grayscale(35%)}.komari-target-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.komari-target-head-left{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.komari-target-bar{width:3.5px;height:14px;border-radius:2px;flex-shrink:0}.komari-target-name{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.komari-target-info-btn{background:transparent;border:none;color:var(--text-muted);font-size:12px;line-height:1;padding:2px 4px;border-radius:4px;cursor:pointer;transition:color .15s}.komari-target-info-btn:hover{color:var(--text-1)}.komari-target-stats{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-2)}.komari-target-stat-dot{color:var(--text-muted);opacity:.5}.komari-ping-chart-card{position:relative;background:var(--surface-2, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:10px;padding:14px 16px}[data-theme=dark] .komari-ping-chart-card,:root:not([data-theme=light]) .komari-ping-chart-card{background:#27272a;border-color:#3f3f46}.komari-ping-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.komari-smooth-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:500;border-radius:999px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-1, #ffffff);color:var(--text-2);cursor:pointer;transition:all .15s}.komari-smooth-pill.active{background:#f0fdf4;border-color:#86efac;color:#16a34a}[data-theme=dark] .komari-smooth-pill,:root:not([data-theme=light]) .komari-smooth-pill{background:#18181b;border-color:#3f3f46}[data-theme=dark] .komari-smooth-pill.active,:root:not([data-theme=light]) .komari-smooth-pill.active{background:#10b98126;border-color:#10b98166;color:#34d399}.komari-smooth-info{font-size:11px;opacity:.6}.komari-ping-y-label{font-size:11px;color:var(--text-muted);font-weight:500}.komari-ping-chart-wrap{position:relative;width:100%}.komari-ping-svg{width:100%;height:230px;display:block;overflow:visible;cursor:crosshair}.komari-ping-tooltip{position:absolute;pointer-events:none;z-index:60;padding:9px 13px;border-radius:10px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014;min-width:165px;transition:transform .05s ease}[data-theme=dark] .komari-ping-tooltip,:root:not([data-theme=light]) .komari-ping-tooltip{background:#18181bf2;border-color:#ffffff26;box-shadow:0 12px 28px -4px #0000008c}.komari-tooltip-time{font-size:12px;font-weight:700;color:var(--text-1);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.komari-tooltip-list{display:flex;flex-direction:column;gap:3px}.komari-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.komari-tooltip-name{display:flex;align-items:center;gap:6px;color:var(--text-2)}.komari-tooltip-dot{width:6.5px;height:6.5px;border-radius:50%;flex-shrink:0}.komari-tooltip-val{display:flex;align-items:center;gap:6px}.komari-ping-x-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted);margin-top:6px;padding:0 15px 0 45px}.komari-ping-legend{display:flex;justify-content:center;gap:16px;margin-top:14px;flex-wrap:wrap}.komari-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);cursor:pointer;transition:opacity .15s}.komari-legend-item.muted{opacity:.35}.komari-legend-dot{width:8px;height:8px;border-radius:50%}.komari-visitor-ip-bar{display:flex;justify-content:center;margin:16px 0 6px}.komari-visitor-ip-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;border-radius:999px;font-size:11.5px;background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-2)}.komari-target-modal{max-width:440px;width:90%}.komari-target-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 4px}.komari-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);padding:16px 4px 40px;border-top:1px solid var(--border-subtle, #e2e8f0)}[data-theme=dark] .komari-footer,:root:not([data-theme=light]) .komari-footer{border-top-color:#ffffff14}@media(max-width:1024px){.komari-stats-grid-8{grid-template-columns:repeat(4,1fr)}.komari-targets-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.komari-stats-grid-8{grid-template-columns:repeat(2,1fr)}.komari-info-grid-4{grid-template-columns:minmax(0,1fr)}.komari-charts-grid{grid-template-columns:1fr}.komari-targets-grid{grid-template-columns:repeat(2,1fr)}}.ssh-runner-page{display:flex;flex-direction:column;gap:16px}.ssh-runner-card,.ssh-result-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px}.ssh-section-heading,.ssh-result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.ssh-section-heading h3,.ssh-result-heading h3{margin:4px 0;color:var(--text-1, #17212b);font-size:18px}.ssh-section-heading p{margin:0;color:var(--text-3, #7d8b99);font-size:12px}.ssh-eyebrow{color:var(--blue, #5e6ad2);font:700 10px var(--font-mono);letter-spacing:.12em}.ssh-live-badge,.ssh-selection-count{color:var(--text-2, #64748b);font-size:12px;white-space:nowrap}.ssh-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border, #e5e7eb);border-radius:999px}.ssh-live-badge span,.ssh-status-pill span{width:6px;height:6px;border-radius:50%;background:#30a46c}.ssh-command-editor{width:100%;min-height:112px;resize:vertical;padding:14px;border:1px solid var(--border-strong, #d7dee7);border-radius:8px;background:var(--bg-inset, #f8fafc);color:var(--text-1, #17212b);font:12px/1.6 var(--font-mono);outline:none}.ssh-command-editor:focus{border-color:var(--blue, #5e6ad2);box-shadow:0 0 0 3px #5e6ad21f}.ssh-command-meta,.ssh-node-toolbar,.ssh-runner-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ssh-command-meta{justify-content:space-between;margin-top:12px}.ssh-preset-list{display:flex;flex-wrap:wrap;gap:6px}.ssh-preset-chip,.ssh-toolbar-button,.ssh-filter-select,.ssh-timeout-control select{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--border, #e5e7eb);border-radius:7px;background:transparent;color:var(--text-2, #64748b);font-size:11px}.ssh-preset-chip:hover,.ssh-toolbar-button:hover{border-color:var(--blue, #5e6ad2);color:var(--text-1, #17212b)}.ssh-timeout-control{display:inline-flex;align-items:center;gap:7px;color:var(--text-3, #7d8b99);font-size:11px}.ssh-timeout-control select{background:var(--bg-inset, #f8fafc)}.ssh-target-heading{align-items:center}.ssh-node-toolbar{margin-bottom:12px}.ssh-search-box{display:flex;align-items:center;gap:6px;min-width:220px;flex:1;max-width:360px;min-height:30px;padding:0 10px;border:1px solid var(--border, #e5e7eb);border-radius:7px;color:var(--text-3, #7d8b99)}.ssh-search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text-1, #17212b);font-size:11px}.ssh-node-table-wrap{overflow-x:auto;border:1px solid var(--border, #e5e7eb);border-radius:8px}.ssh-node-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}.ssh-node-table th{padding:10px 12px;text-align:left;color:var(--text-3, #7d8b99);background:#7f7f7f0d;font-size:10px;font-weight:600}.ssh-node-table td{padding:12px;border-top:1px solid var(--border, #e5e7eb);color:var(--text-2, #64748b)}.ssh-node-table tr{cursor:pointer;transition:background .12s ease}.ssh-node-table tr:hover,.ssh-node-table tr.is-selected{background:#5e6ad212}.ssh-node-table td strong{color:var(--text-1, #17212b);font-weight:600}.ssh-node-table code{color:var(--text-3, #7d8b99);font:11px var(--font-mono)}.ssh-status-pill,.ssh-access-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:999px;font-size:10px}.ssh-status-pill.online{color:#198754;background:#30a46c1f}.ssh-status-pill.offline{color:#b7791f;background:#f59e0b1f}.ssh-status-pill.offline span{background:#f59e0b}.ssh-access-pill{color:var(--blue, #5e6ad2);background:#5e6ad21a}.ssh-empty-row{padding:26px!important;text-align:center;color:var(--text-3, #7d8b99)!important}.ssh-runner-footer{justify-content:space-between;padding:14px 16px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#7f7f7f0a}.ssh-runner-note{display:flex;align-items:center;gap:8px;color:var(--text-3, #7d8b99);font-size:11px}.ssh-runner-note svg{color:#30a46c}.ssh-execute-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 16px;border:0;border-radius:7px;background:var(--blue, #5e6ad2);color:#fff;font-size:12px;font-weight:600}.ssh-execute-button:hover{filter:brightness(1.08)}.ssh-execute-button:disabled{opacity:.5;cursor:not-allowed}.ssh-result-heading{align-items:center;margin-bottom:12px}.ssh-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.ssh-result-card{min-width:0;border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden}.ssh-result-card header{display:flex;justify-content:space-between;padding:10px 12px;background:#7f7f7f0d;color:var(--text-1, #17212b);font-size:12px}.ssh-result-card header span{color:var(--text-3, #7d8b99);font-size:10px}.ssh-result-card.success header span{color:#198754}.ssh-result-card.failed header span{color:#d64545}.ssh-result-meta{padding:8px 12px 0;color:var(--text-3, #7d8b99);font:10px var(--font-mono)}.ssh-result-card pre{max-height:180px;margin:0;padding:10px 12px 12px;overflow:auto;color:var(--text-2, #64748b);white-space:pre-wrap;word-break:break-word;font:11px/1.5 var(--font-mono)}.ssh-result-pending{padding:18px 12px;color:var(--text-3, #7d8b99);font-size:11px}[data-theme=dark] .ssh-runner-card,[data-theme=dark] .ssh-result-section,:root:not([data-theme=light]) .ssh-runner-card,:root:not([data-theme=light]) .ssh-result-section{background:#0e1012}@media(max-width:720px){.ssh-section-heading,.ssh-runner-footer{flex-direction:column;align-items:flex-start}.ssh-execute-button{width:100%;justify-content:center}.ssh-search-box{max-width:none;width:100%}}.app-shell{--admin-page-max: 1440px;--admin-space-1: 6px;--admin-space-2: 10px;--admin-space-3: 14px;--admin-space-4: 18px;--admin-space-5: 24px;--admin-control-h: 36px;--admin-radius: 10px;--admin-radius-sm: 7px;--admin-surface: var(--bg-panel);--admin-surface-soft: var(--bg-inset);--admin-border: var(--border);--admin-border-strong: var(--border-strong);--admin-heading: var(--text-1);--admin-muted: var(--text-2);--admin-subtle: var(--text-3)}.app-shell .content-wrap{width:min(100%,var(--admin-page-max));max-width:var(--admin-page-max);padding:26px 30px 34px}.app-shell .content-wrap>*{min-width:0}.app-shell .subpage,.app-shell .dashboard-lite-container,.app-shell .settings-layout,.app-shell .storage-layout{width:100%;max-width:none;margin:0}.app-shell .page-heading,.app-shell .subpage-heading{align-items:flex-start;min-height:58px;margin:0 0 var(--admin-space-5);padding-bottom:var(--admin-space-4);border-bottom:1px solid var(--admin-border)}.app-shell .page-heading h1,.app-shell .subpage-heading h1{margin:0 0 6px;color:var(--admin-heading);font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.2;letter-spacing:-.035em}.app-shell .page-heading p,.app-shell .subpage-heading p{max-width:760px;color:var(--admin-subtle);font-size:12px;line-height:1.6}.app-shell .heading-actions{gap:var(--admin-space-2)}.app-shell .page-heading,.app-shell .subpage-heading{position:relative}.app-shell .page-heading:after,.app-shell .subpage-heading:after{content:"";position:absolute;left:0;bottom:-1px;width:42px;height:2px;border-radius:999px;background:var(--blue)}.app-shell .panel,.app-shell .card,.app-shell .stat-card,.app-shell .placeholder-panel,.app-shell .lite-table-panel,.app-shell .network-stat-card,.app-shell .network-controls-bar,.app-shell .traffic-report-container>.panel,.app-shell .dashboard-lite-container .panel{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--shadow-card)}.app-shell .panel,.app-shell .card{padding:var(--admin-space-5)}.app-shell .stat-card{padding:var(--admin-space-4)}.app-shell .panel+.panel,.app-shell .card+.card{margin-top:var(--admin-space-4)}.app-shell .panel:hover,.app-shell .card:hover{border-color:var(--admin-border-strong)}.app-shell .panel-header{align-items:flex-start;min-height:34px;margin:0 0 var(--admin-space-4);padding-bottom:var(--admin-space-3);border-bottom:1px solid var(--admin-border)}.app-shell .panel-header,.app-shell .section-title-bar,.app-shell .channel-panel-head{min-height:42px}.app-shell .panel-header h2,.app-shell .panel-header h3{color:var(--admin-heading);font-size:15px;font-weight:650;line-height:1.35}.app-shell .panel-header p{color:var(--admin-subtle);font-size:11px;line-height:1.55}.app-shell .button:focus-visible,.app-shell .icon-button:focus-visible,.app-shell .icon-action-btn:focus-visible,.app-shell .view-toggle-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 72%,white);outline-offset:2px}.app-shell .table th{height:36px;vertical-align:middle;background:var(--admin-surface-muted)}.app-shell .table td{min-height:44px;vertical-align:middle}.app-shell .modal-card .modal-header{min-height:58px;border-bottom:1px solid var(--admin-border)}.app-shell .modal-card .modal-actions{border-top:1px solid var(--admin-border)}@media(max-width:640px){.app-shell .page-heading,.app-shell .subpage-heading{padding-bottom:10px}.app-shell .panel-header,.app-shell .section-title-bar,.app-shell .channel-panel-head{min-height:0}.app-shell .table th,.app-shell .table td{padding-top:9px;padding-bottom:9px}}.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea,.app-shell .field-input,.app-shell .field-select,.app-shell .field-textarea,.app-shell .search-field{min-height:var(--admin-control-h);border:1px solid var(--admin-border-strong);border-radius:var(--admin-radius-sm);background:var(--admin-surface-soft);color:var(--admin-heading);font-size:12px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea,.app-shell .field-input,.app-shell .field-select,.app-shell .field-textarea{padding:0 11px}.app-shell textarea,.app-shell .field-textarea{min-height:84px;padding-top:9px;padding-bottom:9px}.app-shell input:not([type=checkbox]):not([type=radio]):focus,.app-shell select:focus,.app-shell textarea:focus,.app-shell .field-input:focus,.app-shell .field-select:focus,.app-shell .field-textarea:focus,.app-shell .search-field:focus-within{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px var(--blue-dim)}.app-shell .field-label,.app-shell .control-label,.app-shell .traffic-cal-input-label{display:block;margin-bottom:6px;color:var(--admin-muted);font-size:11px;font-weight:600}.app-shell .field{min-width:0}.app-shell .button{min-height:var(--admin-control-h);padding:0 13px;border-radius:var(--admin-radius-sm);font-size:12px;font-weight:600}.app-shell .button.btn-sm,.app-shell .btn-sm{min-height:30px;padding:0 10px;font-size:11px}.app-shell .button-primary{background:var(--blue);border-color:var(--blue)}.app-shell .button-quiet{background:var(--admin-surface);border-color:var(--admin-border-strong)}.app-shell .badge,.app-shell .status-pill,.app-shell .badge-quiet,.app-shell .status-tag{min-height:22px;padding:3px 8px;border-radius:999px;font-size:10px;line-height:1.2}.app-shell .table-responsive,.app-shell .table-scroll,.app-shell .node-table-wrap,.app-shell .table-wrap,.app-shell .lite-table-panel{overflow-x:auto;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm)}.app-shell table{width:100%;border-collapse:collapse}.app-shell table thead th{height:38px;padding:0 12px;border-bottom:1px solid var(--admin-border);color:var(--admin-subtle);background:var(--admin-surface-soft);font-size:10px;font-weight:700;letter-spacing:.04em;text-align:left;white-space:nowrap}.app-shell table tbody td{min-height:44px;padding:10px 12px;border-top:1px solid color-mix(in srgb,var(--admin-border) 72%,transparent);color:var(--admin-muted);font-size:12px;vertical-align:middle}.app-shell table tbody tr{transition:background .12s ease}.app-shell .sync-state{min-height:22px;padding:0 8px;border:1px solid var(--admin-border);border-radius:999px;background:var(--admin-surface-soft);font-size:10px}.app-shell .stat-card{min-height:104px}.app-shell .stat-card .stat-value,.app-shell .metric-value,.app-shell .cost-metric-value,.app-shell .monitor-stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.app-shell .alert-item{padding:14px 10px;border-radius:8px;transition:background .12s ease}.app-shell .alert-item:hover{background:color-mix(in srgb,var(--blue, #5e6ad2) 5%,transparent)}.app-shell .alert-item strong{font-size:12px}.app-shell .alert-item p{font-size:11px}.app-shell .recent-alert{min-height:44px}.app-shell .badge-online,.app-shell .badge-attention,.app-shell .badge-offline,.app-shell .badge-unknown{border:1px solid color-mix(in srgb,currentColor 24%,transparent)}.app-shell .alert-sev-badge,.app-shell .alert-status-badge{border-radius:999px}@media(max-width:640px){.app-shell .sync-state{display:inline-flex;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.app-shell .stat-card{min-height:96px}.app-shell .alert-item{padding-inline:6px}}.app-shell table tbody tr:hover{background:color-mix(in srgb,var(--blue-dim) 42%,transparent)}.app-shell .tabs,.app-shell .settings-tabs,.app-shell .storage-tabs,.app-shell .tab-list{display:flex;align-items:center;gap:4px;min-height:42px;padding:3px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-surface-soft);overflow-x:auto}.app-shell .tabs button,.app-shell .settings-tabs button,.app-shell .settings-tabs a,.app-shell .storage-tabs button,.app-shell .tab-list button{min-height:32px;padding:0 12px;border:0;border-radius:5px;color:var(--admin-subtle);background:transparent;font-size:11px;font-weight:600;white-space:nowrap}.app-shell .tabs button:hover,.app-shell .settings-tabs button:hover,.app-shell .settings-tabs a:hover,.app-shell .storage-tabs button:hover,.app-shell .tab-list button:hover,.app-shell .tabs button.is-active,.app-shell .settings-tabs button.is-active,.app-shell .settings-tabs a:first-child,.app-shell .storage-tabs button.is-active,.app-shell .tab-list button.is-active{color:var(--admin-heading);background:var(--admin-surface);box-shadow:0 1px 2px #192d4614}.app-shell .settings-tabs,.app-shell .storage-tabs{border:0;border-bottom:1px solid var(--admin-border);border-radius:0;background:transparent;padding:0;gap:18px}.app-shell .settings-tabs button,.app-shell .settings-tabs a,.app-shell .storage-tabs button{border-radius:0;min-height:42px;padding:0 2px;box-shadow:none}.app-shell .settings-tabs button.is-active,.app-shell .settings-tabs a:first-child,.app-shell .storage-tabs button.is-active{color:var(--blue);background:transparent;box-shadow:inset 0 -2px var(--blue)}.app-shell .modal-overlay,.app-shell .modal-backdrop{padding:24px}.app-shell .modal-card,.app-shell .modal-dialog,.app-shell .traffic-cal-modal-card{border:1px solid var(--admin-border-strong);border-radius:14px;background:var(--admin-surface);box-shadow:var(--shadow-pop)}.app-shell .modal-card .modal-header,.app-shell .modal-dialog .modal-header,.app-shell .traffic-cal-header{min-height:62px;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.app-shell .modal-card .modal-body,.app-shell .modal-dialog .modal-body{padding:20px}.app-shell .modal-card .modal-actions,.app-shell .modal-dialog .modal-footer,.app-shell .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--admin-border)}@media(max-width:900px){.app-shell .content-wrap{padding:22px 18px 28px}.app-shell .panel,.app-shell .card{padding:18px}.app-shell .page-heading,.app-shell .subpage-heading{flex-direction:column;gap:12px}.app-shell .heading-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media(max-width:600px){.app-shell .content-wrap{padding:18px 12px 24px}.app-shell .panel,.app-shell .card{padding:14px;border-radius:9px}.app-shell .panel-header{flex-direction:column;gap:8px}.app-shell table{min-width:640px}.app-shell .modal-overlay,.app-shell .modal-backdrop{padding:10px}}[data-theme=light] .app-shell table tbody td{border-top-color:#edf1f4}[data-theme=light] .app-shell .panel:hover,[data-theme=light] .app-shell .card:hover{border-color:#d5e0e9}:root{--bg-card: var(--bg-panel);--bg-surface: var(--bg-panel);--bg-subtle: var(--bg-inset);--surface-1: var(--bg-panel);--surface-2: var(--bg-raised);--surface-subtle: var(--bg-inset);--border-subtle: var(--border);--text-primary: var(--text-1);--text-foreground: var(--text-1);--text-secondary: var(--text-2);--text-muted: var(--text-3);--text-subtle: var(--text-3);--accent-color: var(--blue);--input-bg: var(--bg-inset);--border-color: var(--border);--color-danger: var(--rose);--color-danger-bg: var(--rose-dim);--color-danger-border: color-mix(in srgb, var(--rose) 28%, transparent)}.app-shell .subpage-view,.app-shell .subpage-container,.app-shell .overview-page-wrap,.app-shell .node-container,.app-shell .server-manage-view,.app-shell .speedtest-benchmark-view,.app-shell .log-streaming-view,.app-shell .synthetic-probing-view,.app-shell .traffic-report-container,.app-shell .cost-center-shell,.app-shell .monitor-view-container,.app-shell .notify-page-container,.app-shell .network-module-view,.app-shell .mtr-module-view,.app-shell .media-module-view{width:100%;max-width:none;margin:0;box-sizing:border-box}.app-shell .subpage-view,.app-shell .subpage-container{padding:0!important}.app-shell .subpage-view,.app-shell .subpage-container,.app-shell .overview-page-wrap,.app-shell .node-container,.app-shell .server-manage-view,.app-shell .speedtest-benchmark-view,.app-shell .log-streaming-view,.app-shell .synthetic-probing-view,.app-shell .traffic-report-container,.app-shell .cost-center-shell,.app-shell .monitor-view-container,.app-shell .notify-page-container,.app-shell .network-module-view,.app-shell .mtr-module-view,.app-shell .media-module-view{display:flex;flex-direction:column;gap:18px}.app-shell .lite-card-box,.app-shell .monitor-table-card,.app-shell .cost-metric-card,.app-shell .cost-chart-card,.app-shell .cost-composition-card,.app-shell .cost-table-panel,.app-shell .monitor-stat-card,.app-shell .media-top-banner,.app-shell .mtr-add-form,.app-shell .mtr-result-panel,.app-shell .network-table-panel,.app-shell .traffic-panel,.app-shell .modern-traffic-panel,.app-shell .nezha-theme-panel{border-color:var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--shadow-card)}.app-shell .lite-card-box,.app-shell .monitor-table-card,.app-shell .cost-table-panel{padding:18px}.app-shell .monitor-top-nav-bar,.app-shell .monitor-view-container .monitor-top-nav-bar,.app-shell .cost-tabs-row{border-color:var(--admin-border);border-radius:var(--admin-radius-sm);background:var(--admin-surface-soft)}.app-shell .monitor-nav-tab-btn,.app-shell .cost-tab-btn{min-height:32px;border-radius:5px;font-size:11px}.app-shell .monitor-nav-tab-btn.active{background:var(--admin-surface);border-color:var(--admin-border);color:var(--admin-heading)}.app-shell .speedtest-benchmark-view>:first-child,.app-shell .log-streaming-view>:first-child,.app-shell .synthetic-probing-view>:first-child{padding:16px 18px;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--shadow-card)}.app-shell .speedtest-benchmark-view .panel-header,.app-shell .log-streaming-view .panel-header,.app-shell .synthetic-probing-view .panel-header{margin-bottom:12px}.app-shell .lite-server-table th{position:sticky;top:0;z-index:1;box-shadow:inset 0 -1px var(--admin-border)}.app-shell .lite-server-table .icon-action-btn{width:30px;height:30px;border-radius:6px}.app-shell .alert-channel-panel .channel-panel-head,.app-shell .notify-page-container .panel-header{padding-bottom:12px;border-bottom:1px solid var(--admin-border)}.app-shell .rbac-card,.app-shell .backup-management-card,.app-shell .alert-channel-panel,.app-shell .notify-page-container .lite-card-box{border-radius:var(--admin-radius);border-color:var(--admin-border);background:var(--admin-surface);box-shadow:var(--shadow-card)}.dashboard-media-summary{cursor:pointer;transition:border-color .12s ease,background .12s ease}.dashboard-media-summary:hover,.dashboard-media-summary:focus-visible{border-color:var(--blue);background:color-mix(in srgb,var(--admin-surface) 94%,var(--blue));outline:none}.dashboard-media-icon{margin-right:6px;color:var(--blue);vertical-align:-2px}.dashboard-media-total{color:var(--blue);font-size:13px;font-weight:700}.dashboard-media-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.dashboard-media-platform{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--admin-border);border-radius:7px;background:var(--admin-surface-soft);color:var(--admin-muted);font-size:11px}.dashboard-media-platform span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-media-platform strong{color:var(--admin-heading);font:11px var(--font-mono)}@media(max-width:900px){.dashboard-media-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.dashboard-media-summary{padding:13px 14px}.dashboard-media-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}.floating-public-node-card{position:fixed;left:24px;bottom:24px;z-index:40;width:min(290px,calc(100vw - 32px));padding:14px;border:1px solid var(--admin-border-strong);border-radius:16px;background:color-mix(in srgb,var(--admin-surface) 92%,transparent);box-shadow:0 18px 48px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:modalPopIn .18s ease-out}.floating-visitor-card{position:fixed;left:16px;bottom:16px;right:auto;z-index:50;width:auto;max-width:290px;pointer-events:auto}.floating-visitor-card.is-collapsed .floating-visitor-full,.floating-visitor-card.is-expanded .floating-visitor-pill{display:none}.floating-visitor-card.is-collapsed .floating-visitor-pill{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid rgba(56,189,248,.3);border-radius:999px;background:#0b111eeb;color:#e2e8f0;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #02061761;cursor:pointer;transition:border-color .14s ease,transform .14s ease}.floating-visitor-card.is-collapsed .floating-visitor-pill:hover{border-color:#38bdf88c;transform:translateY(-1px)}.floating-visitor-card.is-expanded .floating-visitor-full{display:flex;flex-direction:column;gap:4px;width:270px;min-width:250px;max-width:290px;padding:8px 11px;border:1px solid rgba(56,189,248,.24);border-radius:8px;background:#0b111ef0;color:#cbd5e1;box-shadow:0 12px 30px #02061773;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:modalPopIn .16s ease-out}.visitor-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid rgba(148,163,184,.14)}.visitor-card-head-left{display:flex;align-items:center;gap:6px;min-width:0}.visitor-card-head-left strong{color:#f8fafc;font-size:11.5px;font-weight:700;letter-spacing:.01em}.visitor-conn-badge{display:inline-flex;align-items:center;height:17px;padding:0 5px;border-radius:4px;border:1px solid rgba(56,189,248,.32);background:#0ea5e924;color:#38bdf8;font-size:9.5px;font-weight:700;letter-spacing:.03em}.floating-visitor-close-btn{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border:1px solid rgba(148,163,184,.22);border-radius:5px;background:#1e293ba6;color:#94a3b8;font-size:10px;line-height:1;cursor:pointer;transition:color .14s ease,border-color .14s ease}.floating-visitor-close-btn:hover{color:#f8fafc;border-color:#38bdf866}.visitor-card-rows{display:flex;flex-direction:column;gap:2px}.visitor-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;font-size:10.5px;line-height:1.35}.visitor-row-label{flex:0 0 auto;color:#64748b;font-size:10px}.visitor-row-val{min-width:0;text-align:right;color:#e2e8f0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-row-val.is-muted{color:#64748b;font-weight:400}.visitor-asn-tag{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;border:1px solid rgba(56,189,248,.24);background:#0ea5e91a;color:#7dd3fc;font-size:9.5px;font-weight:600}.visitor-card-foot{padding-top:4px;border-top:1px solid rgba(148,163,184,.12);color:#64748b;font-size:9px;line-height:1.2;text-align:right}[data-theme=light] .floating-visitor-card.is-collapsed .floating-visitor-pill{background:#f8fafcf5;color:#0f172a;border-color:#0ea5e952;box-shadow:0 8px 22px #0f172a1f}[data-theme=light] .floating-visitor-card.is-expanded .floating-visitor-full{background:#f8fafcf5;color:#334155;border-color:#0ea5e947;box-shadow:0 12px 28px #0f172a24}[data-theme=light] .visitor-card-head-left strong{color:#0f172a}[data-theme=light] .visitor-conn-badge{color:#0284c7;background:#0ea5e91a;border-color:#0284c747}[data-theme=light] .floating-visitor-close-btn{background:#e2e8f0cc;color:#475569;border-color:#94a3b859}[data-theme=light] .floating-visitor-close-btn:hover,[data-theme=light] .visitor-row-val{color:#0f172a}[data-theme=light] .visitor-row-val.is-muted{color:#64748b}[data-theme=light] .visitor-asn-tag{color:#0369a1;background:#0ea5e91a;border-color:#0284c73d}.floating-public-node-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;color:var(--admin-muted);background:transparent;font-size:16px;line-height:1;cursor:pointer}.floating-public-node-close:hover{color:var(--admin-heading);background:var(--admin-surface-soft)}.floating-public-node-head{display:flex;align-items:center;gap:8px}.floating-public-node-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#60a5fa,#6366f1);box-shadow:0 4px 10px #4f46e53d}.floating-public-node-title{display:grid;gap:1px;min-width:0;flex:1}.floating-public-node-title strong{overflow:hidden;color:var(--admin-heading);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.floating-public-node-title span{color:var(--admin-subtle);font-size:9.5px}.floating-public-node-welcome{margin-top:6px;color:var(--admin-muted);font-size:10px}.floating-public-node-divider{height:1px;margin:6px 0 4px;background:var(--admin-border)}.floating-public-node-row{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 0;color:var(--admin-muted);font-size:10px}.floating-public-node-row svg{flex:0 0 auto;color:var(--blue)}.floating-public-node-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.floating-public-node-card{left:12px;bottom:12px;width:min(280px,calc(100vw - 24px))}.floating-visitor-card{left:12px;bottom:12px;right:auto;width:auto;max-width:calc(100vw - 24px);padding:0}.floating-visitor-card.is-collapsed .floating-visitor-pill{min-height:44px;padding:0 14px;font-size:12px}.floating-visitor-card.is-expanded .floating-visitor-full{width:min(280px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);padding:10px 12px}.floating-visitor-card.is-expanded .floating-visitor-close-btn{min-height:44px;min-width:44px;padding:0 10px}.guest-shell .floating-visitor-card{left:12px;right:auto;bottom:12px;width:auto}}@media(max-width:640px){.guest-node-grid{grid-template-columns:1fr!important;gap:10px}.guest-node-card{min-height:0;padding:12px}.guest-node-card .vps-card-details{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-node-card .vps-card-network{grid-template-columns:repeat(3,minmax(0,1fr))}.content-footer{flex-wrap:wrap;gap:6px;font-size:10px}}.komari-targets-empty{display:flex;align-items:center;gap:12px;grid-column:1 / -1;min-height:72px;padding:14px 16px;border:1px dashed var(--admin-border-strong);border-radius:10px;color:var(--admin-subtle);background:var(--admin-surface-soft)}.komari-targets-empty>svg{flex:0 0 auto;color:var(--blue)}.komari-targets-empty div{display:grid;gap:3px;min-width:0}.komari-targets-empty strong{color:var(--admin-heading);font-size:12px}.komari-targets-empty span{font-size:11px}.komari-targets-empty button{margin-left:auto;min-height:30px;padding:0 10px;border:1px solid var(--blue);border-radius:7px;color:var(--blue);background:var(--blue-dim);font-size:11px;font-weight:600;cursor:pointer}.komari-ping-empty-config{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;color:var(--admin-subtle);background:color-mix(in srgb,var(--admin-surface) 84%,transparent)}.komari-ping-empty-config svg{color:var(--blue)}.komari-ping-empty-config strong{color:var(--admin-heading);font-size:13px}.komari-ping-empty-config span{max-width:420px;font-size:11px;text-align:center}.komari-ping-chart-wrap{position:relative}@media(max-width:640px){.komari-targets-empty{align-items:flex-start;flex-wrap:wrap}.komari-targets-empty button{margin-left:30px}}.app-shell .rbac-card h2,.app-shell .backup-management-card h2,.app-shell .notify-page-container h2{letter-spacing:-.02em}.app-shell .rbac-card .table-responsive,.app-shell .backup-management-card .table-responsive{border-color:var(--admin-border);border-radius:var(--admin-radius-sm)}.app-shell .rbac-card table th,.app-shell .backup-management-card table th{background:var(--admin-surface-soft);color:var(--admin-subtle)}.app-shell .rbac-card table td,.app-shell .backup-management-card table td{vertical-align:middle}.app-shell .channel-item{border-color:var(--admin-border);background:var(--admin-surface-soft)}.app-shell .notify-page-container .lite-card-row{min-height:40px}@media(max-width:720px){.app-shell .rbac-card,.app-shell .backup-management-card,.app-shell .alert-channel-panel{padding:14px!important}.app-shell .rbac-card>div:first-child,.app-shell .backup-management-card .panel-header,.app-shell .notify-header-row{align-items:stretch;flex-direction:column}.app-shell .rbac-card .table-responsive,.app-shell .backup-management-card .table-responsive{margin-inline:-2px}.app-shell .channels-status-grid{grid-template-columns:1fr}.app-shell .notify-page-container .lite-card-row{align-items:flex-start;flex-direction:column}}.app-shell .komari-detail-page .komari-nav-bar{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.anomaly-priority-panel{padding:14px 16px}.anomaly-priority-panel.has-anomalies{border-color:color-mix(in srgb,var(--amber) 45%,var(--admin-border))}.anomaly-priority-panel.all-clear{border-color:color-mix(in srgb,var(--mint) 35%,var(--admin-border))}.anomaly-count{color:var(--amber);font-size:11px}.anomaly-toolbar{display:flex;align-items:center;gap:10px}.anomaly-filters{display:flex;gap:3px;padding:2px;border:1px solid var(--admin-border);border-radius:6px;background:var(--admin-surface-soft)}.anomaly-filters button{border:0;border-radius:4px;padding:4px 7px;background:transparent;color:var(--admin-subtle);font-size:10px;cursor:pointer}.anomaly-filters button.active{background:var(--admin-surface);color:var(--blue);box-shadow:var(--shadow-card)}.all-clear .anomaly-count{color:var(--mint)}.anomaly-node-list{display:grid;gap:5px;margin-top:10px}.anomaly-node-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;padding:8px 9px;border:1px solid var(--admin-border);border-radius:7px;background:var(--admin-surface-soft);color:var(--admin-heading);text-align:left;cursor:pointer}.anomaly-node-row:hover{border-color:var(--admin-border-strong);background:var(--admin-surface)}.anomaly-node-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.anomaly-node-row span:not(.status-dot){overflow:hidden;color:var(--admin-subtle);text-overflow:ellipsis;white-space:nowrap;font:10px var(--font-mono)}.anomaly-node-row b{color:var(--blue);font-size:10px}.anomaly-clear-copy{margin-top:10px;color:var(--admin-subtle);font-size:11px}.node-detail-summary-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-surface);box-shadow:var(--shadow-card)}.node-detail-summary-strip div{display:grid;gap:4px;min-width:0}.node-detail-summary-strip span{color:var(--admin-subtle);font-size:10px}.node-detail-summary-strip strong{overflow:hidden;color:var(--admin-heading);text-overflow:ellipsis;white-space:nowrap;font:650 12px var(--font-mono)}.node-detail-mobile-actions{display:none}@media(max-width:700px){.node-detail-mobile-actions{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px;border:1px solid var(--admin-border);border-radius:10px;background:color-mix(in srgb,var(--admin-surface) 94%,transparent);box-shadow:0 10px 30px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.node-detail-mobile-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--admin-subtle);font-size:10px}.node-detail-mobile-actions button:hover,.node-detail-mobile-actions button:focus-visible{background:var(--admin-surface-soft);color:var(--blue)}.komari-detail-page{padding-bottom:64px}}.mobile-compact-mode .komari-info-grid-4,.mobile-compact-mode .komari-charts-section,.mobile-compact-mode .komari-ping-section,.mobile-compact-mode .komari-footer,.mobile-compact-mode .komari-media-card,.mobile-compact-mode .komari-nav-bar~.panel{display:none}.mobile-compact-mode .node-detail-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-compact-mode .komari-nav-bar{margin-bottom:8px}.mobile-compact-mode .komari-nav-right>*:not(.komari-node-switcher){display:none}.node-detail-mobile-actions button.active{color:var(--blue);background:var(--admin-surface-soft)}.log-quick-filter{border:1px solid var(--admin-border);border-radius:6px;padding:6px 9px;background:var(--admin-surface-soft);color:var(--admin-subtle);font-size:11px;cursor:pointer}.log-quick-filter.active{border-color:color-mix(in srgb,var(--amber) 50%,var(--admin-border));color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,var(--admin-surface))}@media(max-width:700px){.anomaly-toolbar{align-items:flex-end;flex-direction:column;gap:6px}.node-detail-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.anomaly-node-row{grid-template-columns:8px minmax(0,1fr) auto}.anomaly-node-row span:not(.status-dot){grid-column:2 / -1}.anomaly-node-row b{grid-column:3;grid-row:1}}.app-shell .cost-title-col h1,.app-shell .monitor-title-col h1,.app-shell .notify-title-col h1{color:var(--admin-heading);font-size:22px;line-height:1.2;letter-spacing:-.035em}.app-shell .cost-title-col p,.app-shell .monitor-title-col p,.app-shell .notify-title-col p{color:var(--admin-subtle);font-size:12px;line-height:1.6}.app-shell .subpage-view[style],.app-shell .subpage-container[style],.app-shell .speedtest-benchmark-view[style],.app-shell .synthetic-probing-view[style],.app-shell .log-streaming-view[style]{max-width:none!important;margin:0!important}@media(max-width:900px){.app-shell .network-stats-row,.app-shell .cost-metrics-grid,.app-shell .monitor-stats-grid-3,.app-shell .monitor-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.app-shell .network-stats-row,.app-shell .cost-metrics-grid,.app-shell .monitor-stats-grid-3,.app-shell .monitor-stats-grid-4{grid-template-columns:1fr}.app-shell .lite-card-box,.app-shell .monitor-table-card,.app-shell .cost-table-panel{padding:14px}.app-shell .speedtest-benchmark-view>:first-child,.app-shell .log-streaming-view>:first-child,.app-shell .synthetic-probing-view>:first-child{padding:13px 14px}.app-shell .lite-server-table .icon-action-btn{width:28px;height:28px}.app-shell .komari-detail-page .komari-nav-bar{top:0}}.app-shell .traffic-report-container.space-y-5>*+*,.app-shell .server-manage-view.space-y-4>*+*,.app-shell .log-streaming-view.space-y-4>*+*,.app-shell .speedtest-benchmark-view.space-y-6>*+*,.app-shell .synthetic-probing-view.space-y-6>*+*{margin-top:0!important}.app-shell .log-streaming-view[style]{gap:18px!important}.app-shell .speedtest-benchmark-view[style],.app-shell .synthetic-probing-view[style]{padding:0!important}.app-shell .ai-copilot-view>:first-child{margin-bottom:18px!important}.app-shell .ai-copilot-view>:first-child h1,.app-shell .ai-copilot-view>:first-child h2{margin-top:0}.app-shell .subpage-container .panel[style]{border-color:var(--admin-border)!important;border-radius:var(--admin-radius)!important;background:var(--admin-surface)!important}.terminal-page{display:flex;flex-direction:column;gap:16px;min-width:0}.terminal-page-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:24px;overflow:auto;background:var(--bg-base)}.terminal-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);box-shadow:var(--shadow-card)}.terminal-page-title-wrap,.terminal-page-actions{display:flex;align-items:center;gap:12px;min-width:0}.terminal-page-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--mint);border-radius:10px;color:var(--mint);background:var(--mint-dim)}.terminal-page-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:var(--text-1);font-size:18px;font-weight:700;letter-spacing:-.025em}.terminal-page-version{padding:3px 7px;border:1px solid var(--mint);border-radius:999px;color:var(--mint);background:var(--mint-dim);font:600 10px var(--font-mono)}.terminal-page-description{margin:5px 0 0;color:var(--text-3);font-size:11px;line-height:1.5}.terminal-node-picker{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px 0 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset)}.terminal-node-label{color:var(--text-3);font-size:11px;font-weight:600;white-space:nowrap}.terminal-node-select{min-width:190px;height:34px;padding:0 26px 0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-1)!important;outline:none!important;font-size:12px!important;font-weight:600}.terminal-node-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--amber)}.terminal-node-dot.bg-emerald-400{background:var(--mint);box-shadow:0 0 0 3px var(--mint-dim)}.terminal-refresh-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-2);background:var(--bg-panel)}.terminal-refresh-button:hover{color:var(--blue);border-color:var(--blue);background:var(--blue-dim)}.terminal-mode-tabs{display:flex;align-items:center;gap:4px;min-height:44px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg-inset)}.terminal-mode-tab{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border:0;border-radius:6px;color:var(--text-3);background:transparent;font-size:12px;font-weight:600}.terminal-mode-tab:hover{color:var(--text-1)}.terminal-mode-tab.is-active{color:var(--text-1);background:var(--bg-panel);box-shadow:0 1px 3px #1423371f}.terminal-mode-tab.is-active:first-child{color:var(--mint)}.terminal-mode-tab.is-active:last-child{color:var(--blue)}.terminal-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}.terminal-error-banner,.terminal-offline-banner{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;font-size:12px}.terminal-error-banner{color:var(--rose);border-color:var(--rose);background:var(--rose-dim)}.terminal-offline-banner{color:var(--amber);border-color:var(--amber);background:var(--amber-dim)}.terminal-banner-icon{flex:0 0 auto;margin-top:1px}.terminal-banner-title{color:var(--text-1);font-weight:700}.terminal-banner-text{margin-top:5px;color:var(--text-2);font-size:11px;line-height:1.65}.terminal-env-code{margin:0 3px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--text-1);background:var(--bg-inset);font:10px var(--font-mono)}.terminal-console{display:flex;flex-direction:column;height:580px;overflow:hidden;border:1px solid #263245;border-radius:12px;background:#0b1220;box-shadow:0 12px 32px #080f1c29}.terminal-console-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 12px 0 16px;border-bottom:1px solid #263245;background:#111a2a}.terminal-console-identity,.terminal-console-actions{display:flex;align-items:center;gap:8px}.terminal-console-dot{width:9px;height:9px;border-radius:50%}.terminal-console-dot.is-red{background:#fb7185}.terminal-console-dot.is-amber{background:#fbbf24}.terminal-console-dot.is-green{background:#34d399}.terminal-console-name{margin-left:5px;color:#c7d2e2;font:11px var(--font-mono)}.terminal-connection-pill{padding:3px 7px;border:1px solid transparent;border-radius:999px;font:10px var(--font-mono)}.terminal-connection-pill.is-connected{color:#6ee7b7;border-color:#34d3994d;background:#10b9811f}.terminal-connection-pill.is-disconnected{color:#fda4af;border-color:#fb71854d;background:#f43f5e1f}.terminal-console-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:7px;color:#91a2b8;background:transparent}.terminal-console-button:hover{color:#fff;border-color:#3b4b62;background:#1a2638}.terminal-console-body{flex:1;overflow-y:auto;padding:18px;color:#dbe5f3;background:#0b1220;font:12px/1.65 var(--font-mono);cursor:text}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-line-input{color:#6ee7b7;font-weight:600}.terminal-line-system{color:#67e8f9;font-style:italic}.terminal-line-error{color:#fda4af;font-weight:600}.terminal-console-input-row{display:flex;align-items:center;gap:9px;min-height:52px;padding:0 16px;border-top:1px solid #263245;background:#111a2a}.terminal-prompt{color:#6ee7b7;font:700 14px var(--font-mono)}.terminal-console-input{flex:1;min-width:0;height:34px;padding:0!important;border:0!important;outline:none!important;color:#f8fafc!important;background:transparent!important;font:12px var(--font-mono)!important;box-shadow:none!important}.terminal-console-input::placeholder{color:#718198}.terminal-console-hint{color:#718198;font:10px var(--font-mono)}.terminal-audit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;color:var(--text-2);background:var(--bg-panel);font-size:11px}.terminal-audit-note{display:flex;align-items:center;gap:8px;min-width:0}.terminal-audit-note svg{flex:0 0 auto;color:var(--mint)}.terminal-audit-table{color:var(--text-3);font:10px var(--font-mono)}.terminal-page .ssh-runner-page{width:100%}@media(max-width:760px){.terminal-page-header{align-items:stretch;flex-direction:column;padding:18px}.terminal-page-actions{width:100%}.terminal-node-picker{flex:1;min-width:0}.terminal-node-select{min-width:0;flex:1}.terminal-mode-tabs{overflow-x:auto}.terminal-console{height:520px}.terminal-console-hint{display:none}.terminal-audit-footer{align-items:flex-start;flex-direction:column}}.synthetic-page{display:flex;flex-direction:column;gap:18px;min-width:0}.synthetic-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);box-shadow:var(--shadow-card)}.synthetic-page-title-wrap,.synthetic-page-actions{display:flex;align-items:center;gap:12px;min-width:0}.synthetic-page-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--blue);border-radius:10px;color:var(--blue);background:var(--blue-dim)}.synthetic-page-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:var(--text-1);font-size:20px;font-weight:700;letter-spacing:-.035em}.synthetic-page-version{padding:3px 7px;border:1px solid var(--blue);border-radius:999px;color:var(--blue);background:var(--blue-dim);font:600 10px var(--font-mono)}.synthetic-page-description{margin:5px 0 0;color:var(--text-3);font-size:11px;line-height:1.55}.synthetic-page-actions{flex-wrap:wrap;justify-content:flex-end}.synthetic-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid var(--border-strong);border-radius:8px;font-size:12px;font-weight:600}.synthetic-button-secondary{color:var(--text-2);background:var(--bg-panel)}.synthetic-button-secondary:hover{color:var(--text-1);border-color:var(--blue);background:var(--blue-dim)}.synthetic-button-primary{color:#fff;border-color:var(--blue);background:var(--blue)}.synthetic-button-primary:hover{filter:brightness(1.08)}.synthetic-icon-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-2);background:var(--bg-panel)}.synthetic-icon-button:hover{color:var(--blue);border-color:var(--blue);background:var(--blue-dim)}.synthetic-sync-status{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;color:var(--text-3);font-size:11px;font-weight:600;white-space:nowrap}.synthetic-sync-status .status-dot{width:7px;height:7px}.synthetic-sync-status.is-syncing{color:var(--blue)}.synthetic-sync-status .status-warning{background:var(--amber)}.synthetic-status-filters{display:flex;align-items:center;gap:3px;padding:2px;border-left:1px solid var(--border)}.synthetic-empty-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.synthetic-preset-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#060a10b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.synthetic-preset-dialog{width:min(680px,100%);padding:20px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-panel);box-shadow:0 20px 60px #0000003d}.synthetic-preset-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--border)}.synthetic-preset-dialog-head h2{margin:0;color:var(--text-1);font-size:16px}.synthetic-preset-dialog-head p{margin:5px 0 0;color:var(--text-3);font-size:11px}.synthetic-preset-dialog-head button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:7px;color:var(--text-3);background:var(--bg-inset)}.synthetic-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}.synthetic-preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:10px;color:var(--text-1);background:var(--bg-inset);text-align:left}.synthetic-preset-card:hover{border-color:var(--blue);background:var(--blue-dim)}.synthetic-preset-card strong{font-size:12px}.synthetic-preset-card span{overflow:hidden;width:100%;color:var(--text-3);font:10px var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.synthetic-status-filter{min-height:28px;padding:0 8px;border:0;border-radius:6px;color:var(--text-3);background:transparent;font-size:11px;font-weight:600;white-space:nowrap}.synthetic-status-filter:hover,.synthetic-status-filter.is-active{color:var(--text-1);background:var(--bg-panel)}.synthetic-empty-action{margin-top:14px}.synthetic-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.synthetic-metric-card{min-width:0;min-height:108px;padding:16px 18px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);box-shadow:var(--shadow-card)}.synthetic-metric-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.045em}.synthetic-metric-value{margin-top:12px;color:var(--text-1);font:700 22px/1.1 var(--font-mono);letter-spacing:-.04em}.synthetic-metric-value.is-green{color:var(--mint)}.synthetic-metric-value.is-red{color:var(--rose)}.synthetic-metric-value.is-amber{color:var(--amber)}.synthetic-metric-detail{margin-top:7px;color:var(--text-3);font-size:11px;line-height:1.4}.synthetic-details-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:9px 0 0;border:0;border-top:1px solid var(--border);color:var(--text-2);background:transparent;font-size:11px;font-weight:600;text-align:left}.synthetic-details-toggle:hover{color:var(--blue)}.synthetic-details-toggle span{color:var(--text-3);font-size:14px}.synthetic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg-inset)}.synthetic-protocol-tabs{display:flex;align-items:center;gap:3px;max-width:100%;overflow-x:auto}.synthetic-protocol-tab{min-height:31px;padding:0 11px;border:0;border-radius:6px;color:var(--text-3);background:transparent;font-size:11px;font-weight:600;white-space:nowrap}.synthetic-protocol-tab:hover{color:var(--text-1)}.synthetic-protocol-tab.is-active{color:var(--text-1);background:var(--bg-panel);box-shadow:0 1px 3px #1423371f}.synthetic-search-box{position:relative;width:min(300px,100%);flex:0 1 300px}.synthetic-search-box svg{position:absolute;top:50%;left:11px;color:var(--text-3);transform:translateY(-50%)}.synthetic-search-input{width:100%;height:34px;padding:0 12px 0 34px!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;color:var(--text-1)!important;background:var(--bg-panel)!important;font-size:11px!important}.synthetic-loading-state,.synthetic-empty-state{display:grid;place-items:center;min-height:210px;padding:36px 20px;border:1px solid var(--border);border-radius:10px;color:var(--text-3);background:var(--bg-panel);text-align:center}.synthetic-empty-state{min-height:220px}.synthetic-empty-title{margin:10px 0 0;color:var(--text-1);font-size:14px;font-weight:700}.synthetic-empty-description{max-width:520px;margin:7px auto 0;color:var(--text-3);font-size:11px;line-height:1.6}.synthetic-target-card{padding:18px 20px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);box-shadow:var(--shadow-card);transition:border-color .14s ease,box-shadow .14s ease}.synthetic-target-card:hover{border-color:var(--border-strong);box-shadow:0 8px 24px #14233714}.synthetic-target-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.synthetic-target-summary>div{display:grid;gap:4px;min-width:0}.synthetic-target-summary span{color:var(--text-3);font-size:10px}.synthetic-target-summary strong{color:var(--text-1);font:600 13px var(--font-mono)}.synthetic-target-summary strong.is-green{color:var(--mint)}.synthetic-target-summary strong.is-amber{color:var(--amber)}.synthetic-target-summary strong.is-red{color:var(--rose)}.synthetic-target-header{display:flex;flex-direction:column;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.synthetic-target-card h3{color:var(--text-1)}.synthetic-target-card .text-slate-400{color:var(--text-2)}.synthetic-target-card .text-slate-500{color:var(--text-3)}.synthetic-target-card .border-slate-800,.synthetic-target-card .border-slate-800\/80{border-color:var(--border)}.synthetic-target-card .bg-slate-800,.synthetic-target-card .bg-slate-800\/40,.synthetic-target-card .bg-slate-800\/80{background:var(--bg-inset)}.synthetic-target-card .bg-slate-900\/60{background:var(--bg-panel)}@media(max-width:980px){.synthetic-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synthetic-page-header{align-items:flex-start;flex-direction:column}.synthetic-page-actions{width:100%;justify-content:flex-start}}@media(max-width:620px){.synthetic-metrics-grid{grid-template-columns:1fr}.synthetic-page-header{padding:18px}.synthetic-toolbar{align-items:stretch;flex-direction:column}.synthetic-protocol-tabs,.synthetic-status-filters{overflow-x:auto;border-left:0}.synthetic-search-box{width:100%;flex-basis:auto}.synthetic-target-card{padding:15px}.synthetic-target-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.synthetic-page-actions{align-items:stretch}.synthetic-page-actions>*{flex:1 1 auto;justify-content:center}.synthetic-empty-actions{width:100%}.synthetic-empty-actions>*{flex:1 1 150px}.synthetic-preset-grid{grid-template-columns:1fr}}.status-page{--public-max: 1180px;background:var(--bg-base, #f5f7fa);color:var(--text-1, #17212b)}.status-public-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border, #e5eaf0);background:color-mix(in srgb,var(--bg-panel, #fff) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-public-header-inner{max-width:var(--public-max);height:58px;padding:0 20px}.status-public-header .text-white,.status-public-header .text-slate-100{color:var(--text-1)!important}.status-public-header .text-slate-400{color:var(--text-3)!important}.status-public-header .bg-gradient-to-tr{background:linear-gradient(135deg,var(--blue),var(--violet))}.status-public-header .bg-white\/5{background:var(--bg-inset)}.status-public-header .border-white\/5{border-color:var(--border)}.status-public-header .bg-indigo-600{background:var(--blue)}.status-public-header .hover\:bg-indigo-500:hover{background:color-mix(in srgb,var(--blue) 88%,#000)}.status-public-main{max-width:var(--public-max);padding:26px 20px 0;gap:24px}.status-public-main>.status-public-hero{margin-bottom:4px}.status-public-hero{min-height:148px;padding:24px 26px!important;border-color:#bfe5d0!important;border-radius:12px!important;background:linear-gradient(135deg,#f0fbf5,#fff)!important;box-shadow:0 2px 8px #192d4609}.status-public-hero .text-white{color:#17212b!important}.status-public-hero .opacity-80{opacity:1;color:#597184}.status-public-hero .opacity-70{opacity:1;color:#8a9aaa}.status-public-hero .font-semibold.text-white{color:#17212b!important}.status-public-components-heading{padding-bottom:12px!important;border-color:var(--border)!important}.status-public-components-heading .text-white{color:var(--text-1)!important}.status-public-components-heading .text-slate-400,.status-public-components-heading .text-slate-500{color:var(--text-3)!important}.status-public-group{margin-top:18px!important}.status-public-group>h3{color:var(--text-2)!important;font-size:13px;letter-spacing:.01em}.status-public-group>h3>span:first-child{background:var(--blue)!important}.status-public-component-list{border-color:var(--border)!important;border-radius:10px!important;background:var(--bg-panel)!important;box-shadow:var(--shadow-card)!important}.status-public-component-row{padding:16px 18px!important;border-color:var(--border)!important}.status-public-component-row:hover{background:var(--bg-inset)!important}.status-public-component-row .text-white,.status-public-component-row .text-slate-200,.status-public-component-row .text-slate-300{color:var(--text-1)!important}.status-public-component-row .text-slate-400,.status-public-component-row .text-slate-500{color:var(--text-3)!important}.status-public-component-row .bg-white\/5{background:var(--bg-inset)}.status-public-component-row .border-white\/5{border-color:var(--border)}.status-public-component-row .bg-emerald-500\/15{background:var(--mint-dim)}.status-public-component-row .text-emerald-400{color:var(--mint)}.status-public-component-row .border-emerald-500\/20{border-color:color-mix(in srgb,var(--mint) 36%,transparent)}.status-public-archive{margin-top:22px!important;padding-top:18px!important;border-color:var(--border)!important}.status-public-archive-button{color:var(--text-2)!important;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-panel);padding:7px 10px}.status-public-archive-button:hover{color:var(--blue)!important;border-color:var(--blue);background:var(--blue-dim)}.status-page>footer{margin-top:36px!important;padding:20px 0!important;border-color:var(--border)!important;background:var(--bg-panel)!important}.status-page>footer .text-slate-500,.status-page>footer .text-slate-400{color:var(--text-3)!important}@media(max-width:700px){.status-public-header-inner{height:auto;min-height:58px;padding:10px 16px}.status-public-main{padding:18px 16px 0}.status-public-hero{min-height:0;padding:18px!important}.status-public-component-row{padding:14px!important}}.komari-ping-empty-state{position:absolute;inset:42% 0 auto;text-align:center;color:var(--text-muted, #94a3b8);font:12px var(--font-mono, monospace);pointer-events:none}.inline-feedback{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid var(--border-color, rgba(148, 163, 184, .25));border-radius:12px;font-size:13px;line-height:1.5}.inline-feedback-error{color:var(--danger, #fb7185);background:color-mix(in srgb,var(--danger, #fb7185) 10%,transparent);border-color:color-mix(in srgb,var(--danger, #fb7185) 28%,transparent)}.inline-feedback-dismiss{margin-left:auto;width:24px;height:24px;border:0;border-radius:6px;color:inherit;background:transparent;cursor:pointer;font-size:18px;line-height:1}.inline-feedback-dismiss:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.app-shell .page-heading,.app-shell .subpage-heading,.app-shell .terminal-page-header,.app-shell .synthetic-page-header{min-height:68px;padding-top:16px;padding-bottom:16px}.app-shell .page-heading h1,.app-shell .subpage-heading h1,.app-shell .page-heading h2,.app-shell .subpage-heading h2{letter-spacing:-.02em}.app-shell .heading-actions,.app-shell .terminal-page-actions,.app-shell .synthetic-page-actions{row-gap:8px}.app-shell .panel,.app-shell .lite-table-panel,.app-shell .network-table-panel,.app-shell .monitor-table-card,.app-shell .cost-table-panel,.app-shell .synthetic-target-card{border-radius:10px}.app-shell table tbody tr{transition:background-color .12s ease}.app-shell table tbody tr:hover td{background:color-mix(in srgb,var(--blue, #5e6ad2) 5%,transparent)}.app-shell .button:focus-visible,.app-shell .icon-button:focus-visible,.app-shell .synthetic-button:focus-visible,.app-shell .synthetic-icon-button:focus-visible{outline:2px solid color-mix(in srgb,var(--blue, #5e6ad2) 70%,white);outline-offset:2px}.app-shell .status-dot,.app-shell .status-indicator{flex:0 0 auto}@media(max-width:640px){.app-shell .page-heading,.app-shell .subpage-heading,.app-shell .terminal-page-header,.app-shell .synthetic-page-header{min-height:0;padding:14px;border-radius:9px}.app-shell .page-heading h1,.app-shell .subpage-heading h1,.app-shell .page-heading h2,.app-shell .subpage-heading h2{font-size:17px}.app-shell .heading-actions,.app-shell .terminal-page-actions,.app-shell .synthetic-page-actions{width:100%}.app-shell .heading-actions>.button,.app-shell .terminal-page-actions>.button,.app-shell .synthetic-page-actions>.synthetic-button{min-height:36px}.app-shell .table-scroll,.app-shell .lite-table-scroll,.app-shell .ssh-node-table-wrap{scrollbar-width:thin}}.guest-compact-list,.mobile-single-line-list{display:flex;flex-direction:column;gap:6px;margin-top:14px}.compact-single-line-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface-card, rgba(255, 255, 255, .025));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px;transition:all .12s ease;cursor:pointer;min-height:44px}.compact-single-line-row:hover{background:var(--surface-hover, rgba(255, 255, 255, .06));border-color:#38bdf859;transform:translateY(-1px)}.compact-single-line-row.is-offline{opacity:.7;border-color:#f43f5e40}.compact-row-left{display:inline-flex;align-items:center;gap:8px;min-width:140px;max-width:40%;overflow:hidden}.compact-flag{font-size:16px;flex-shrink:0}.compact-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.compact-status-dot.status-online{background:#10b981;box-shadow:0 0 6px #10b98199}.compact-status-dot.status-attention{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.compact-status-dot.status-offline{background:#f43f5e}.compact-node-name{font-size:13px;font-weight:600;color:var(--text-1, #f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-row-metrics{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.compact-metric-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:3px 8px;background:#ffffff0a;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.compact-metric-lbl{color:var(--text-muted, #94a3b8);font-size:10.5px}.compact-metric-val{color:var(--text-1, #f1f5f9);font-weight:600}.compact-isp-pill{gap:6px;background:#00000040;border-color:#ffffff14}.isp-mini.ct{color:#38bdf8;font-weight:600}.isp-mini.cu{color:#fb7185;font-weight:600}.isp-mini.cm{color:#34d399;font-weight:600}.compact-days-pill{background:#10b9811a;border-color:#10b98140;color:#10b981;font-weight:600}@media(max-width:640px){.compact-single-line-row{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.compact-row-left{max-width:100%;width:100%}.compact-row-metrics{width:100%;justify-content:flex-start;gap:4px}.compact-metric-pill{padding:2px 6px;font-size:11px}}.content-wrap,.app-shell .content-wrap{width:100%;max-width:1440px;margin:0 auto;padding:24px 28px 36px;box-sizing:border-box}@media(max-width:768px){.content-wrap,.app-shell .content-wrap{padding:14px 12px 24px!important}}@media(max-width:820px){.app-shell>.main-content,.app-shell.app-shell-sidebar-collapsed>.main-content{width:100%;max-width:100%;margin-left:0}}.page-header-unified,.subpage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);min-height:auto}.page-header-unified .header-meta,.subpage-heading .header-meta{display:flex;flex-direction:column;gap:4px}.page-header-unified .header-eyebrow,.subpage-heading .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--blue, #5e6ad2)}.page-header-unified .header-title,.subpage-heading h1{font-size:20px;font-weight:700;color:var(--text-1);margin:0;line-height:1.3}.page-header-unified .header-subtitle,.subpage-heading p{font-size:13px;color:var(--text-2);margin:0;line-height:1.5}.page-header-unified .header-actions,.subpage-heading .heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.card-panel,.mjj-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:16px 18px;box-shadow:var(--shadow-card);transition:border-color .15s ease,box-shadow .15s ease;min-width:0}.card-panel:hover,.mjj-card:hover{border-color:var(--border-strong)}.card-panel.interactive:hover,.mjj-card.interactive:hover{border-color:#5e6ad266;box-shadow:0 4px 16px #00000059}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid transparent;white-space:nowrap}.status-pill.online,.status-pill.success{background:#30a46c1f;border-color:#30a46c40;color:#34d399}.status-pill.attention,.status-pill.warning{background:#f59e0b1f;border-color:#f59e0b40;color:#fbbf24}.status-pill.offline,.status-pill.danger{background:#eb57571f;border-color:#eb575740;color:#f87171}.status-pill.probing,.status-pill.info{background:#38bdf81f;border-color:#38bdf840;color:#38bdf8}.status-pill.nodata,.status-pill.gray{background:#ffffff0a;border-color:#ffffff14;color:#94a3b8}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;border:1px dashed var(--border);border-radius:var(--radius-lg, 12px);background:#ffffff04;gap:12px;width:100%;box-sizing:border-box}.empty-state-icon{width:44px;height:44px;border-radius:10px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--text-2);margin-bottom:4px}.empty-state-title{font-size:14.5px;font-weight:600;color:var(--text-1)}.empty-state-desc{font-size:12.5px;color:var(--text-2);max-width:420px;line-height:1.5;margin:0}.empty-state-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.mono-stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media(max-width:768px){.button,.icon-button,.komari-icon-btn,.topbar button,.subpage-heading button{min-height:36px;min-width:36px}}.dash-row-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:1180px){.dash-row-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.dash-row-grid-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:480px){.dash-row-grid-5{grid-template-columns:1fr}}.dashboard-media-compact{display:flex;flex-direction:column;justify-content:space-between}.dashboard-media-compact .compact-badge-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.dashboard-media-compact .compact-pill{font-size:11px;padding:1px 6px;border-radius:4px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-2)}.lite-add-modal{position:relative;width:500px;max-width:95vw;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 48px -10px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .18s ease-out;color:#0f172a}[data-theme=dark] .lite-add-modal,:root:not([data-theme=light]) .lite-add-modal{background:#18181b;border-color:#ffffff1f;box-shadow:0 24px 56px -10px #000000b3;color:#f1f5f9}.lite-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .lite-modal-header,:root:not([data-theme=light]) .lite-modal-header{border-bottom-color:#ffffff14}.lite-modal-title{margin:0;font-size:16px;font-weight:700;color:inherit}.lite-modal-close{color:#64748b;padding:4px;border-radius:6px}.lite-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;max-height:calc(85vh - 120px);overflow-y:auto}.lite-field{display:flex;flex-direction:column;gap:6px}.lite-field-label{font-size:13px;font-weight:600;color:#334155}[data-theme=dark] .lite-field-label,:root:not([data-theme=light]) .lite-field-label{color:#cbd5e1}.lite-input,.lite-select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}[data-theme=dark] .lite-input,[data-theme=dark] .lite-select,:root:not([data-theme=light]) .lite-input,:root:not([data-theme=light]) .lite-select{border-color:#ffffff26;background:#09090b;color:#f1f5f9}.lite-input:focus,.lite-select:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.lite-server-select-row{display:flex;align-items:center;gap:10px}.lite-btn-server-pick{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:6px;background:#0284c7;color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background .15s}.lite-btn-server-pick:hover{background:#0369a1}.lite-server-count-badge{font-size:12px;color:#64748b;font-weight:500}[data-theme=dark] .lite-server-count-badge,:root:not([data-theme=light]) .lite-server-count-badge{color:#94a3b8}.lite-default-enable-row{display:flex;flex-direction:column;gap:4px}.lite-checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.lite-checkbox{width:16px;height:16px;border-radius:4px;accent-color:#0284c7;cursor:pointer}.lite-checkbox-text{font-size:13px;font-weight:600;color:inherit}.lite-field-subtext{font-size:11px;color:#64748b;margin:0;line-height:1.45}[data-theme=dark] .lite-field-subtext,:root:not([data-theme=light]) .lite-field-subtext{color:#94a3b8}.lite-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lite-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lite-field-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:6px;background:#00000008;border:1px solid #f1f5f9}[data-theme=dark] .lite-field-switch-row,:root:not([data-theme=light]) .lite-field-switch-row{background:#ffffff05;border-color:#ffffff0f}.lite-advanced-section{display:flex;flex-direction:column;gap:8px}.lite-advanced-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0;background:#00000005;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}[data-theme=dark] .lite-advanced-toggle,:root:not([data-theme=light]) .lite-advanced-toggle{border-color:#ffffff14;background:#ffffff05;color:#94a3b8}.lite-advanced-toggle:hover{border-color:#0284c7;color:#0284c7}.lite-advanced-panel{padding:12px;border-radius:8px;border:1px dashed #cbd5e1;background:#00000005;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .lite-advanced-panel,:root:not([data-theme=light]) .lite-advanced-panel{border-color:#ffffff1a;background:#0003}.lite-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f1f5f9;background:#00000003}[data-theme=dark] .lite-modal-footer,:root:not([data-theme=light]) .lite-modal-footer{border-top-color:#ffffff14;background:#00000026}.lite-btn-cancel{padding:7px 16px;font-size:13px}.lite-btn-submit{padding:7px 20px;font-size:13px;background:#0284c7}.lite-btn-submit:hover{background:#0369a1}.lite-server-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .15s ease}.lite-server-picker-card{width:100%;max-width:440px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 16px 36px #0000004d;display:flex;flex-direction:column;overflow:hidden;color:#0f172a}[data-theme=dark] .lite-server-picker-card,:root:not([data-theme=light]) .lite-server-picker-card{background:#18181b;border-color:#ffffff1f;color:#f1f5f9}.lite-server-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .lite-server-picker-header,:root:not([data-theme=light]) .lite-server-picker-header{border-bottom-color:#ffffff14}.lite-server-picker-header h4{margin:0;font-size:14px;font-weight:700}.lite-server-picker-header p{margin:2px 0 0;font-size:11px}.lite-server-picker-toolbar{padding:10px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #f1f5f9;background:#00000003}[data-theme=dark] .lite-server-picker-toolbar,:root:not([data-theme=light]) .lite-server-picker-toolbar{border-bottom-color:#ffffff0f}.lite-picker-search-wrap{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#64748b}[data-theme=dark] .lite-picker-search-wrap,:root:not([data-theme=light]) .lite-picker-search-wrap{border-color:#ffffff1f;background:#09090b;color:#94a3b8}.lite-picker-search-input{border:none;background:transparent;color:inherit;font-size:12px;outline:none;width:100%}.lite-picker-actions{display:flex;align-items:center;gap:6px}.lite-server-picker-list{max-height:220px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.lite-server-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .12s}.lite-server-picker-item:hover{background:#0000000a}[data-theme=dark] .lite-server-picker-item:hover,:root:not([data-theme=light]) .lite-server-picker-item:hover{background:#ffffff0a}.lite-server-picker-item.is-selected{background:#0284c714}.lite-picker-item-info{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.lite-picker-item-name{display:flex;align-items:center;gap:6px;font-size:12px}.lite-picker-item-tag{font-size:11px;color:#64748b;background:#0000000a;padding:1px 6px;border-radius:4px}[data-theme=dark] .lite-picker-item-tag,:root:not([data-theme=light]) .lite-picker-item-tag{background:#ffffff0f;color:#94a3b8}.lite-server-picker-footer{padding:10px 16px;border-top:1px solid #f1f5f9}[data-theme=dark] .lite-server-picker-footer,:root:not([data-theme=light]) .lite-server-picker-footer{border-top-color:#ffffff14}.lite-agent-dl-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:6px;background:#00000008;border:1px solid #f1f5f9}[data-theme=dark] .lite-agent-dl-strip,:root:not([data-theme=light]) .lite-agent-dl-strip{background:#ffffff05;border-color:#ffffff0f}.lite-dl-title{font-size:12px;font-weight:600;color:inherit}.lite-dl-links{display:flex;align-items:center;gap:8px}.lite-dl-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s}[data-theme=dark] .lite-dl-btn,:root:not([data-theme=light]) .lite-dl-btn{border-color:#ffffff26;background:#09090b;color:#f1f5f9}.lite-dl-btn:hover{border-color:#0284c7;color:#0284c7}@media(max-width:600px){.lite-add-modal,.add-server-modal{width:100%!important;max-width:100vw!important;margin:0!important;border-radius:14px 14px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:92vh!important}.lite-modal-body,.add-server-body{padding:14px!important;max-height:calc(92vh - 120px)!important}.lite-grid-2,.lite-grid-3{grid-template-columns:1fr!important}.lite-agent-dl-strip{flex-direction:column!important;align-items:flex-start!important}.lite-dl-links{width:100%!important;flex-direction:column!important}.lite-dl-btn{width:100%!important;justify-content:center!important}}.monitor-stats-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}@media(max-width:900px){.monitor-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:480px){.monitor-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.lite-view-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:4px}[data-theme=dark] .lite-view-tabs,:root:not([data-theme=light]) .lite-view-tabs{border-bottom-color:#ffffff14}.lite-view-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}[data-theme=dark] .lite-view-tab-btn,:root:not([data-theme=light]) .lite-view-tab-btn{color:#94a3b8}.lite-view-tab-btn:hover{color:#0f172a;background:#00000008}[data-theme=dark] .lite-view-tab-btn:hover,:root:not([data-theme=light]) .lite-view-tab-btn:hover{color:#f8fafc;background:#ffffff0a}.lite-view-tab-btn.active{color:#0284c7;background:#0284c714}[data-theme=dark] .lite-view-tab-btn.active,:root:not([data-theme=light]) .lite-view-tab-btn.active{color:#38bdf8;background:#38bdf81a}.lite-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .lite-table-card,:root:not([data-theme=light]) .lite-table-card{background:#18181b;border-color:#ffffff14;box-shadow:0 4px 20px #0006}.lite-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.lite-table th{padding:12px 14px;font-size:12px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}[data-theme=dark] .lite-table th,:root:not([data-theme=light]) .lite-table th{background:#202024;color:#94a3b8;border-bottom-color:#ffffff14}.lite-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}[data-theme=dark] .lite-table td,:root:not([data-theme=light]) .lite-table td{border-bottom-color:#ffffff0d}.lite-table tr:hover td{background:#00000004}[data-theme=dark] .lite-table tr:hover td,:root:not([data-theme=light]) .lite-table tr:hover td{background:#ffffff05}.lite-drag-handle{color:#94a3b8;cursor:grab;display:inline-flex;align-items:center}.lite-server-cell-wrap{display:flex;flex-direction:column;gap:3px;max-width:260px}.lite-server-names-text{font-size:12px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .lite-server-names-text,:root:not([data-theme=light]) .lite-server-names-text{color:#cbd5e1}.lite-pill-default-all{display:inline-flex;align-items:center;font-size:10px;font-weight:600;color:#0284c7;background:#0284c71a;padding:1px 6px;border-radius:4px;width:fit-content}[data-theme=dark] .lite-pill-default-all,:root:not([data-theme=light]) .lite-pill-default-all{color:#38bdf8;background:#38bdf81f}.lite-pill-more-servers{display:inline-flex;align-items:center;font-size:11px;color:#0284c7;background:#0284c714;padding:1px 5px;border-radius:3px;cursor:pointer;margin-left:4px;border:none;font-weight:600}.lite-flag-icon{font-size:15px;line-height:1;display:inline-flex;align-items:center;margin-right:4px}.lite-server-row-item{display:flex;align-items:center;gap:8px}.lite-action-menu-wrap{position:relative;display:inline-block}.lite-action-popover{position:absolute;right:0;top:100%;margin-top:4px;min-width:170px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:50;padding:4px 0;display:flex;flex-direction:column;animation:modalScaleIn .12s ease}[data-theme=dark] .lite-action-popover,:root:not([data-theme=light]) .lite-action-popover{background:#202024;border-color:#ffffff1f;box-shadow:0 12px 30px #0009}.lite-action-popover-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;color:#334155;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .1s}[data-theme=dark] .lite-action-popover-item,:root:not([data-theme=light]) .lite-action-popover-item{color:#cbd5e1}.lite-action-popover-item:hover{background:#0000000a}[data-theme=dark] .lite-action-popover-item:hover,:root:not([data-theme=light]) .lite-action-popover-item:hover{background:#ffffff0d}.lite-action-popover-item.text-rose:hover{background:#f43f5e14}.lite-server-tasks-preview{font-size:12px;color:#475569;line-height:1.5;max-width:500px}[data-theme=dark] .lite-server-tasks-preview,:root:not([data-theme=light]) .lite-server-tasks-preview{color:#94a3b8}.lite-server-picker-subheader{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .lite-server-picker-subheader,:root:not([data-theme=light]) .lite-server-picker-subheader{border-bottom-color:#ffffff0f}.lite-picker-sub-info{font-size:12px;font-weight:600;color:#64748b}[data-theme=dark] .lite-picker-sub-info,:root:not([data-theme=light]) .lite-picker-sub-info{color:#94a3b8}.lite-server-picker-searchbar{padding:10px 16px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .lite-server-picker-searchbar,:root:not([data-theme=light]) .lite-server-picker-searchbar{border-bottom-color:#ffffff0f}.lite-server-picker-table-header{padding:8px 16px;background:#f8fafc;font-size:11px;font-weight:700;color:#64748b;border-bottom:1px solid #e2e8f0}[data-theme=dark] .lite-server-picker-table-header,:root:not([data-theme=light]) .lite-server-picker-table-header{background:#202024;color:#94a3b8;border-bottom-color:#ffffff14}.lite-server-picker-item.is-offline{opacity:.65}.lite-server-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #f1f5f9;background:#f8fafc}[data-theme=dark] .lite-server-picker-footer,:root:not([data-theme=light]) .lite-server-picker-footer{border-top-color:#ffffff14;background:#202024}.lite-picker-footer-count{font-size:12px;color:#64748b;font-weight:600}[data-theme=dark] .lite-picker-footer-count,:root:not([data-theme=light]) .lite-picker-footer-count{color:#94a3b8}.lite-picker-footer-btns{display:flex;align-items:center;gap:8px}.target-manage-shell{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.target-top-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:var(--card-bg, rgba(15, 23, 42, .72));border:1px solid var(--border, rgba(148, 163, 184, .16));border-radius:12px;flex-wrap:wrap}.target-top-bar-left{display:flex;flex-direction:column;gap:3px;min-width:0}.target-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;color:#38bdf8;text-transform:uppercase}.target-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.target-main-title{margin:0;font-size:18px;font-weight:700;color:var(--text-1, #f8fafc);letter-spacing:-.01em}.target-subtitle-inline{font-size:12px;color:var(--text-3, #94a3b8)}.target-top-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.target-top-bar-actions .button{height:34px;padding:0 12px;font-size:12px;font-weight:600;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.target-stats-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.target-stat-mini-card{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--card-bg, rgba(15, 23, 42, .65));border:1px solid var(--border, rgba(148, 163, 184, .15));border-radius:10px;min-width:0}.stat-mini-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-mini-label{font-size:11px;font-weight:600;color:var(--text-3, #94a3b8)}.stat-mini-val{font-size:20px;font-weight:700;line-height:1.2;color:var(--text-1, #f8fafc)}.stat-mini-sub{font-size:11px;color:var(--text-3, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-panel{padding:12px 14px;display:flex;flex-direction:column;gap:10px;border-radius:12px}.target-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.target-filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.target-filter-tab{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border, rgba(148, 163, 184, .18));background:transparent;color:var(--text-2, #cbd5e1);cursor:pointer;transition:all .15s ease}.target-filter-tab.filter-active{background:#38bdf824;border-color:#38bdf86b;color:#38bdf8}.target-filter-tab.filter-tab-readonly-muted{color:var(--text-3, #64748b);border-style:dashed}.target-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.target-batch-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.batch-count{font-size:11px;font-weight:600;color:#38bdf8}.batch-btn{height:28px;padding:0 9px;font-size:11px}.target-scope-select-wrap{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--border, rgba(148, 163, 184, .2));background:var(--bg-inset, rgba(15, 23, 42, .5))}.target-scope-filter-select{border:none;background:transparent;color:var(--text-2, #cbd5e1);font-size:11px;outline:none}.target-search-box{position:relative;display:flex;align-items:center;width:220px;max-width:100%;height:30px;padding:0 26px 0 28px;border-radius:7px;border:1px solid var(--border, rgba(148, 163, 184, .2));background:var(--bg-inset, rgba(15, 23, 42, .5));box-sizing:border-box}.target-search-box>svg{position:absolute;left:9px;pointer-events:none}.target-search-input{width:100%;border:none;background:transparent;color:var(--text-1, #f8fafc);font-size:11px;outline:none}.target-search-clear{position:absolute;right:6px;border:none;background:transparent;color:var(--text-3, #94a3b8);cursor:pointer;padding:2px;display:inline-flex}.target-error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:8px;font-size:12px}.target-media-notice{padding:8px 12px;border-radius:8px;font-size:11px;background:#94a3b814;border:1px dashed rgba(148,163,184,.22);color:var(--text-3, #94a3b8)}.target-empty-state-compact{height:256px;min-height:220px;max-height:300px;padding:18px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:1px dashed var(--border, rgba(148, 163, 184, .2));border-radius:10px;background:#0f172a40}.target-empty-icon-wrap{width:38px;height:38px;border-radius:10px;background:#38bdf81f;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.target-empty-title{margin:0;font-size:14px;font-weight:700;color:var(--text-1, #f8fafc)}.target-empty-desc{margin:0;font-size:12px;color:var(--text-3, #94a3b8);max-width:460px;line-height:1.4}.target-empty-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:4px}.target-quick-template-group{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.target-empty-btn-primary,.target-quick-template-btn{height:30px;padding:0 11px;font-size:11px;border-radius:7px;display:inline-flex;align-items:center;gap:5px}.target-desktop-table-wrap{width:100%;overflow-x:auto}.mjj-target-table{width:100%;border-collapse:collapse;font-size:12px}.mjj-target-table th{padding:9px 10px;text-align:left;font-size:11px;font-weight:600;color:var(--text-3, #94a3b8);border-bottom:1px solid var(--border, rgba(148, 163, 184, .16));white-space:nowrap}.mjj-target-table td{padding:8px 10px;vertical-align:middle;border-bottom:1px solid var(--border, rgba(148, 163, 184, .08))}.target-col-check{width:32px;text-align:center}.target-name-stack{display:flex;flex-direction:column;gap:2px}.target-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.target-name-cell{font-weight:600;color:var(--text-1, #f8fafc)}.target-id-sub{font-size:10px;color:var(--text-3, #64748b)}.target-tag-ipqa-muted{display:inline-flex;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;border-radius:4px;background:#94a3b824;color:#94a3b8}.target-scope-cell{position:relative;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.target-scope-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid rgba(148,163,184,.24);background:#94a3b814;color:var(--text-2, #cbd5e1);cursor:pointer}.target-scope-badge.scope-global{color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.target-scope-badge.scope-nodes,.target-scope-badge.scope-hybrid{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa47}.target-scope-badge.scope-tags{color:#34d399;background:#34d3991f;border-color:#34d39947}.target-region-rule-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.28)}.target-scope-popover{position:absolute;top:calc(100% + 5px);left:0;z-index:60;min-width:210px;max-width:280px;padding:10px 12px;border-radius:8px;background:var(--card-bg, #0f172a);border:1px solid var(--border-strong, rgba(148, 163, 184, .28));box-shadow:0 10px 25px #00000073;font-size:11px}.target-scope-popover-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--text-1, #f8fafc);margin-bottom:6px}.target-scope-popover-close{border:none;background:transparent;color:var(--text-3, #94a3b8);cursor:pointer}.target-scope-popover-group{font-size:11px;line-height:1.45;margin-top:4px}.target-recent-status-cell{display:flex;flex-direction:column;gap:2px}.target-status-pill{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.status-dot-mini{width:6px;height:6px;border-radius:50%;background:currentColor}.target-status-pill.status-tone-online{color:#34d399;background:#10b9811f}.target-status-pill.status-tone-danger{color:#fb7185;background:#f43f5e24}.target-status-pill.status-tone-warning{color:#fbbf24;background:#f59e0b24}.target-status-pill.status-tone-unknown,.target-status-pill.status-tone-disabled{color:#94a3b8;background:#94a3b81f}.target-status-reason{font-size:10px;color:var(--text-3, #94a3b8);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-row-btn-group{display:flex;align-items:center;gap:8px;white-space:nowrap}.target-mobile-card-list{display:none;flex-direction:column;gap:10px}.target-mobile-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--border, rgba(148, 163, 184, .18));background:var(--bg-inset, rgba(15, 23, 42, .45));min-width:0;box-sizing:border-box}.target-mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.target-mobile-title-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.target-mobile-name{font-size:13px;font-weight:700;color:var(--text-1, #f8fafc);word-break:break-word}.target-mobile-card-main,.target-mobile-card-extra{display:flex;flex-direction:column;gap:5px;font-size:12px}.target-mobile-card-extra{padding-top:6px;border-top:1px dashed rgba(148,163,184,.16)}.target-mobile-kv{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.target-mobile-kv .kv-label{font-size:11px;color:var(--text-3, #94a3b8);flex-shrink:0}.target-mobile-kv .kv-val{font-size:12px;color:var(--text-1, #e2e8f0);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-mobile-expand-btn{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:4px 0;font-size:11px;font-weight:600;color:#38bdf8;background:transparent;border:none;cursor:pointer}.target-mobile-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}.target-mobile-btn{min-height:44px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border, rgba(148, 163, 184, .22));background:#ffffff08;color:var(--text-1, #f8fafc);cursor:pointer}.target-mobile-btn.is-danger{color:#fda4af;border-color:#f43f5e47}.target-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#020617ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end}.target-drawer-panel{width:580px;max-width:100vw;height:100vh;background:var(--card-bg, #0f172a);border-left:1px solid var(--border-strong, rgba(148, 163, 184, .24));box-shadow:-12px 0 36px #0000008c;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.target-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border, rgba(148, 163, 184, .16));flex-shrink:0}.target-drawer-title{margin:0;font-size:16px;font-weight:700;color:var(--text-1, #f8fafc)}.target-drawer-subtitle{margin:4px 0 0;font-size:12px;color:var(--text-3, #94a3b8)}.target-drawer-close{width:34px;height:34px;border-radius:8px;border:1px solid var(--border, rgba(148, 163, 184, .2));background:transparent;color:var(--text-2, #cbd5e1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.target-drawer-error{margin:12px 20px 0}.target-drawer-form{flex:1;display:flex;flex-direction:column;min-height:0}.target-drawer-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.target-form-section{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border, rgba(148, 163, 184, .14));background:#ffffff04}.target-section-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.target-section-title{font-size:12px;font-weight:700;color:#38bdf8}.target-scope-or-hint{font-size:11px;color:#fbbf24}.target-scope-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.target-scope-mode-btn{height:32px;padding:0 8px;border-radius:7px;font-size:11px;font-weight:600;border:1px solid var(--border, rgba(148, 163, 184, .2));background:#ffffff05;color:var(--text-2, #cbd5e1);cursor:pointer}.target-scope-mode-btn.is-active{border-color:#38bdf8;background:#38bdf824;color:#38bdf8}.target-matched-preview-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:7px;background:#38bdf812;border:1px solid rgba(56,189,248,.2);font-size:11px}.preview-badge{font-weight:700;color:#38bdf8}.preview-names{color:var(--text-2, #cbd5e1)}.target-node-picker-box,.target-tag-picker-box{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;border:1px solid var(--border, rgba(148, 163, 184, .18));background:#02061759}.target-node-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.picker-search{display:flex;align-items:center;gap:6px;flex:1 1 160px;height:30px;padding:0 8px;border-radius:6px;border:1px solid var(--border, rgba(148, 163, 184, .2));background:var(--bg-inset, rgba(15, 23, 42, .6))}.picker-search input{width:100%;border:none;background:transparent;color:var(--text-1, #f8fafc);font-size:11px;outline:none}.picker-actions{display:flex;align-items:center;gap:6px}.picker-selected-count{font-size:11px;color:var(--text-3, #94a3b8)}.picker-link-btn{padding:2px 7px;border-radius:5px;font-size:11px;border:1px solid rgba(56,189,248,.3);background:transparent;color:#38bdf8;cursor:pointer}.target-node-picker-list{max-height:165px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.target-node-picker-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;border:1px solid transparent;background:#ffffff05;font-size:12px;cursor:pointer}.target-node-picker-item.is-checked{border-color:#38bdf859;background:#38bdf814}.node-online-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.node-online-dot.is-online{background:#34d399}.node-online-dot.is-offline{background:#64748b}.node-picker-name{font-weight:600;color:var(--text-1, #f8fafc);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-picker-region{font-size:11px;color:var(--text-3, #94a3b8)}.node-picker-status{font-size:10px;padding:1px 6px;border-radius:4px}.node-picker-status.online{color:#34d399;background:#10b9811f}.node-picker-status.offline{color:#94a3b8;background:#94a3b81f}.target-tag-picker-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11px}.target-tag-chips-wrap{display:flex;flex-wrap:wrap;gap:6px}.target-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border, rgba(148, 163, 184, .24));background:#ffffff08;color:var(--text-2, #cbd5e1);cursor:pointer}.target-tag-chip.is-active{border-color:#34d399;background:#10b98124;color:#34d399}.target-tag-custom-row{display:flex;align-items:center;gap:8px}.target-advanced-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--text-2, #cbd5e1);font-size:12px;font-weight:600;cursor:pointer;padding:0}.adv-toggle-left{display:inline-flex;align-items:center;gap:6px}.adv-count-pill{padding:1px 6px;border-radius:999px;font-size:10px;background:#38bdf824;color:#38bdf8}.target-advanced-body{margin-top:8px;display:flex;flex-direction:column;gap:8px}.target-advanced-hint{margin:0;font-size:11px;color:var(--text-3, #94a3b8)}.target-region-rules-list{display:flex;flex-direction:column;gap:6px}.target-region-rule-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:6px;align-items:center}.target-rule-remove-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(244,63,94,.28);background:#f43f5e14;color:#fda4af;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.target-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--border, rgba(148, 163, 184, .16));flex-shrink:0}.target-confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:16px}.target-confirm-modal{width:100%;max-width:420px;padding:20px;border-radius:12px;background:var(--card-bg, #0f172a);border:1px solid var(--border-strong, rgba(148, 163, 184, .28));display:flex;flex-direction:column;gap:10px}.confirm-modal-head{display:flex;align-items:center;gap:8px}.confirm-modal-head h3{margin:0;font-size:16px;font-weight:700;color:var(--text-1, #f8fafc)}.confirm-modal-desc{margin:0;font-size:12px;color:var(--text-2, #cbd5e1);line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.target-auto-id-hint{font-size:11px;color:var(--text-3, #64748b);font-weight:500}.target-form-grid .field-span-full{grid-column:1 / -1}.target-internal-id-diag{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:8px 10px;margin-bottom:10px;border-radius:8px;background:#0f172a8c;border:1px dashed var(--border, rgba(148, 163, 184, .22))}.target-internal-id-diag .diag-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.target-internal-id-diag .diag-label{font-size:11px;color:var(--text-3, #94a3b8)}.target-internal-id-diag .diag-code{font-size:11px;padding:2px 6px;border-radius:4px;color:var(--text-2, #cbd5e1);background:#ffffff0d}.target-copy-id-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;min-height:28px;padding:4px 10px}@media(max-width:768px){.target-stats-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.target-desktop-table-wrap{display:none}.target-mobile-card-list{display:flex}.target-top-bar{padding:12px}.target-top-bar-actions{width:100%}.target-top-bar-actions .button{min-height:44px;flex:1 1 auto;justify-content:center}.target-toolbar{overflow:hidden;max-width:100%}.target-filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.target-filter-tabs::-webkit-scrollbar{display:none}.target-filter-tab{flex:0 0 auto;white-space:nowrap;min-height:36px}.target-toolbar-right,.target-search-box{width:100%;max-width:100%}.target-drawer-panel{width:100vw;max-width:100vw;height:100dvh;border-left:none}.target-drawer-header,.target-drawer-body,.target-drawer-footer{padding-left:14px;padding-right:14px}.target-scope-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.target-scope-mode-btn,.picker-search{min-height:38px}.target-node-picker-item{min-height:42px;padding:8px 10px}.target-tag-chip{min-height:36px;padding:6px 12px}.target-region-rule-row{grid-template-columns:1fr}.target-drawer-footer .button,.target-drawer-close{min-height:44px}.target-empty-state-compact{height:auto;min-height:220px;max-height:300px;padding:14px 12px}}