:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-surface:#fafbfd;--md-sys-color-surface-container:#fff;--md-sys-color-surface-container-high:#fff;--md-sys-color-surface-container-highest:#f1f5f9;--md-sys-color-on-surface:#0f172a;--md-sys-color-on-surface-variant:#475569;--md-sys-color-outline:#dde5ef;--md-sys-color-outline-variant:#e2e8f0;--md-sys-color-primary:#1677ff;--md-sys-color-primary-hover:#2563eb;--md-sys-color-primary-container:#eaf2ff;--md-sys-color-success:#16a34a;--md-sys-color-success-container:#e7f7ec;--md-sys-color-warning:#d97706;--md-sys-color-warning-container:#fff4e5;--md-sys-color-error:#dc2626;--md-sys-color-error-container:#fdecec;--md-sys-color-info:#7c3aed;--md-sys-color-info-container:#f3edff;--font-body:Inter, "PingFang SC", "Microsoft YaHei", Roboto, "Noto Sans SC", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Roboto Mono", Consolas, monospace;--type-display:30px;--type-h1:26px;--type-h2:20px;--type-h3:17px;--type-body-lg:15px;--type-body:14px;--type-body-sm:13px;--type-label:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--navigation-width:210px;--top-bar-height:58px;--content-max-width:1440px;--radius-card:12px;--radius-control:8px;--radius-pill:999px;--line-width:1px;--motion-micro:.12s ease-out;--motion-standard:.22s cubic-bezier(.2, 0, 0, 1);--elevation-menu:0 8px 24px #0f172a1a;--elevation-dialog:0 16px 48px #0f172a29}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-surface:#111318;--md-sys-color-surface-container:#1d2025;--md-sys-color-surface-container-high:#282c32;--md-sys-color-surface-container-highest:#33373e;--md-sys-color-on-surface:#e3e2e6;--md-sys-color-on-surface-variant:#c4c6cf;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#44474e;--md-sys-color-primary:#a8c7fa;--md-sys-color-primary-hover:#c2d7ff;--md-sys-color-primary-container:#0842a0;--md-sys-color-success:#8fd49f;--md-sys-color-success-container:#0b3517;--md-sys-color-warning:#ffb95f;--md-sys-color-warning-container:#5b2d00;--md-sys-color-error:#ffb4ab;--md-sys-color-error-container:#93000a;--md-sys-color-info:#c4b5fd;--md-sys-color-info-container:#3b1e75;--elevation-menu:0 8px 24px #00000052;--elevation-dialog:0 16px 48px #00000070}*{box-sizing:border-box}html{background:var(--md-sys-color-surface);min-block-size:100%}body{background:var(--md-sys-color-surface);min-block-size:100dvh;color:var(--md-sys-color-on-surface);font-family:var(--font-body);font-size:var(--type-body);text-rendering:optimizelegibility;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--md-sys-color-primary)}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--md-sys-color-primary);color:var(--md-sys-color-surface);transition:transform var(--motion-micro);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--navigation-width) minmax(0, 1fr);min-block-size:100dvh;display:grid}.app-shell__main{grid-template-rows:var(--top-bar-height) minmax(0, 1fr);block-size:100dvh;min-inline-size:0;display:grid;overflow:hidden}.app-shell__content{min-block-size:0;padding:var(--space-3) var(--space-10) var(--space-8);overflow:auto}.page{inline-size:min(100%, var(--content-max-width));margin-inline:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-block-end:var(--space-4);display:flex}.page-header__copy{max-inline-size:720px}.page-header__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header h1,.page-header h2,.section-heading h2,.section-heading h3{color:var(--md-sys-color-on-surface);letter-spacing:-.01em;margin:0;font-weight:500}.page-header h1{font-size:var(--type-display);font-weight:700;line-height:1.2}.page-header p,.section-heading p{margin:var(--space-3) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-lg)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.section-heading h2{font-size:var(--type-h2);line-height:1.3}.section-heading h3{font-size:var(--type-h3);line-height:1.35}.section-heading p{font-size:var(--type-body-sm);margin-block-start:0}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-inline-size:0;padding:0 var(--space-4);border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);display:flex}.top-bar__leading,.top-bar__actions,.top-bar__context{align-items:center;gap:var(--space-3);display:flex}.top-bar__leading{min-inline-size:0}.top-bar__context{min-inline-size:0;color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm)}.top-bar__context strong{color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.brand-mark{border-radius:var(--radius-control);color:#fff;block-size:32px;inline-size:32px;font-size:var(--type-label);letter-spacing:.03em;background:linear-gradient(135deg,#4096ff 0%,#1677ff 55%,#0958d9 100%);flex:none;place-items:center;font-weight:700;display:grid}.brand-lockup{gap:0;min-inline-size:0;display:grid}.brand-lockup strong{font-size:var(--type-body-sm);font-weight:500;line-height:1.3}.brand-lockup span{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);line-height:1.3}.nav-rail{gap:var(--space-8);min-block-size:100dvh;padding:var(--space-6) var(--space-4);border-inline-end:var(--line-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);flex-direction:column;display:flex}.nav-rail__brand{align-items:center;gap:var(--space-3);padding-inline:var(--space-2);display:flex}.nav-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.nav-link{align-items:center;gap:var(--space-3);min-block-size:38px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);color:var(--md-sys-color-on-surface-variant);transition:background var(--motion-micro), color var(--motion-micro), transform var(--motion-micro);background:0 0;border:0;text-decoration:none;display:flex}.nav-link:hover,.nav-link:focus-visible{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.nav-link:active{transform:translateY(1px)}.nav-link[aria-current=page]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover);font-weight:500}.nav-rail__footer{gap:var(--space-3);padding:var(--space-4) var(--space-2) 0;border-block-start:var(--line-width) solid var(--md-sys-color-outline-variant);margin-block-start:auto;display:grid}.nav-rail__footer p{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);margin:0}.mobile-menu-button{display:none}.icon-button,.button{justify-content:center;align-items:center;gap:var(--space-2);border:var(--line-width) solid transparent;border-radius:var(--radius-control);min-block-size:40px;transition:background var(--motion-micro), border-color var(--motion-micro), color var(--motion-micro), transform var(--motion-micro);display:inline-flex}.icon-button{inline-size:40px;padding:var(--space-2);color:var(--md-sys-color-on-surface-variant);background:0 0}.icon-button:hover,.icon-button:focus-visible{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.icon-button:active,.button:active{transform:translateY(1px)}.button{padding:var(--space-2) var(--space-4);color:var(--md-sys-color-primary);font-size:var(--type-body-sm);white-space:nowrap;background:0 0;font-weight:500}.button:hover,.button:focus-visible{background:var(--md-sys-color-primary-container)}.button--primary{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-surface)}.button--primary:hover,.button--primary:focus-visible{border-color:var(--md-sys-color-primary-hover);background:var(--md-sys-color-primary-hover);color:var(--md-sys-color-surface)}.button--danger{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error);color:var(--md-sys-color-surface)}.button--danger:hover,.button--danger:focus-visible{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.button:disabled,.icon-button:disabled{opacity:.48}.status-chip{align-items:center;gap:var(--space-2);min-block-size:26px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--type-label);white-space:nowrap;font-weight:500;display:inline-flex}.status-chip__dot{background:currentColor;border-radius:50%;block-size:8px;inline-size:8px}.status-chip--healthy{background:var(--md-sys-color-success-container);color:var(--md-sys-color-success)}.status-chip--warning{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-warning)}.status-chip--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.status-chip--unknown,.status-chip--neutral{color:#94a3b8;background:0 0}.status-chip--info{background:var(--md-sys-color-info-container);color:var(--md-sys-color-info)}.metrics-grid,.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}.metric-card,.surface-card,.table-card,.notice-card{border:var(--line-width) solid var(--md-sys-color-outline-variant);border-radius:var(--radius-card);background:var(--md-sys-color-surface-container-high)}.surface-card{padding:var(--space-6)}.metric-card{gap:var(--space-2);min-block-size:132px;padding:var(--space-5);display:grid}.metric-card--interactive{border:var(--line-width) solid var(--md-sys-color-outline-variant);inline-size:100%;color:inherit;text-align:start}.metric-card--interactive:hover,.metric-card--interactive:focus-visible{background:var(--md-sys-color-surface-container-highest)}.metric-card__label{align-items:center;gap:var(--space-2);color:var(--md-sys-color-on-surface);font-weight:500;display:flex}.metric-card__icon{border-radius:50%;place-items:center;block-size:38px;inline-size:38px;display:grid}.metric-card__body{gap:var(--space-2);min-inline-size:0;display:grid}.metric-card__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:32px;font-weight:500;line-height:1.2}.metric-card--inline{align-items:center;gap:var(--space-3);min-block-size:0;padding:var(--space-4);grid-template-columns:46px minmax(0,1fr);display:grid}.metric-card--inline .metric-card__icon{block-size:46px;inline-size:46px}.metric-card--inline .metric-card__body{gap:2px}.metric-card--inline .metric-card__value{font-size:24px}.metric-card__icon--healthy{background:var(--md-sys-color-success-container);color:var(--md-sys-color-success)}.metric-card__icon--warning{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-warning)}.metric-card__icon--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error)}.metric-card__icon--info{background:var(--md-sys-color-info-container);color:var(--md-sys-color-info)}.metric-card__icon--neutral,.metric-card__icon--unknown{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.metric-card__detail{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label)}.metric-card--loading{background:var(--md-sys-color-surface-container)}.skeleton{border-radius:var(--radius-control);background:var(--md-sys-color-surface-container-highest);min-block-size:20px;display:block}.skeleton--wide{inline-size:72%}.skeleton--value{min-block-size:34px;inline-size:42%}.filter-bar{align-items:flex-end;gap:var(--space-3);padding:var(--space-4);border:var(--line-width) solid var(--md-sys-color-outline-variant);border-radius:var(--radius-card);background:var(--md-sys-color-surface-container);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.field{gap:var(--space-2);flex:220px;min-inline-size:0;display:grid}.field--compact{flex:0 180px}.field label,.form-field label{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);font-weight:500}.field input,.field select,.form-field input,.form-field select,.form-field textarea{min-block-size:42px;inline-size:100%;padding:var(--space-2) var(--space-3);border:var(--line-width) solid var(--md-sys-color-outline);border-radius:var(--radius-control);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.form-field textarea{resize:vertical;min-block-size:88px}.form-field{gap:var(--space-2);display:grid}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .form-field--wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-block-start:var(--space-6);display:flex}.inline-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.field input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.86}.filter-bar__meta{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm);white-space:nowrap;margin-inline-start:auto}.table-card{overflow:hidden}.table-cell-stack{gap:2px;min-inline-size:140px;display:grid}.table-cell-stack strong{font-weight:500}.table-cell-stack span{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label)}.data-table__action{min-block-size:36px;padding-inline:var(--space-3)}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;inline-size:100%;font-size:var(--type-body-sm)}.data-table caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-block-start:var(--line-width) solid var(--md-sys-color-outline-variant);text-align:start;vertical-align:top;line-height:1.3}.data-table th{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);white-space:nowrap;font-weight:500}.data-table tbody tr{transition:background var(--motion-micro)}.data-table tbody tr:hover{background:var(--md-sys-color-surface-container-highest)}.data-table--clickable tbody tr{cursor:pointer}.data-table tbody tr[data-selected=true],.data-table tbody tr[data-selected=true]:hover{background:var(--md-sys-color-primary-container)}.data-table td:first-child,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mono{white-space:nowrap}.data-table__empty{padding:var(--space-12) var(--space-6);color:var(--md-sys-color-on-surface-variant);text-align:center}.notice-card{gap:var(--space-3);padding:var(--space-6);background:var(--md-sys-color-surface-container);display:grid}.notice-card--error{border-color:var(--md-sys-color-error)}.notice-card--warning{border-color:var(--md-sys-color-warning)}.notice-card h2,.notice-card h3,.notice-card p{margin:0}.notice-card p{color:var(--md-sys-color-on-surface-variant)}.stack{gap:var(--space-6);display:grid}.stack--tight{gap:var(--space-3)}.split-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);display:grid}.detail-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));margin:0;display:grid}.detail-list div{min-inline-size:0;border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant);padding-block-end:var(--space-3)}.detail-list dt{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);margin-block-end:var(--space-1)}.detail-list dd{overflow-wrap:anywhere;margin:0}.list-reset{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.list-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-3);border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant);display:flex}.list-row:last-child{border-block-end:0}.list-row__copy{min-inline-size:0}.list-row__copy strong,.list-row__copy p{margin:0;display:block}.list-row__copy p{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm);overflow-wrap:anywhere;margin-block-start:var(--space-1)}.drawer-scrim{z-index:10;background:#1a1b1f52;border:0;position:fixed;inset:0}.drawer-scrim:disabled{cursor:default}.inspector-drawer,.confirm-dialog{z-index:11;border:var(--line-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);box-shadow:var(--elevation-dialog);position:fixed}.inspector-drawer{inline-size:min(100%,520px);transition:transform var(--motion-standard);grid-template-rows:auto minmax(0,1fr) auto;display:grid;inset-block:0;inset-inline-end:0;transform:translate(0)}.inspector-drawer__header,.inspector-drawer__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);display:flex}.inspector-drawer__header{border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant)}.inspector-drawer__footer{border-block-start:var(--line-width) solid var(--md-sys-color-outline-variant);justify-content:flex-end}.inspector-drawer__body{min-block-size:0;padding:var(--space-6);overflow:auto}.inspector-drawer h2,.confirm-dialog h2{font-size:var(--type-h3);margin:0;font-weight:500}.confirm-dialog{inline-size:min(calc(100% - var(--space-8)), 480px);padding:var(--space-6);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.confirm-dialog p{margin:var(--space-3) 0 0;color:var(--md-sys-color-on-surface-variant)}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);margin-block-start:var(--space-6);display:flex}.credential-value{align-items:center;gap:var(--space-2);display:inline-flex}.quality-severity{font-weight:500}.quality-severity--error{color:var(--md-sys-color-error)}.quality-severity--warning{color:var(--md-sys-color-warning)}.quality-severity--info{color:var(--md-sys-color-info)}.quality-severity--neutral{color:var(--md-sys-color-on-surface)}.quality-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.quality-list li{gap:var(--space-3);padding-block:var(--space-3);border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.quality-list li:last-child{border-block-end:0}.quality-list p,.quality-list strong{margin:0}.quality-list p{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm);margin-block-start:var(--space-1)}.quality-summary{gap:var(--space-2) var(--space-3);font-size:var(--type-body-sm);flex-wrap:wrap;margin-block-start:0;display:flex}.overview-split{gap:var(--space-5);grid-template-columns:2fr 3fr;align-items:start;display:grid}.overview-split>.surface-card{padding:var(--space-4) var(--space-5)}.quality-empty{justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;display:grid}.quality-empty__mark{background:var(--md-sys-color-success-container);block-size:58px;inline-size:58px;color:var(--md-sys-color-success);border-radius:50%;place-items:center;margin-block-end:var(--space-2);display:grid}.quality-empty strong{color:var(--md-sys-color-on-surface);font-size:var(--type-body);font-weight:600}.quality-empty p{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm);margin:0}.quality-empty .button{border:var(--line-width) solid var(--md-sys-color-primary);margin-block-start:var(--space-5)}.table-footer{align-items:center;gap:var(--space-4);margin-block-start:var(--space-3);padding-block-start:var(--space-2);display:flex}.table-footer__link{color:var(--md-sys-color-primary);font-size:var(--type-body-sm);text-decoration:none}.table-footer__link:hover,.table-footer__link:focus-visible{text-decoration:underline}.table-footer .table-pagination{margin-block-start:0;margin-inline-start:auto;padding-block-start:0;padding-inline-end:0}.operator-badge{padding:2px var(--space-2);font-size:var(--type-label);border-radius:5px;align-items:center;font-weight:500;display:inline-flex}.operator-badge--unicom{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover)}.operator-badge--telecom{background:var(--md-sys-color-success-container);color:var(--md-sys-color-success)}.operator-badge--mobile{background:var(--md-sys-color-info-container);color:var(--md-sys-color-info)}.operator-badge--default{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}tr.line-row--unicom{box-shadow:inset 2px 0 0 0 var(--md-sys-color-primary)}tr.line-row--telecom{box-shadow:inset 2px 0 0 0 var(--md-sys-color-success)}tr.line-row--mobile{box-shadow:inset 2px 0 0 0 var(--md-sys-color-info)}.filter-dot{border-radius:50%;block-size:7px;inline-size:7px;display:inline-block}.filter-dot--green{background:var(--md-sys-color-success)}.filter-dot--orange{background:var(--md-sys-color-warning)}.filter-dot--gray{background:#94a3b8}.quality-list__body{min-inline-size:0}.quality-list__toggle{margin-block-start:var(--space-4)}.resource-meta{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label)}.mobile-only{display:none}.login-page{min-block-size:80dvh;padding:var(--space-6);place-items:center;display:grid}.login-card{gap:var(--space-3);inline-size:min(100%,360px);padding:var(--space-8);border:var(--line-width) solid var(--md-sys-color-outline-variant);border-radius:var(--radius-card);background:var(--md-sys-color-surface-container);display:grid}.login-card .brand-mark{margin-block-end:var(--space-2)}.login-card h1{font-size:var(--type-h2);margin:0;font-weight:700}.login-card__sub{margin:0 0 var(--space-4);color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm)}.login-card__error{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--md-sys-color-error-container);color:var(--md-sys-color-error);font-size:var(--type-body-sm);margin:0;display:flex}.login-card__submit{justify-content:center;inline-size:100%}.login-card__foot{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);display:flex}@media (width<=1023px){:root{--navigation-width:216px}.app-shell__content{padding-inline:var(--space-4)}.page-header h1{font-size:var(--type-h1)}.split-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.app-shell{display:block}.nav-rail{z-index:12;inline-size:min(86vw, var(--navigation-width));transition:transform var(--motion-standard);position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.nav-rail[data-open=true]{transform:translate(0)}.mobile-menu-button,.mobile-only{display:inline-flex}.top-bar{min-block-size:var(--top-bar-height)}.top-bar .top-bar__context{display:none}.app-shell__main{min-block-size:100dvh}.app-shell__content{min-block-size:calc(100dvh - var(--top-bar-height));padding-block:var(--space-8)}.page-header{gap:var(--space-4);margin-block-end:var(--space-6);display:grid}.page-header h1{font-size:var(--type-h1)}.page-header p{font-size:var(--type-body)}.filter-bar{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.field,.field--compact{inline-size:100%}.filter-bar__meta{margin-inline-start:0}.section-heading{align-items:flex-start;display:grid}.data-table th,.data-table td{padding-inline:var(--space-3)}.inspector-drawer{inline-size:100%}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .form-field--wide{grid-column:auto}.page-header__actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}:root *,:root :before,:root :after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.breach-columns{gap:var(--space-4);grid-template-columns:43fr 57fr;align-items:start;display:grid}.breach-columns>.surface-card{gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-direction:column;display:flex}.breach-columns .table-card{background:0 0;border:0;border-radius:0}.breach-columns .data-table th{padding-block:var(--space-2);background:0 0}.breach-columns .data-table td{padding-block:7px}.breach-columns .table-cell-stack strong{text-overflow:ellipsis;white-space:nowrap;max-inline-size:260px;font-weight:500;overflow:hidden}.breach-columns>.surface-card{gap:var(--space-2)}.breach-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.date-range{align-items:center;gap:var(--space-1);min-block-size:34px;padding:0 var(--space-2);border:var(--line-width) solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);border-radius:6px;display:inline-flex}.date-range input{min-block-size:30px;inline-size:105px;color:var(--md-sys-color-on-surface);font-family:var(--font-mono);font-size:var(--type-label);background:0 0;border:0}.date-range input:focus-visible{outline:none}.breach-toolbar .button{min-block-size:32px;padding:var(--space-1) var(--space-3);border-radius:6px}.table-pagination{justify-content:center;align-items:center;gap:var(--space-1);padding-block:var(--space-2) 0;margin-block-start:auto;display:flex}.table-pagination__page{min-block-size:30px;min-inline-size:30px;padding:0 var(--space-2);border:var(--line-width) solid transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-mono);font-size:var(--type-label);font-variant-numeric:tabular-nums;transition:background var(--motion-micro), border-color var(--motion-micro), color var(--motion-micro);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.table-pagination__page:hover,.table-pagination__page:focus-visible{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.table-pagination__page[aria-current=page]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover);font-weight:600}.table-pagination__ellipsis{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);padding:0 var(--space-1)}.table-pagination__page:disabled{opacity:.4;cursor:default}.field--search{flex:320px;max-inline-size:640px;position:relative}.filter-bar:has(.field--search){flex-wrap:nowrap;align-items:center}.filter-bar:has(.field--search) .stream-filter-tabs{margin-inline-start:auto}.field--search .phosphor-search-icon{color:var(--md-sys-color-on-surface-variant);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);translate:0 -50%}.field--search input{padding-inline-start:var(--space-8)}@media (width<=1199px){.breach-columns{grid-template-columns:minmax(0,1fr)}}.app-shell__content::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.app-shell__content::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:8px}.table-scroll::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:8px}.app-shell__content::-webkit-scrollbar-track{background:0 0}.table-scroll::-webkit-scrollbar-track{background:0 0}.streams-page__stack{gap:var(--space-4)}.streams-search{background:0 0;border:0;align-items:center;margin-block-end:0;padding:0}.streams-search .field--search{flex:320px;max-inline-size:none}.stream-server-card__eyebrow{color:var(--md-sys-color-primary);font-size:var(--type-label);letter-spacing:.03em;font-weight:500}.stream-filter-group{gap:var(--space-2);border:0;flex:100%;min-inline-size:0;margin:0;padding:0;display:grid}.stream-filter-group legend{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);padding:0;font-weight:500}.stream-filter-tabs{gap:var(--space-2);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex}.stream-filter-tab{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:34px;padding:var(--space-1) var(--space-3);border:var(--line-width) solid var(--md-sys-color-outline);border-radius:var(--radius-control);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);font-size:var(--type-body-sm);transition:background var(--motion-micro), border-color var(--motion-micro), color var(--motion-micro), transform var(--motion-micro);display:inline-flex}.stream-filter-tab:hover,.stream-filter-tab:focus-visible{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover)}.stream-filter-tab:active{transform:translateY(1px)}.stream-filter-tab[aria-pressed=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover);font-weight:500}.stream-filter-tab__count{color:inherit;font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (width<=1023px){.streams-page .page-header p{font-size:var(--type-body);word-break:keep-all}}@media (width<=767px){.stream-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stream-filter-tab:last-child{grid-column:1/-1}}.streams-board{gap:var(--space-5);grid-template-columns:234px minmax(0,1fr);align-items:start;display:grid}.server-panel{gap:var(--space-3);padding:var(--space-4);border-inline-end:var(--line-width) solid var(--md-sys-color-outline-variant);flex-direction:column;display:flex}.server-panel__title{color:var(--md-sys-color-on-surface);font-size:var(--type-body);margin:0;font-weight:600}.server-panel__search{flex:none}.server-panel__search input{min-block-size:36px}.server-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.server-item{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:44px;inline-size:100%;padding:var(--space-2) var(--space-3);border:var(--line-width) solid var(--md-sys-color-outline);border-radius:var(--radius-control);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:var(--type-body-sm);text-align:start;transition:background var(--motion-micro), border-color var(--motion-micro), color var(--motion-micro);display:flex}.server-item:hover,.server-item:focus-visible{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover)}.server-item[aria-current=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary-hover);font-weight:600}.server-item__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.server-item__count{color:var(--md-sys-color-on-surface-variant);font-family:var(--font-mono);font-size:var(--type-label);font-variant-numeric:tabular-nums;flex:none}.server-item[aria-current=true] .server-item__count{color:inherit}.stream-server-card{border:var(--line-width) solid var(--md-sys-color-outline-variant);border-radius:var(--radius-card);background:var(--md-sys-color-surface-container);overflow:hidden}.stream-server-card__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.stream-server-card__identity{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.stream-server-card__mark{border-radius:var(--radius-control);background:var(--md-sys-color-primary-container);block-size:38px;inline-size:38px;color:var(--md-sys-color-primary);flex:none;place-items:center;display:grid}.stream-server-card h2{font-size:var(--type-h3);margin:0;font-weight:700;line-height:1.3}.stream-server-card__id{align-items:center;gap:var(--space-1);color:var(--md-sys-color-on-surface-variant);font-family:var(--font-mono);font-size:var(--type-label);display:inline-flex}.stream-server-card__id .icon-button{min-block-size:22px;inline-size:22px;padding:2px}.stream-server-card__summary{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stream-server-card__stats{border-block:var(--line-width) solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stream-server-card__stats div{padding:var(--space-3) var(--space-5);border-inline-end:var(--line-width) solid var(--md-sys-color-outline-variant);gap:2px;display:grid}.stream-server-card__stats div:last-child{border-inline-end:0}.stream-server-card__stats dt{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label)}.stream-server-card__stats dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:600;line-height:1.2}.stream-server-card__stats dd .status-chip{font-family:var(--font-body)}.stream-server-card .table-card{background:0 0;border:0;border-radius:0}.stream-server-card .data-table th{padding-block:var(--space-2);background:0 0}.stream-server-card .data-table td{padding-block:4px}.stream-server-card .data-table td:first-child{min-inline-size:150px}.streams-pagination-bar{margin-block-start:var(--space-4);padding-inline-end:96px;position:relative}.table-pagination__size{align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.table-pagination__size select{min-block-size:30px;padding:0 var(--space-2);border:var(--line-width) solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);border-radius:6px}.stream-row__supporting{color:var(--md-sys-color-on-surface-variant);font-size:var(--type-label);line-height:1.4;display:none}.stream-data-note{gap:var(--space-3);padding:var(--space-4) var(--space-6);border:var(--line-width) solid var(--md-sys-color-outline-variant);border-radius:var(--radius-card);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);grid-template-columns:auto minmax(0,1fr);display:grid}.stream-data-note strong,.stream-data-note p{margin:0}.stream-data-note strong{color:var(--md-sys-color-on-surface);font-size:var(--type-body-sm)}.stream-data-note p{font-size:var(--type-label);margin-block-start:var(--space-1)}@media (width<=1023px){.streams-board{grid-template-columns:minmax(0,1fr)}.server-panel{border-inline-end:0;border-block-end:var(--line-width) solid var(--md-sys-color-outline-variant)}.server-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=767px){.stream-server-card__header{gap:var(--space-4);padding:var(--space-5) var(--space-4);display:grid}.stream-server-card__summary{justify-content:flex-start;padding-inline-start:calc(38px + var(--space-3))}.stream-server-card__stats div{padding-inline:var(--space-4)}.stream-server-card .data-table th:nth-child(n+4),.stream-server-card .data-table td:nth-child(n+4){display:none}.stream-server-card .data-table th,.stream-server-card .data-table td{padding-inline:var(--space-3)}.stream-server-card .data-table td:first-child{inline-size:72%}.stream-row__supporting{display:block}.table-cell-actions{align-items:center;gap:var(--space-1);display:inline-flex}.streams-pagination-bar{padding-inline-end:0}.table-pagination__size{margin-inline-start:var(--space-2);position:static}}