:root{--bg:#f0f1f3;--surface:#fff;--border:#c8cdd6;--border-lt:#e2e5ea;--text:#1a1c1f;--muted:#5a6170;--header:#6b82a0;--header-logo:#e8edf3;--menu-link:#9fafc2;--menu-link-hover:#b0c8e0;--label-bg:#eaecf0;--label-txt:#3a3f4a;--accent:#06c;--accent-dk:#004f9f;--on:#1a7f3c;--up-bg:#d6f0e0;--up-border:#a8dcc0;--on-dot:#28a653;--nav:#1b2231;--nav-border:#2e3a50;--nav-hl:#3d8bcd;--iface-id:#ebf3fb;--iface-border:#b8d4ee;--subnav:#253045;--link-se:#7a95b4;--link-active:#c8dcef;--link-hover:#c8d8e8;--sep:#3d5070;--cur:#a0b8d0;--card-header-bg:#f5f6f9;--mono:ui-monospace,'SF Mono','Menlo','Consolas','Liberation Mono',monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--width:900px;--pad-h:16px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--sans);font-size:13px;line-height:1.5;background:var(--bg);color:var(--text)}.xn-inner{max-width:var(--width);width:100%;margin:0 auto;padding:0 var(--pad-h)}.xn-appbar{background:var(--nav);border-bottom:1px solid var(--nav-border);position:sticky;top:0;z-index:100}.xn-appbar .xn-inner{display:flex;align-items:center;justify-content:space-between;height:44px;position:relative}.xn-appbar-left{display:flex;align-items:center;gap:16px}.xn-logo{display:flex;align-items:center;gap:9px}.xn-logo-mark{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0}.xn-logo-mark img{display:block;width:22px;height:22px;object-fit:contain}.xn-logo-name{font-weight:600;font-size:13.5px;color:var(--header-logo);letter-spacing:.3px;white-space:nowrap}.xn-logo-version{font-family:var(--mono);font-size:10px;color:var(--header);letter-spacing:.5px;padding:1px 5px;border:1px solid var(--nav-border);border-radius:2px}.xn-nav{padding-left:12px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--header);font-family:var(--mono)}.xn-nav-link{color:var(--header-link);white-space:nowrap;flex-shrink:0;text-decoration:none;transition:color .15s;line-height:1}.xn-nav-link:hover{color:var(--menu-link-hover)}.xn-nav-link.active{color:var(--link-active);font-weight:500}.xn-nav .sep{color:var(--sep)}.xn-nav .cur{color:var(--cur)}.xn-appbar-right{display:flex;align-items:center;gap:12px}.xn-appbar-link{font-size:11.5px;font-family:var(--mono);color:var(--link-se);text-decoration:none;padding:4px 8px;border-radius:3px;border:1px solid transparent;transition:border-color .15s,color .15s}.xn-appbar-link:hover{color:var(--link-hover);border-color:var(--nav-border)}.xn-menu-btn{display:none}.xn-mobile-menu{display:none;position:absolute;top:100%;right:0;min-width:220px;background:var(--nav);border:1px solid var(--nav-border);border-top:2px solid var(--nav-hl);border-radius:0 0 4px 4px;z-index:200;box-shadow:0 8px 20px rgba(0,0,0,0.4)}.xn-mobile-menu.open{display:block}.xn-mobile-menu-item{display:block;font-size:12px;color:var(--link-se);padding:12px 16px;text-decoration:none;border-bottom:1px solid var(--nav-border);transition:background .12s,color .12s}.xn-mobile-menu-item:last-child{border-bottom:0}.xn-mobile-menu-item:hover{background:var(--subnav);color:var(--link-active)}.xn-mobile-menu-item.active{color:var(--link-active);font-weight:600;background:var(--sep);border-left:3px solid var(--nav-hl);padding-left:13px}.xn-subnav-wrap{background:var(--subnav);border-bottom:1px solid var(--nav)}.xn-subnav-wrap .xn-inner{display:flex;align-items:center;justify-content:space-between;min-height:34px}.xn-subnav{display:flex;align-items:center}.xn-subnav-tab{font-size:11.5px;color:var(--link-se);padding:8px 12px;display:flex;align-items:center;white-space:nowrap;flex-shrink:0;border-bottom:2px solid transparent;text-decoration:none;transition:color .15s;line-height:1}.xn-subnav-tab:hover{color:var(--menu-link-hover)}.xn-subnav-tab.active{color:var(--link-active);font-weight:500;border-bottom-color:var(--nav-hl)}.xn-subnav-meta{font-family:var(--mono);font-size:10.5px;color:var(--header);white-space:nowrap;flex-shrink:0}.xn-page{max-width:var(--width);width:100%;margin:20px auto!important;padding:0 var(--pad-h) 1.5px!important}.xn-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.xn-page-eyebrow{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px}.xn-page-title{font-size:20px;font-weight:600;letter-spacing:-0.2px;display:flex;align-items:center;gap:10px}.xn-iface-id{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent);background:var(--iface-id);border:1px solid var(--iface-border);border-radius:3px;padding:2px 8px;letter-spacing:.5px}.xn-page-subtitle{font-size:12px;color:var(--muted);margin-top:3px}.xn-status-badge{display:inline-flex;align-items:center;gap:6px;background:var(--up-bg);border:1px solid var(--up-border);border-radius:3px;padding:5px 12px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--on);letter-spacing:.5px;flex-shrink:0}.xn-status-dot{width:7px;height:7px;background:var(--on-dot);border-radius:50%;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(0.85)}}.xn-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:16px;overflow:hidden}.xn-card-header{display:flex;align-items:center;height:36px;min-height:36px;padding:0 16px;justify-content:space-between;background:var(--card-header-bg);border-bottom:1px solid var(--border)}.xn-card-title{font-size:11.5px;font-weight:600;color:var(--accent-dk);letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.xn-card-title-icon{width:3.95px;height:16px;background:var(--accent);border-radius:2px;flex-shrink:0}.xn-card-badge{font-family:var(--mono);font-size:10px;color:var(--muted);background:var(--label-bg);border:1px solid var(--border-lt);padding:1px 6px;border-radius:2px}.xn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.xn-grid-2 .xn-card{margin-bottom:0}.xn-metrics{display:flex;border-bottom:1px solid var(--border-lt)}.xn-metric{flex:1;padding:12px 16px;border-right:1px solid var(--border-lt)}.xn-metric:last-child{border-right:0}.xn-metric-label{font-size:10.5px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.xn-metric-value{font-family:var(--mono);font-size:13px;font-weight:500}.xn-metric-value.green{color:var(--on)}.xn-metric-value.blue{color:var(--accent)}.xn-kv{width:100%;border-collapse:collapse}.xn-kv tr:hover th,.xn-kv tr:hover td{background:var(--card-header-bg)}.xn-kv tr:last-child th,.xn-kv tr:last-child td{border-bottom:0}.xn-kv th,.xn-kv td{height:36px;min-height:36px;padding:0 16px}.xn-kv th{width:38%;font-size:12px;font-weight:500;color:var(--label-txt);border-bottom:1px solid var(--border-lt);border-right:1px solid var(--border-lt);text-align:left;vertical-align:middle}.xn-kv td{font-family:var(--mono);font-size:12px;border-bottom:1px solid var(--border-lt);vertical-align:middle;word-break:break-word}.xn-chip{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:2px;border:1px solid}.xn-chip-up{background:var(--up-bg);border-color:var(--up-border);color:var(--on);font-weight:600}.xn-chip-on{background:var(--iface-id);border-color:var(--iface-border);color:var(--accent-dk)}.xn-chip-off{background:var(--bg);border-color:var(--border);color:var(--muted)}.xn-footer{background:var(--nav);border-top:1px solid var(--nav-border)}.xn-footer .xn-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}.xn-footer-left{display:flex;align-items:center}.xn-footer-right{display:flex;align-items:center}.xn-footer-link{font-family:var(--mono);font-size:11px;color:var(--link-se);text-decoration:none;transition:color .15s}.xn-footer-link:hover{color:var(--link-hover)}.xn-footer-sep{width:1px;height:12px;background:var(--nav-border)}@media(max-width:860px){.xn-grid-2{grid-template-columns:1fr;gap:16px}.xn-metrics{flex-wrap:wrap}.xn-metric{flex:none;width:50%;border-bottom:1px solid var(--border-lt)}.xn-metric:nth-child(even){border-right:0}.xn-metric:last-child,.xn-metric:nth-last-child(2):nth-child(odd){border-bottom:0}.xn-nav{gap:6px}}@media(max-width:680px){.xn-nav{display:none}.xn-subnav-wrap{display:none}}@media(max-width:501px){.xn-appbar .xn-inner{height:auto;min-height:48px;padding:12px}.xn-appbar-right{display:none}.xn-logo-name{font-size:16px}.xn-menu-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--sep);border-radius:3px;color:var(--link-active);font-size:13px;font-weight:500;padding:6px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .15s,background .15s}.xn-menu-btn:hover{background:var(--subnav);border-color:var(--header)}.xn-menu-btn[aria-expanded="true"]{background:var(--subnav);border-color:var(--nav-hl)}.xn-menu-btn[aria-expanded="true"] #menuChevron{transform:rotate(180deg)}#menuChevron{transition:transform .2s;flex-shrink:0}.xn-subnav-wrap{display:none}.xn-page{margin:0;padding:16px 16px 0}.xn-page-header{margin-bottom:16px}.xn-page-eyebrow{font-size:10px}.xn-page-title{font-size:16px;flex-wrap:wrap;gap:8px}.xn-iface-id{font-size:12px}.xn-page-subtitle{font-size:11.5px;word-break:break-word}.xn-status-badge{font-size:12px;padding:2px 8px}.xn-card{margin-bottom:16px}.xn-card-header{padding:16px}.xn-card-title{font-size:11px}.xn-grid-2{gap:16px;margin-bottom:16px}.xn-metrics{display:grid;grid-template-columns:1fr 1fr}.xn-metric{width:auto;flex:unset;padding:12px;border-right:0;border-bottom:1px solid var(--border-lt)}.xn-metric:nth-child(odd){border-right:1px solid var(--border-lt)}.xn-metric:nth-child(even){border-right:0}.xn-metric:last-child,.xn-metric:nth-last-child(2):nth-child(odd){border-bottom:0}.xn-metric-label{font-size:10px}.xn-metric-value{font-size:12.5px}.xn-kv{table-layout:fixed}.xn-kv tr{display:block;border-bottom:1px solid var(--border-lt)}.xn-kv tr:last-child{border-bottom:0}.xn-kv tr:hover th,.xn-kv tr:hover td{background:transparent}.xn-kv th,.xn-kv td{display:flex;align-items:center;width:100%;height:36px;min-height:36px;padding:0 16px;border-right:0;border-bottom:0;white-space:normal;word-break:break-word;font-size:13px}.xn-kv th{background:var(--label-bg);font-weight:600;color:var(--muted)}.xn-kv td{background:var(--surface)}.xn-kv tr:last-child th,.xn-kv tr:last-child td{border-bottom:0}.xn-chip{font-size:12px;padding:3px 8px}.xn-footer .xn-inner{padding:12px}.xn-footer-left{font-size:11px}.xn-footer-link{font-size:11px}}.xn-ext{color:gray;filter:grayscale(100%);opacity:.6;pointer-events:none;cursor:not-allowed}