:root{--c-navy:#0f2035;--c-nav-active:#1d3653;--c-workspace:#f2f4f7;--c-surface:#fff;--c-text:#182b3f;--c-muted:#536375;--c-border:#d5dbe2;--c-blue:#0966b4;--c-blue-soft:#edf5fc;--c-red:#aa2323;--c-red-soft:#fff1f0;--c-amber:#825308;--c-amber-soft:#fff8e7;--c-green:#176941;--c-green-soft:#edf8f1;--c-focus:#0972d3;--c-space-1:4px;--c-space-2:8px;--c-space-3:12px;--c-space-4:16px;--c-space-6:24px;--c-space-8:32px;--c-radius:4px;color-scheme:light}body{background:var(--c-workspace);color:var(--c-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}.skip-link{position:fixed;top:-100px;left:16px;z-index:50;background:white;padding:12px;color:var(--c-blue)}.skip-link:focus{top:8px}.console-header{position:sticky;top:0;z-index:20;height:60px;background:var(--c-navy);color:#e9eef5;padding:0 24px;gap:12px;border-bottom:1px solid #33465e}.console-header strong{font-size:25px;letter-spacing:-1px;color:#fff}.console-header .brand{display:flex;align-items:center;gap:20px;min-width:0}.console-header span{margin:0;color:#ccd7e5;font-size:14px}.console-header .internal-label{font-size:12px;border-left:1px solid #516176;padding-left:20px}.console-header button{color:#e9eef5;background:transparent;border-color:#4e627c;font-size:13px;min-height:36px}.console-header button:hover{background:var(--c-nav-active)}#menuToggle{display:none}main{max-width:none;margin:0;padding:0}#workspace{padding:24px 28px 40px 252px}#workspace #nav{position:fixed;left:0;top:60px;bottom:0;width:224px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0;padding:24px 12px;background:var(--c-navy);overflow:auto;z-index:15}.nav-heading{font-size:10px;letter-spacing:1.8px;color:#b1c0d1;padding:0 12px 16px}#nav button{display:block;text-align:left;width:100%;color:#cad7e6;font-size:14px;background:transparent;border:0;border-radius:4px;min-height:44px;padding:10px 16px}#nav button:hover,#nav button[aria-current=page]{background:var(--c-nav-active);color:#fff}#nav button[aria-current=page]{box-shadow:inset 3px 0 0 #75baff;font-weight:600}#notice{margin:0 0 0 224px;padding:0 28px;color:var(--c-red);font-size:14px;min-height:0}#notice:not(:empty){padding:12px 28px;background:var(--c-red-soft)}.console-dashboard{padding:0;background:transparent;border:0;border-radius:0}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--c-muted);margin:0 0 24px}.breadcrumbs span:first-child{color:var(--c-blue)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.console-dashboard .eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--c-muted);font-weight:600}.console-dashboard h1{font-size:30px;letter-spacing:-.7px;margin:4px 0;line-height:1.25}.console-dashboard p{color:var(--c-muted);margin:8px 0}.page-heading p{font-size:14px}.page-actions{display:flex;gap:12px;flex-shrink:0}.console-dashboard button{min-height:36px;background:white;border:1px solid #8190a1;color:var(--c-blue);font-size:13px;font-weight:600;padding:7px 14px;border-radius:4px;line-height:1.5;touch-action:manipulation}.console-dashboard button:hover{background:var(--c-blue-soft);border-color:var(--c-blue)}.console-dashboard button:active{background:#dceaf8}.console-dashboard button.primary{background:var(--c-blue);border-color:var(--c-blue);color:white}.console-dashboard button.primary:hover{background:#07548f}.console-dashboard button:disabled{background:#f0f2f5;color:#677587;cursor:not-allowed;border-color:var(--c-border);opacity:1}.console-dashboard button:focus-visible,.console-header button:focus-visible,#nav button:focus-visible,.console-dashboard input:focus-visible,.review-banner select:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.overview-meta{display:flex;justify-content:space-between;color:var(--c-muted);font-size:12px;padding:16px 0;gap:16px}.console-alert{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid #c99b52;background:var(--c-amber-soft);border-radius:4px;color:var(--c-amber);margin-bottom:20px}.console-alert b{font-size:13px}.console-alert span{flex:1;min-width:180px;font-size:13px}.console-alert.error{background:var(--c-red-soft);border-color:#d89797;color:var(--c-red)}.console-alert.info{background:var(--c-blue-soft);border-color:#8caed0;color:#174c79}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--c-surface);border:1px solid var(--c-border);border-radius:4px;padding:16px 20px;min-width:0;position:relative}.metric-label{display:block;color:var(--c-muted);font-size:13px;font-weight:500}.metric-number{display:block;font-size:32px;font-weight:600;line-height:1.4;margin:6px 0;font-variant-numeric:tabular-nums}.metric-detail{font-size:12px;color:var(--c-muted)}.metric.urgent .metric-number{color:var(--c-red)}.metric.pending .metric-number{color:var(--c-amber)}.metric button.metric-link{position:absolute;inset:0;background:transparent;border:0;border-radius:4px;color:transparent}.metric:has(button:hover){border-color:var(--c-blue);background:#fbfdff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:20px;align-items:stretch}.console-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:4px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--c-border)}.card-heading h2{font-size:16px;line-height:1.4;margin:0;font-weight:600}.card-heading p{font-size:12px;margin:4px 0 0}.card-heading button{flex-shrink:0}.queue-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.queue-filters{display:flex;gap:0}.queue-filters button{border-radius:0;border-color:var(--c-border);font-size:12px;padding:8px 12px;min-height:36px}.queue-filters button:first-child{border-radius:4px 0 0 4px}.queue-filters button:last-child{border-radius:0 4px 4px 0}.queue-filters button[aria-pressed=true]{background:var(--c-blue-soft);color:#07548f;border-color:#6d9bc2;z-index:1}.queue-search{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;color:var(--c-muted);flex:1;min-width:140px;max-width:280px}.queue-search span{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.console-dashboard input{margin:0;font:inherit;background:#fff;color:var(--c-text);border:1px solid #8190a1;border-radius:4px;padding:8px 10px;min-width:0}.data-state{display:flex;min-height:212px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px}.data-state .state-icon{color:#647b93;font-size:26px}.data-state b{font-weight:600;font-size:15px}.data-state p{max-width:390px;font-size:13px;margin:0}.card-footer{border-top:1px solid var(--c-border);display:flex;justify-content:space-between;gap:8px;color:var(--c-muted);font-size:11px;padding:12px 20px}.table-wrap{padding:0 20px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:var(--c-muted);font-weight:600;padding:12px 8px;border-bottom:1px solid var(--c-border);white-space:nowrap}td{padding:14px 8px;border-bottom:1px solid #edf0f3;vertical-align:top;overflow-wrap:anywhere}td:first-child{min-width:120px;max-width:280px}td button{padding:0!important;border:0!important;min-height:28px!important;background:transparent!important;text-align:left;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:5px;background:#f0f3f6;color:#47576a;border:1px solid #d5dbe2;border-radius:3px;padding:2px 7px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.status-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge.error{background:var(--c-red-soft);color:var(--c-red);border-color:#f0c7c7}.status-badge.warning{background:var(--c-amber-soft);color:var(--c-amber);border-color:#e8d4a6}.status-badge.success{background:var(--c-green-soft);color:var(--c-green);border-color:#bbd8c5}.server-unconfirmed{text-align:center;padding:28px 24px 16px}.server-unconfirmed svg{color:#6e8298}.server-unconfirmed h3{font-size:15px;margin:10px 0}.server-unconfirmed p{font-size:13px;margin-bottom:16px}.health-footnote{padding:16px 20px;border-top:1px solid var(--c-border);font-size:12px;color:var(--c-muted)}.health-footnote strong{font-size:12px;color:var(--c-text);float:right}.health-footnote p{font-size:11px}.connection-rows{padding:0 20px}.connection-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e9edf2;min-width:0}.connection-row:last-child{border-bottom:0}.connector-icon{border:1px solid var(--c-border);background:#f8fafc;color:#4b6580;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;font-weight:600;font-size:12px;border-radius:4px}.connector-info{flex:1;min-width:0}.connector-info b{font-size:13px;display:block;font-weight:600}.connector-info span{font-size:11px;color:var(--c-muted);overflow-wrap:anywhere}.workflow{margin:20px;padding-left:20px}.workflow li{padding-left:5px;margin:14px 0;color:var(--c-muted);font-size:12px}.workflow b{display:block;font-size:13px;color:var(--c-text)}.workflow-card>button{margin:0 20px 20px}.console-dashboard pre{background:#f5f7fa;color:var(--c-text);font-size:12px;overflow-wrap:anywhere}.workflow-card pre{margin:0 20px 20px}dialog{width:min(600px,calc(100% - 32px));max-height:90vh;background:white;color:var(--c-text);padding:0;border:1px solid var(--c-border);border-radius:6px;box-shadow:0 16px 48px #0003}dialog::backdrop{background:#0f203580}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--c-border)}.dialog-header h2{margin:0}.dialog-actions{padding:20px 24px;border-top:1px solid var(--c-border)}#incidentDetail{padding:20px 24px}#incidentDetail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:13px}#incidentDetail dt{color:var(--c-muted)}#incidentDetail dd{margin:0;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}footer{margin-left:224px;color:var(--c-muted);font-size:11px}#workspace .panel:not(#dashboard){color:#eaf0f2}#login{max-width:480px;margin:60px auto;background:#fff;color:var(--c-text);border-color:var(--c-border);padding:32px}#login h1{font-size:26px}#login .eyebrow,#login p{color:var(--c-muted)}#login input{background:#fff;color:var(--c-text);border-color:#8190a1}#login button{background:var(--c-blue);color:#fff;border-color:var(--c-blue)}#login label{font-size:13px}#setup{overflow-wrap:anywhere}.review-banner{margin-left:224px;background:#edf5fc;border-bottom:1px solid #c5d7ea;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#174c79}.review-banner label{display:flex;align-items:center;gap:8px;margin:0}.review-banner select{width:auto;margin:0;padding:6px 12px;min-height:32px;border:1px solid #8190a1;background:#fff;color:var(--c-text);font:inherit}.console-dashboard[aria-busy=true] .metric-number{color:#647b93}.review-banner~main #workspace #nav{top:60px}.console-dashboard button,#nav button,.console-header button{transition:background-color .12s,border-color .12s}html{scroll-padding-top:80px}@media(min-width:1800px){#workspace{max-width:1800px}}@media(max-width:1150px){#workspace{padding:24px 20px 32px 212px}#workspace #nav{width:192px}#notice,.review-banner,footer{margin-left:192px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.metric{padding:16px}.card-heading{padding:16px}.page-actions button{padding:7px 10px}}@media(max-width:900px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}.page-actions{width:100%;justify-content:flex-end}.health-card{grid-row:auto}.console-header .internal-label{display:none}}@media(max-width:700px){.console-header{padding:0 12px;height:56px}.console-header .brand{gap:10px}.console-header span{display:none}#menuToggle{display:block;width:40px}#workspace{padding:20px 12px 28px}#workspace #nav{display:none;top:56px;width:224px;box-shadow:8px 0 24px #0003}#workspace #nav.mobile-open{display:flex}#notice,.review-banner,footer{margin-left:0}.review-banner{padding:12px;flex-direction:column;align-items:flex-start}.review-banner label{width:100%}.review-banner select{flex:1}.breadcrumbs{margin-bottom:16px}.metric-grid{gap:12px;margin-bottom:16px}.metric{padding:12px}.metric-label{font-size:12px}.metric-number{font-size:28px}.metric-detail{font-size:11px}.page-heading h1{font-size:28px}.page-heading p{font-size:13px}.page-actions{justify-content:flex-start}.overview-meta{align-items:flex-start;font-size:11px}.console-alert{padding:12px}.console-alert span{flex-basis:100%}.console-dashboard button{min-height:44px}.card-heading{flex-wrap:wrap;gap:12px}.queue-toolbar{padding:12px}.queue-filters{width:100%}.queue-filters button{flex:1;font-size:11px;padding:8px}.queue-search{max-width:none}.queue-search input{min-height:44px}.connection-rows{padding:0 12px}.connection-row{gap:8px}.connector-info b{font-size:12px}.connection-row .status-badge{font-size:10px}.card-footer{padding:12px;flex-direction:column}.card-heading h2{font-size:15px}.table-wrap{padding:0 12px}#login{margin:32px 16px;padding:24px}.skip-link:focus{top:60px}.console-header button{min-height:44px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){#nav button[aria-current=page],.queue-filters button[aria-pressed=true]{outline:2px solid Highlight}.status-badge{border:1px solid CanvasText}}
.oauth-panel{max-width:640px;margin:48px auto;padding:28px;background:#fff;border:1px solid #d5dbdb;border-radius:8px;color:#16191f}.oauth-panel label{display:block;margin:16px 0}.oauth-panel input{display:block;max-width:100%;padding:10px}.oauth-panel button{margin:8px 4px 8px 0;padding:10px}.oauth-panel [hidden]{display:none}.oauth-panel #enrollment{overflow-wrap:anywhere}@media(max-width:680px){.oauth-panel{margin:16px;padding:20px}}