:root{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1e293b;background:#f8fafc;--muted:#64748b;--border:#e2e8f0;--accent:#0d9488;--green:#0d9488;--light-green:#f0fdfa}
body{font-size:14px;line-height:1.5;background:#f8fafc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5eead4;outline-offset:3px}
.console-sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--border);z-index:30;padding:28px 18px 20px;display:flex;flex-direction:column;gap:34px}
.console-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a;padding:0 8px}.console-logo img{width:38px;height:38px}.console-logo strong{font-size:18px;letter-spacing:-.6px;font-weight:700}.console-logo small{display:block;font-size:10px;color:#94a3b8;letter-spacing:1.1px;margin-top:1px}
.console-sidebar nav{display:flex;flex-direction:column;gap:6px}.console-nav-label{font-size:11px;font-weight:600;color:#94a3b8;padding:0 14px;margin:0 0 8px;letter-spacing:1px}.console-nav-label.tools-label{margin-top:26px}
.console-nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:13px;font-weight:500;padding:12px 14px;text-decoration:none;text-align:left;line-height:1.5}.console-nav-item svg{width:19px;height:19px;flex:none}.console-nav-item:hover{background:#f8fafc;color:#0f172a}.console-nav-item[aria-current="page"]{background:#f0fdfa;color:#0f766e;font-weight:650}.console-nav-item[aria-current="page"]:after{content:"";width:5px;height:5px;border-radius:50%;background:#14b8a6;margin-left:auto}
.console-sidebar-bottom{margin-top:auto;border-top:1px solid #f1f5f9;padding:18px 12px 0;font-size:11px;color:#94a3b8}.console-sidebar-bottom strong{display:block;font-size:12px;color:#475569;font-weight:500;margin-bottom:5px}.console-sidebar-bottom strong:before{content:"";display:inline-block;width:6px;height:6px;background:#14b8a6;border-radius:50%;margin-right:7px}
.app-shell{max-width:none;margin:0 0 0 236px;padding:0 32px}.topbar{height:72px;gap:16px;margin:0 -32px;padding:0 32px;background:#ffffffd9;border-bottom:1px solid var(--border)}.console-breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#94a3b8}.console-breadcrumb strong{font-weight:500;color:#334155}.console-breadcrumb>span:nth-child(2){color:#cbd5e1}.console-mobile-logo{display:none}.console-menu{display:none;background:#fff;border:1px solid var(--border);border-radius:8px;width:34px;height:34px;color:#475569;font-size:18px}.console-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:29;border:0}
.viewer-header-actions{max-width:none}.viewer-admin-entry{color:#475569;border-color:var(--border);border-radius:7px;font-size:12px}.viewer-admin-entry:hover{background:#f0fdfa;color:#0f766e}.viewer-connection,.connection{font-size:11px;color:#64748b}.top-actions{gap:14px}.top-actions .icon-btn{width:28px;height:28px;background:#f8fafc;border-color:#e2e8f0;color:#64748b}
main{max-width:1480px;margin:0 auto}.page-intro{padding:32px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-intro h1{font-size:25px;letter-spacing:-.7px;color:#0f172a;margin:0 0 6px;font-weight:650}.page-intro p{font-size:12px;color:#64748b;margin:0;max-width:none;line-height:1.8}.console-page-tag{font-size:10px;letter-spacing:1.6px;color:#0d9488;font-weight:600;margin-bottom:9px}.quick-test-entry{margin:0;display:block}.quick-test-entry>span{display:block;text-align:right;margin-top:8px;font-size:10px;color:#94a3b8}
.console-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.console-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px;box-shadow:0 1px 2px #0f172a03}.console-stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-size:12px}.console-stat-top svg{width:30px;height:30px;padding:7px;border-radius:8px;background:#f1f5f9;color:#64748b}.console-stat:nth-child(2) svg{color:#0d9488;background:#f0fdfa}.console-stat:nth-child(3) svg{color:#e11d48;background:#fff1f2}.console-stat:nth-child(4) svg{color:#6366f1;background:#eef2ff}.console-stat>strong{display:block;font-size:30px;color:#0f172a;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:9px 0 4px}.console-stat>small{font-size:10px;color:#94a3b8}
.channel-nav{min-height:48px;border-bottom:1px solid var(--border);gap:16px}.overview-heading h2{font-size:14px;color:#334155}.count-pill{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;font-size:10px}.channel-nav-actions{gap:14px}.channel-nav-actions .add-channel{font-size:12px;color:#475569;padding:8px 0}.channel-nav-actions #add-channel{background:#0d9488;color:white;padding:8px 12px;border-radius:7px}.group-filters{padding:20px 0 4px;gap:8px}.group-filters button{border-radius:7px;border-color:#e2e8f0;color:#64748b;padding:6px 12px;font-size:11px}.group-filters button span{background:#f1f5f9;color:#64748b;font-size:10px}.group-filters button[aria-pressed="true"]{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.group-filters button[aria-pressed="true"] span{background:#ccfbf1;color:#0f766e}
.overview-mode{background:#f1f5f9;border-color:#e2e8f0;border-radius:8px;margin:16px 0;padding:3px}.overview-mode button{border-radius:5px;font-size:11px;color:#64748b;padding:7px 16px}.overview-mode button[aria-pressed="true"]{color:#0f766e}
.button{font-size:12px;border-radius:8px;padding:10px 16px;box-shadow:none}.button.primary{background:#0d9488;border:1px solid #0d9488;color:#fff}.button.primary:hover{background:#0f766e;border-color:#0f766e}.button.secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.button.secondary:hover{background:#f8fafc}.text-button,.back-link{color:#0d9488}.button.danger-outline{background:#fff;color:#be123c;border-color:#fecdd3}
.probe-board{margin-top:18px}.pb-header{border-radius:10px;background:#fff;border-color:#e2e8f0;padding:19px 22px}.pb-header h2{font-size:17px;color:#1e293b;margin:3px 0 6px}.pb-header p,.pb-eyebrow{color:#64748b}.pb-eyebrow{font-size:9px;letter-spacing:1.2px}.pb-total{border:0;background:#f0fdfa;padding:8px 20px;border-radius:8px}.pb-total strong{font-size:24px;color:#0f766e}.pb-total strong span,.pb-total small{color:#64748b}.pb-legend{color:#64748b}.pb-group{border-color:#e2e8f0;border-radius:10px}.pb-group-heading{background:#f8fafc;border-color:#f1f5f9;padding:13px 20px}.pb-group-heading h3,.pb-channel strong,.pb-channel a{color:#334155}.pb-group-heading h3 small,.pb-channel small,.pb-history>small,.pb-columns{color:#64748b}.pb-group-heading>span{background:#f0fdfa;color:#0f766e}.pb-monogram{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.pb-row{border-color:#f1f5f9}.pb-row:hover{background:#fafcfd}.pb-row:before{width:2px}.pb-bar.healthy,.pb-legend .healthy{background:#14b8a6}.pb-bar.empty,.pb-bar.interrupted,.pb-legend .empty{background:#e2e8f0}.pb-row.healthy:before{background:#14b8a6}.pb-metric strong{color:#334155}.pb-metric small{color:#94a3b8}.pb-status.healthy{color:#0f766e;background:#f0fdfa}.pb-status.error{color:#be123c;background:#fff1f2}.pb-status.unknown,.pb-status.paused,.pb-status.stale{color:#64748b;background:#f1f5f9}.pb-query{border-color:#e2e8f0;background:#fff}.pb-query label,.pb-query-summary{color:#64748b}.pb-query select{border-color:#e2e8f0;color:#475569;background:#fff}.pb-edit{border-color:#e2e8f0;color:#475569;background:#fff}.pb-edit:hover{background:#f0fdfa;color:#0f766e}
.overview-empty{border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#64748b;padding:60px 24px;font-size:13px}.overview-empty h3{color:#334155}.card,.stats-grid,.channel-row{border-color:#e2e8f0;background:#fff;border-radius:12px}.card-heading{border-color:#e2e8f0}.section-title h3,.heading-line h2,.row-channel-name{color:#1e293b}.stat-value,.probe-metrics strong{color:#0f172a}.stat-label,.muted,.small,.channel-heading p,.page-intro p,.field-label,.probe-description,.probe-metrics small,.probe-metrics span{color:#64748b}.group-badge{background:#f1f5f9;color:#64748b}.theme-toolbar,.feature-note,.note-card{background:#f0fdfa;border-color:#ccfbf1;color:#0f766e}.thumbnail,.thumbnail-empty,.preview,.detail-preview{background:#f8fafc;border-color:#e2e8f0}.artwork-group-heading{background:#f1f5f9;border-color:#e2e8f0}.artwork-group-heading h3{color:#334155}.empty-copy{background:linear-gradient(0deg,#f8fafc 65%,transparent);color:#64748b}.empty-copy h4{color:#475569}.illustration-label{color:#94a3b8;background:#f1f5f9}
dialog{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 80px #0f172a26;padding:28px;color:#334155}dialog::backdrop{background:#0f172a66;backdrop-filter:blur(3px)}.dialog-heading h2{font-size:21px;letter-spacing:-.4px;color:#0f172a}.close-btn{color:#64748b;background:#f1f5f9;border-radius:7px}.field-help,.optional,.quick-test-intro,.quick-test-hint,.visitor-note{color:#64748b}form label{font-size:12px;color:#475569}form input,form select,form textarea{background:#fff;border-color:#cbd5e1;border-radius:8px;color:#1e293b;font-size:13px}form input::placeholder,form textarea::placeholder{color:#94a3b8}form input:focus,form select:focus,form textarea:focus{border-color:#14b8a6;outline-color:#99f6e4}.checkbox-label input{accent-color:#0d9488}details,.quick-test-defaults span{background:#f8fafc;color:#64748b}summary{color:#475569}.about-content,.about-step p{color:#64748b}.about-step h3{color:#334155}.about-note{background:#f0fdfa;color:#0f766e}.toast{background:#0f172a}.quick-test-spinner{border-top-color:#0d9488}
footer{font-size:10px;border-color:#e2e8f0;color:#94a3b8;padding:24px 0;margin-top:30px}footer img{width:16px;height:16px}.viewer-readonly-note{color:#94a3b8}
@media(min-width:1600px){.app-shell{padding:0 48px}.topbar{margin:0 -48px;padding:0 48px}}
@media(max-width:1200px){.console-sidebar{width:208px;padding-inline:12px}.app-shell{margin-left:208px;padding:0 24px}.topbar{margin:0 -24px;padding:0 24px}.console-logo strong{font-size:16px}.console-stats{gap:12px}.console-stat{padding:16px}.channel-nav{flex-wrap:wrap;padding-bottom:12px}.channel-nav-actions{flex-wrap:wrap}.page-intro h1{font-size:23px}}
@media(max-width:900px){.console-sidebar{transform:translateX(-100%);width:236px}.console-sidebar.is-open{transform:translateX(0)}.app-shell{margin-left:0}.console-menu{display:inline-block;flex:none}.console-breadcrumb{margin-right:auto}.console-breadcrumb>span{display:none}.console-mobile-logo{display:block;width:24px;height:24px}.topbar{height:64px}.console-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.connection{display:flex}}
@media(min-width:901px){.console-backdrop{display:none}}
@media(max-width:600px){.app-shell{padding:0 16px}.topbar{padding:0 16px;margin:0 -16px;gap:10px;align-items:center}.console-breadcrumb{gap:8px;font-size:12px}.console-mobile-logo{display:none}.viewer-header-actions{gap:6px;max-width:55%;flex-wrap:wrap}.viewer-connection{font-size:9px}.viewer-admin-entry{padding:5px 8px;font-size:10px}.page-intro{padding:26px 0 20px;align-items:flex-start;flex-direction:column;gap:16px}.page-intro p{font-size:12px;max-width:none}.page-intro h1{font-size:23px}.quick-test-entry>span{display:none}.console-stats{gap:10px;margin-bottom:24px}.console-stat{padding:14px 16px}.console-stat>strong{font-size:26px}.console-stat-top{font-size:11px}.console-stat-top svg{width:27px;height:27px}.console-stat>small{font-size:9px}.channel-nav-actions{width:100%;justify-content:flex-start;gap:12px;padding-top:4px}.channel-nav-actions .add-channel{font-size:11px}.group-filters button{padding:6px 10px;font-size:11px}.pb-header{padding:16px;gap:12px}.pb-header h2{font-size:16px}.pb-header p{font-size:10px}.pb-total{padding:7px 10px}.pb-total strong{font-size:23px}.pb-group-heading{padding:12px 14px}.top-actions{gap:8px}.connection{font-size:10px;max-width:115px}.overview-empty{padding:40px 18px}dialog{padding:20px}footer{font-size:9px;gap:16px}footer>span:last-child{max-width:140px}.page-intro>.button{font-size:12px}}

.pb-toolbar{background:#fff;border-color:#e2e8f0;margin-top:12px;border-radius:10px}.pb-field label,.pb-toolbar-help,.pb-footnote{color:#64748b}.pb-field select{background:#fff;border-color:#e2e8f0;color:#475569}.pb-reset{background:#fff;color:#64748b;border-color:#e2e8f0}.pb-reset:hover{background:#f8fafc}.pb-footnote{line-height:1.8}
form input[type=text],form input[type=url],form input[type=password],form input[type=number],form textarea{background:#fff;border:1px solid #cbd5e1;color:#1e293b}form input[type=text]:focus,form input[type=url]:focus,form input[type=password]:focus,form input[type=number]:focus{border-color:#14b8a6;outline-color:#99f6e4}.dialog-description,.eyebrow,summary span{color:#64748b}.channel-feature h3{color:#334155}.console-logo small{font-size:9px;letter-spacing:.6px;white-space:nowrap}.viewer-note{color:#64748b}