.monitor-resource{min-width:98px;display:grid;gap:5px;color:var(--text);font-variant-numeric:tabular-nums}.monitor-resource__reading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;line-height:1.25}.monitor-resource__label,.monitor-resource__capacity{color:var(--muted);font-size:12px;white-space:nowrap}.monitor-resource__reading strong{color:var(--text);font-size:13px;font-weight:600}.monitor-resource__track{height:4px;border-radius:2px;overflow:hidden;background:var(--surface-subtle)}.monitor-resource__track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.monitor-resource__track--unavailable{background:none;border-bottom:1px dashed var(--line-strong);border-radius:0}.monitor-resource--compact{gap:4px}.monitor-resource--compact .monitor-resource__label{display:none}.monitor-resource--compact .monitor-resource__reading{justify-content:flex-end}.monitor-resource--compact .monitor-resource__capacity{font-size:11px}.monitor-sparkline{display:block;max-width:100%;overflow:visible;color:var(--accent);flex-shrink:0}.monitor-sparkline__baseline{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.monitor-sparkline__line{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.monitor-sparkline__isolated,.monitor-sparkline__latest{fill:currentColor}.monitor-sparkline--empty{color:var(--quiet);font-size:13px}.server-monitor-workspace{padding-top:6px}.server-monitor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 10px}.server-monitor-totals{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-right:auto;color:var(--muted);font-size:12px}.server-monitor-totals strong{color:var(--text);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;margin-right:4px}.monitor-refresh-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.monitor-refresh-control select{width:auto;height:32px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:4px 24px 4px 8px}.monitor-feed-state{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;color:var(--quiet);font-size:11px;margin-bottom:14px}.server-monitor-table table{min-width:1080px}.server-monitor-table th{white-space:nowrap}.server-monitor-table td{vertical-align:middle;font-variant-numeric:tabular-nums;padding-top:18px;padding-bottom:18px}.server-monitor-table td:first-child{width:36px}.server-monitor-table td:nth-last-child(-n+3){width:140px;min-width:124px}.server-monitor-table .monitor-resource{width:112px}.server-monitor-table .monitor-sparkline{margin-top:6px}.server-monitor-name{display:flex;align-items:baseline;gap:7px;font-size:13px;font-weight:600}.server-monitor-name>span:empty{display:none}.monitor-sample-time{font-size:10px!important;color:var(--quiet)!important}.server-monitor-row--inactive .monitor-resource,.server-monitor-row--inactive .monitor-sparkline{opacity:.62}.monitor-mobile-readings{display:none}.server-monitor-section,.monitor-detail{min-width:0}.monitor-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.monitor-detail-heading h2{font-size:16px;line-height:24px;font-weight:600;margin:0}.monitor-detail-heading p{color:var(--muted);font-size:12px;margin:4px 0 0}.monitor-detail-latest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:4px 0 22px;border-bottom:1px solid var(--line);margin-bottom:20px}.monitor-detail-latest .monitor-resource__reading strong{font-size:22px;font-weight:600;letter-spacing:-.025em}.monitor-detail-latest .monitor-resource__track{height:5px}.monitor-detail-latest .monitor-resource__capacity{font-size:12px}.monitor-detail-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-bottom:12px}.monitor-range-picker{display:flex;gap:4px;flex-wrap:wrap}.monitor-range-picker button{background:transparent;border:0;border-radius:4px;color:var(--muted);font-size:12px;padding:6px 10px}.monitor-range-picker button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.monitor-detail-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.monitor-detail-options label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.monitor-detail-options select{height:30px;width:auto;max-width:250px;padding:3px 25px 3px 7px;font-size:11px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.monitor-chart-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.monitor-chart-heading h3{margin:0;font-size:13px;font-weight:600}.monitor-chart-heading>span{color:var(--muted);font-size:11px}.monitor-chart-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}.monitor-chart-legend button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px}.monitor-chart-legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.monitor-chart-legend i{height:2px;width:16px;border-radius:1px;background:var(--series-color)}.monitor-chart{height:228px;min-width:0;font-variant-numeric:tabular-nums}.monitor-chart .recharts-cartesian-axis-tick-value{fill:var(--quiet);font-size:10px}.monitor-chart .recharts-cartesian-grid-horizontal line{stroke:var(--line)}.monitor-chart .recharts-tooltip-wrapper{outline:0}.monitor-chart-tooltip{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 18px var(--shadow);padding:11px 13px;font-size:12px;min-width:160px}.monitor-chart-tooltip>time{color:var(--muted);display:block;font-size:11px;margin-bottom:8px}.monitor-chart-tooltip>div{display:flex;justify-content:space-between;gap:20px;margin:4px 0}.monitor-chart-tooltip strong{font-weight:600;font-variant-numeric:tabular-nums}.monitor-chart-note{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:11px;color:var(--quiet);margin:8px 0 0}.monitor-query-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:var(--muted);font-size:12px}.monitor-latency-totals{display:flex;gap:18px;color:var(--muted);font-size:11px}.monitor-latency-totals strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.data-table time,.summary-row strong,.definition-list dd{font-variant-numeric:tabular-nums}@media(max-width:1100px){.monitor-detail-latest{gap:20px}.monitor-detail-options{margin-left:0}}@media(max-width:760px){.server-monitor-totals{width:100%;gap:20px}.server-monitor-toolbar>.button{margin-left:auto}.server-monitor-workspace .mobile-record-heading strong{font-size:14px}.monitor-mobile-readings{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:9px;font-variant-numeric:tabular-nums}.monitor-mobile-readings i{height:10px;width:1px;background:var(--line-strong);margin:0 3px}.monitor-detail-heading{align-items:flex-start}.monitor-detail-latest{gap:16px}.monitor-detail-latest .monitor-resource{min-width:0}.monitor-detail-latest .monitor-resource__reading{align-items:flex-start;flex-direction:column;gap:6px}.monitor-detail-latest .monitor-resource__reading strong{font-size:20px}.monitor-detail-latest .monitor-resource__capacity{font-size:10px;white-space:normal}.monitor-chart{height:200px}.monitor-detail-options{gap:8px 12px}.monitor-detail-options select{max-width:190px}}:root{--traffic-inbound: #4f70e8;--traffic-outbound: #159986;color-scheme:light;--canvas: #f3f4f8;--surface: #ffffff;--surface-subtle: #eef1f7;--surface-hover: #f6f7fc;--line: #e1e6ed;--line-strong: #c9d3df;--text: #182435;--muted: #5d6b7e;--quiet: #6e7c8e;--accent: #4f5bd5;--accent-hover: #414cb8;--accent-soft: #eef0ff;--blue: #3f72a8;--success: #23805b;--success-soft: #e8f4ef;--warning: #b27624;--warning-soft: #fbf3e6;--danger: #c84e55;--danger-soft: #fbecee;--focus: rgba(79, 91, 213, .72);--on-strong: #ffffff;--overlay: rgba(12, 17, 31, .36);--shadow-soft: rgba(22, 28, 48, .14);--shadow: rgba(22, 28, 48, .1);--shadow-drawer: rgba(22, 28, 48, .16);--shadow-modal: rgba(22, 28, 48, .22);--preview-light: #ffffff;--preview-canvas: #f3f4f8;--preview-dark-surface: #181f2e;--preview-dark-canvas: #101522;--qr-surface: #ffffff;--terminal-canvas: #111520;--terminal-surface: #1a2030;--terminal-line: #303b52;--terminal-text: #dce4f5;--terminal-muted: #9aa9c3;--terminal-quiet: #7f8da8;--terminal-accent: #a4afff;--terminal-warning: #edbd64;--terminal-danger: #ff8585;--terminal-success: #68d39d;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;color:var(--text);background:var(--canvas);letter-spacing:0;--accent-strong: #3845b0}:root[data-color-mode=dark]{--traffic-inbound: #91acff;--traffic-outbound: #52d5bc;color-scheme:dark;--canvas: #101522;--surface: #181f2e;--surface-subtle: #212a3d;--surface-hover: #273348;--line: #303d52;--line-strong: #465670;--text: #ecf2fa;--muted: #afbdce;--quiet: #91a1b7;--accent: #a4afff;--accent-hover: #c4ccff;--accent-soft: #262d4d;--success: #67b993;--success-soft: #20372d;--warning: #d8a75f;--warning-soft: #3b3020;--danger: #e77a80;--danger-soft: #42272a;--focus: rgba(164, 175, 255, .65);--on-strong: #11162c;--overlay: rgba(5, 8, 7, .62);--shadow-soft: rgba(0, 0, 0, .28);--shadow-drawer: rgba(0, 0, 0, .34);--shadow-modal: rgba(0, 0, 0, .42);--terminal-canvas: #0d1220;--terminal-surface: #151c2d;--terminal-line: #34415b;--terminal-text: #e2e9f8;--terminal-muted: #a3b1ca;--terminal-quiet: #8695b2;--terminal-accent: #b2bcff;--terminal-warning: #efc779;--terminal-danger: #ff9494;--terminal-success: #79dca9;--accent-strong: #c4ccff}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--canvas);color:var(--text);font-size:14px;line-height:20px}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:0}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-block-start:0}code{font-family:SFMono-Regular,Consolas,monospace}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;min-height:100vh;grid-template-columns:84px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"sidebar topbar" "sidebar main"}.sidebar{position:sticky;z-index:20;top:0;display:flex;grid-area:sidebar;height:100vh;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}.brand{display:flex;height:64px;flex:0 0 64px;align-items:center;gap:10px;padding:0 20px;color:var(--text);font-size:18px;font-weight:720}.brand svg{color:var(--accent)}.brand--compact{height:80px;flex:0 0 80px;justify-content:center;border-bottom:1px solid var(--line);padding:0}.sidebar-nav,.sidebar-system{display:grid;gap:4px;padding:12px 8px}.sidebar-system{margin-top:auto;border-top:1px solid var(--line)}.nav-item{position:relative;display:grid;min-width:0;height:64px;place-items:center;align-content:center;gap:5px;border:0;border-radius:5px;background:transparent;color:var(--muted);padding:6px 2px;font-size:11px;text-align:center}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-item.is-active:before{position:absolute;top:8px;bottom:8px;left:-8px;width:3px;background:var(--accent);content:""}.nav-item svg{flex:0 0 auto}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account{position:relative;border-top:1px solid var(--line);padding:10px 8px 14px}.account-trigger{display:grid;width:100%;min-width:0;height:44px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;padding:0 8px;text-align:left}.sidebar>.account .account-trigger{display:flex;justify-content:center;padding:0}.sidebar>.account .account-copy,.sidebar>.account .account-trigger>svg{display:none}.account-trigger:hover{background:var(--surface-hover)}.avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:720}.account-copy{min-width:0}.account-copy strong,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy small{color:var(--muted);font-size:12px}.account-menu{position:absolute;bottom:12px;left:76px;z-index:30;width:160px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);padding:6px;box-shadow:0 12px 30px var(--shadow-soft)}.account-menu button{display:flex;width:100%;height:36px;align-items:center;gap:8px;border:0;border-radius:4px;background:transparent;padding:0 10px}.account-menu button:hover{background:var(--surface-hover)}.topbar{position:sticky;z-index:15;top:0;display:flex;grid-area:topbar;min-width:0;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 97%,transparent);padding:0 20px 0 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.global-search{position:relative;display:flex;width:min(560px,58vw);height:36px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);padding:0 10px;color:var(--quiet)}.global-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.global-search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.global-search kbd{color:var(--quiet);font-size:11px}.global-search-results{position:absolute;z-index:60;top:calc(100% + 7px);right:0;left:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:0 14px 36px var(--shadow-soft)}.global-search-results button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 12px;text-align:left}.global-search-results button:last-of-type{border-bottom:0}.global-search-results button:hover,.global-search-results button:focus-visible{background:var(--surface-hover);outline:0}.global-search-results button span{min-width:0}.global-search-results strong,.global-search-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-results strong{color:var(--text);font-size:13px}.global-search-results small{margin-top:2px;color:var(--muted);font-size:11px}.global-search-results em{flex:0 0 auto;color:var(--quiet);font-size:11px;font-style:normal}.global-search-results p{margin:0;padding:18px 12px;color:var(--muted);font-size:13px;text-align:center}.topbar-actions{display:flex;min-width:0;align-items:center;gap:6px}.topbar-account-menu{display:none}.account--compact{margin:0;border:0;padding:0}.account--compact .account-trigger{display:grid;width:36px;height:36px;grid-template-columns:1fr;place-items:center;padding:0}.account--compact .account-menu{top:calc(100% + 8px);right:0;bottom:auto;left:auto;width:152px}.action-with-count{position:relative;display:inline-flex}.action-with-count b{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border:2px solid var(--surface);border-radius:9px;background:var(--danger);color:var(--on-strong);font-size:10px;line-height:13px;text-align:center}.realtime-state{color:var(--warning);font-size:12px;white-space:nowrap}.main{grid-area:main;min-width:0}.mobile-nav{display:none}.page{width:min(1600px,100%);margin:0 auto;padding:24px 28px 48px}.page-header{display:flex;min-height:52px;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.eyebrow{display:block;margin-bottom:2px;color:var(--muted);font-size:12px;font-weight:650}.page-header h1{margin:0;font-size:24px;line-height:32px;font-weight:720}.page-subtitle{margin-top:2px;color:var(--muted);font-size:12px}.detail-header{display:flex;min-height:72px;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.detail-heading{min-width:0}.detail-heading h1{margin:0;overflow:hidden;font-size:26px;line-height:34px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.detail-metadata{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:6px;color:var(--muted);font-size:12px}.page-actions,.form-actions,.action-row,.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.button,a.button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px;font-weight:640;line-height:1;white-space:nowrap}.button:hover:not(:disabled){border-color:var(--quiet);background:var(--surface-hover)}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-strong)}.button--primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button--ghost{border-color:transparent;background:transparent;color:var(--accent)}.button--danger{border-color:var(--danger);background:var(--danger);color:var(--on-strong)}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);padding:0}.icon-button:hover:not(:disabled){border-color:var(--line);background:var(--surface-hover)}.error-action{display:block;margin-top:4px}.error-diagnostics{margin-top:8px;color:var(--muted)}.error-diagnostics summary{width:max-content;cursor:pointer;font-size:12px}.error-diagnostics small{display:block;margin-top:4px;overflow-wrap:anywhere}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.summary-row>div{min-width:0;padding:13px 16px;border-right:1px solid var(--line)}.summary-row>div:last-child{border-right:0}.summary-row span,.summary-row strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row>div>span{margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:520}.summary-row>div>strong{font-size:14px}.tabs{display:flex;height:52px;align-items:flex-end;gap:24px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.tabs button{position:relative;display:inline-flex;height:52px;flex:0 0 auto;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);padding:0;font-weight:620}.tabs button span{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:10px;background:var(--surface-subtle);font-size:11px}.tabs button.is-active{color:var(--text)}.tabs button.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);content:""}.tab-content{padding-top:20px}.production-status{margin-bottom:20px}.production-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:0;border-radius:0;background:transparent;border-block:1px solid var(--line)}.production-status-grid article{min-width:0;padding:12px 14px;border-right:1px solid var(--line)}.production-status-grid article:last-child{border-right:0}.production-status-grid header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--muted);font-size:12px}.production-status-grid article>strong,.production-status-grid article>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-status-grid article>strong{font-size:14px}.production-status-grid article>small{margin-top:3px;color:var(--muted);font-size:11px}.production-status-grid article.needs-attention>small{color:var(--warning);font-weight:620;white-space:normal}.production-status-grid article>em{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.production-dependencies{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:0;border-top:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line)}.production-dependencies>div{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:space-between;gap:8px;border-right:1px solid var(--line);padding:7px 12px}.production-dependencies>div:last-child{border-right:0}.production-dependencies strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.production-dependencies>div>span{display:grid;min-width:0;gap:1px}.production-dependencies>div small{overflow:hidden;color:var(--warning);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.production-diagnostics{margin-top:8px;border-bottom:1px solid var(--line)}.production-diagnostics summary{width:fit-content;cursor:pointer;color:var(--muted);font-size:12px;font-weight:620;line-height:32px}.production-diagnostics[open]{padding-bottom:12px}.production-diagnostics .diagnostic{grid-template-columns:110px minmax(0,1fr)}.overview-grid,.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:24px;margin-top:20px}.overview-grid .section-block--span,.detail-grid .section-block--span{grid-column:1 / -1}.panel{min-width:0;border:0;border-radius:0;background:transparent}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:16px}.workbench-grid>.section-block{overflow:hidden}.workbench-grid .section-header{min-height:52px;padding:0 16px}.workbench-grid .compact-list{border-top:0}.workbench-grid .compact-row{padding-inline:16px}.workbench-attention .action-list{grid-template-columns:1fr;padding-inline:16px}.workbench-health .summary-row{grid-template-columns:repeat(5,1fr);border:0;border-radius:0;border-bottom:1px solid var(--line)}.workbench-health .summary-row>div{min-height:84px;display:grid;align-content:center;text-align:center}.workbench-health .summary-row>div>strong{font-size:20px}.workbench-traffic{display:flex;min-height:92px;align-items:center;justify-content:space-between;padding:16px}.workbench-traffic span{color:var(--muted)}.workbench-traffic strong{font-size:24px}.overview-actions{padding-bottom:6px}.action-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.action-list button{display:grid;min-width:0;min-height:64px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:9px 0;text-align:left;cursor:pointer}.action-list button:hover{color:var(--accent-strong)}.action-list button>span strong,.action-list button>span small{display:block}.action-list button>span small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.section-header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.section-header h2{margin:0;font-size:16px;line-height:22px}.section-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.runtime-latest-channel{display:flex;min-height:34px;align-items:center;gap:7px;color:var(--muted);font-size:12px}.runtime-latest-channel select{min-height:34px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);padding:0 28px 0 9px}.runtime-latest-result{margin-bottom:12px;border-top:0;border-bottom:1px solid var(--line);background:var(--surface-subtle)}.narrow-section{max-width:920px}.resource-section{padding-top:18px}.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.search{display:flex;width:min(420px,100%);height:38px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 10px;color:var(--quiet)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.compact-list{border-top:1px solid var(--line)}.compact-row{display:grid;width:100%;min-width:0;min-height:54px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px;color:var(--text);text-align:left}button.compact-row{cursor:pointer}button.compact-row:hover{background:var(--surface-hover)}button.compact-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.compact-row.is-selected{background:var(--accent-soft)}.compact-row--notification{grid-template-columns:minmax(0,1fr) auto auto}.row-main{min-width:0}.row-main strong,.row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small,.compact-row time,.compact-row>span:not(.row-main):not(.status-badge){color:var(--muted);font-size:12px}.compact-list--columns{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}th,td{min-width:0;height:48px;overflow:hidden;border-bottom:1px solid var(--line);padding:0 12px;text-align:left;vertical-align:middle}th{background:var(--surface-subtle);color:var(--muted);font-size:12px;font-weight:620}tr:last-child td{border-bottom:0}td strong,td small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td small{color:var(--muted);font-size:11px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--surface-hover)}.audit-table table{min-width:1080px}.audit-col-action{width:18%}.audit-col-resource{width:17%}.audit-col-actor{width:14%}.audit-col-risk{width:10%}.audit-col-reason{width:29%}.audit-col-time{width:12%}.audit-table td{height:58px}.audit-table .audit-reason{padding-block:9px;overflow-wrap:anywhere;line-height:19px;white-space:normal}.audit-table .audit-time{white-space:nowrap}.audit-mobile-list{display:none}.status-badge{display:inline-flex!important;width:fit-content;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:620;white-space:nowrap}.status-badge i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}.status-badge--success{color:var(--success)}.status-badge--warning{color:var(--warning)}.status-badge--danger{color:var(--danger)}.status-badge--info{color:var(--blue)}.definition-list{margin:0}.definition-list>div{display:grid;min-height:46px;grid-template-columns:130px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--line)}.definition-list dt{color:var(--muted)}.definition-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.diagnostic-list{display:grid;gap:8px;margin-top:12px}.diagnostic{display:grid;min-width:0;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;border-left:2px solid var(--line);border-radius:0;padding:10px 12px}.diagnostic--warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--line));background:var(--warning-soft)}.diagnostic--danger{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));background:var(--danger-soft)}.diagnostic--ok{background:var(--success-soft)}.diagnostic strong,.diagnostic small{display:block;min-width:0;overflow-wrap:anywhere}.diagnostic small{color:var(--muted)}.success-line{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;color:var(--success)}.check-item{display:inline-flex;align-items:center;gap:7px}.danger-zone{margin-top:32px;border-top:1px solid var(--danger);padding-top:10px}.danger-zone .section-header{border:0}.action-row{justify-content:flex-start;margin-top:20px}.field{display:grid;min-width:0;gap:6px;color:var(--muted);font-size:12px;font-weight:620}.field input,.field select,.field textarea,select,input,textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;font-weight:420}.field input,.field select,select,input{height:40px;padding:0 10px}.field textarea,textarea{resize:vertical;padding:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--focus)}.field small{color:var(--muted);font-weight:420}.field-error{color:var(--danger)!important}.input-with-action{position:relative;display:flex}.input-with-action input{padding-right:44px}.input-with-action .icon-button{position:absolute;right:2px;top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1 / -1}.form-actions{margin-top:4px}.update-center-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.update-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:6px;padding:11px 12px}.update-notice>span{display:grid;min-width:0;gap:3px}.update-notice small{color:inherit}.update-notice--warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--line));background:var(--warning-soft);color:var(--warning)}.update-form-message{margin-right:auto;color:var(--warning)}.update-source .tabs{height:46px;margin-bottom:18px}.update-source .tabs button{height:46px}.update-form{max-width:920px}.update-protection{margin-bottom:16px}.update-progress{margin-top:16px;border:0;border-radius:0;background:transparent;padding:16px 0;border-block:1px solid var(--line)}.update-progress header,.update-progress footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.update-progress header>div{display:flex;min-width:0;align-items:center;gap:12px}.update-progress header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-progress header b{flex:0 0 auto;font-variant-numeric:tabular-nums}.update-progress-track{height:7px;overflow:hidden;margin:12px 0 9px;border-radius:4px;background:var(--surface-subtle)}.update-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .32s ease}.update-progress footer{color:var(--muted);font-size:12px}.update-progress footer span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.update-progress time{flex:0 0 auto}.inline-form{display:grid;grid-template-columns:minmax(240px,420px) auto;align-items:end;gap:10px;margin:16px 0}.advanced-toggle button{border:0;background:transparent;color:var(--accent);padding:4px 0}.checkbox-grid{display:grid;gap:0;margin:0;border:1px solid var(--line);border-radius:6px;padding:0}.checkbox-grid legend{margin-left:10px;color:var(--muted);font-size:12px;font-weight:620}.checkbox-grid label{display:grid;min-height:44px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 12px}.checkbox-grid label:last-child{border-bottom:0}.checkbox-grid input{width:16px;height:16px}.grant-picker{display:grid;gap:8px}.grant-picker>header{display:flex;min-height:36px;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:12px;font-weight:620}.grant-picker>header strong{color:var(--text)}.grant-picker>header>div{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.grant-picker>header .button{min-height:32px;padding:0 10px;font-size:12px}.grant-picker>small{color:var(--warning)}.switch-row{position:relative;display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.switch-row>span strong,.switch-row>span small{display:block}.switch-row>span small{color:var(--muted)}.switch-row input{position:absolute;opacity:0}.switch-row>i{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:11px;background:var(--line-strong);transition:background .18s}.switch-row>i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--on-strong);content:"";transition:transform .18s}.switch-row input:checked+i{background:var(--accent)}.switch-row input:checked+i:after{transform:translate(16px)}.dialog-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;background:var(--overlay);animation:fade-in .12s ease-out}.drawer{position:fixed;z-index:90;top:0;right:0;display:grid;width:min(620px,100vw);height:100vh;grid-template-rows:64px minmax(0,1fr);border-left:1px solid var(--line-strong);background:var(--surface);box-shadow:-18px 0 50px var(--shadow-drawer);animation:slide-in .18s ease-out}.drawer--wide{width:min(760px,100vw)}.layer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 20px}.layer-header h2{margin:0;font-size:18px}.drawer-body{min-height:0;overflow-y:auto;padding:20px}.drawer-body>.tabs{margin-top:-20px}.drawer-flow,.enroll-result{display:grid;gap:18px;padding-top:24px}.drawer-flow--compact{grid-template-columns:1fr;padding-top:18px}.drawer-flow--compact .button{width:100%}.flow-focus{display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);padding:16px 0}.flow-focus strong,.flow-focus small{display:block}.flow-focus small,.time-note{color:var(--muted)}.flow-steps,.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stepper{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.flow-steps>*,.stepper>*{border-top:2px solid var(--line-strong);padding-top:8px;color:var(--quiet);font-size:12px}.flow-steps .check-item,.stepper .is-active{border-color:var(--accent);color:var(--accent)}.preflight-review{display:grid;gap:18px}.deployment-page{max-width:1320px}.deployment-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}.deployment-progress>div{min-height:58px;display:flex;align-items:center;gap:10px;color:var(--muted);border-right:1px solid var(--line)}.deployment-progress>div:last-child{border-right:0}.deployment-progress>div>span{inline-size:26px;block-size:26px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-size:12px}.deployment-progress .is-active{color:var(--text)}.deployment-progress .is-active>span{border-color:var(--accent);color:var(--accent)}.deployment-progress .is-complete{color:var(--success)}.deployment-progress .is-complete>span{color:#fff;border-color:var(--success);background:var(--success)}.deployment-workspace{display:grid;gap:20px;padding-block:26px}.subscription-validation{display:grid;gap:12px}.validation-summary{align-items:center;display:flex;gap:18px;min-height:32px}.validation-summary time,.validation-summary>span{color:var(--muted);font-size:13px}.compatibility-details{border-top:1px solid var(--line);padding-top:12px}.compatibility-details>summary{width:fit-content;cursor:pointer;color:var(--accent);font-weight:650}.compatibility-details[open]>summary{margin-bottom:12px}.compatibility-reason{display:block;max-width:46ch;margin-top:4px;color:var(--muted);white-space:normal}.deployment-delivery-check{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding-block:12px}.deployment-delivery-check>span{display:grid;gap:4px}.deployment-delivery-check small{color:var(--muted)}.deployment-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.deployment-workspace>header>div{display:flex;align-items:center;gap:10px}.deployment-workspace h2{margin:0;font-size:20px}.deployment-server-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.deployment-server-list>button,.deployment-selection{min-height:68px;border:0;background:var(--surface);color:inherit;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.deployment-server-list>button{cursor:pointer}.deployment-server-list>button:hover{background:var(--surface-subtle)}.deployment-user-list,.deployment-validation-grid{display:grid;gap:1px;border:1px solid var(--line);background:var(--line)}.deployment-user-list>button,.deployment-validation-grid>div{min-height:58px;border:0;background:var(--surface);color:inherit;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.deployment-user-list>button{cursor:pointer}.deployment-user-list>button:hover:not(:disabled){background:var(--surface-subtle)}.deployment-user-list>button:disabled{cursor:not-allowed;opacity:.62}.deployment-user-list span,.deployment-validation-grid span{display:grid;gap:3px;min-width:0}.deployment-user-list small,.deployment-validation-grid small{color:var(--muted)}.deployment-server-list span,.deployment-selection>span{display:grid;gap:3px;min-width:0}.deployment-server-action{display:flex!important;flex:0 0 auto;align-items:center;gap:10px!important}.deployment-server-list small,.deployment-selection small,.deployment-delivery small{color:var(--muted)}.deployment-delivery{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-block:1px solid var(--line);padding-block:18px}.deployment-delivery>div{display:grid;gap:4px}.deployment-delivery small{overflow-wrap:anywhere;word-break:break-word}.deployment-wait{display:grid;gap:6px;border-left:3px solid var(--accent);padding:12px 16px;background:var(--surface-subtle)}.deployment-wait>span{color:var(--muted)}.deployment-workflow{display:grid;gap:12px;border-top:1px solid var(--line);padding-block:20px 28px}.deployment-workflow>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}.deployment-workflow>header>div{display:grid;gap:3px;min-width:0}.deployment-workflow>header span{color:var(--muted)}.workflow-progress{overflow:hidden;height:6px;background:var(--line)}.workflow-progress>span{display:block;height:100%;background:var(--accent);transition:width .18s ease}.deployment-workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.deployment-workflow-steps>span{border-top:2px solid var(--line-strong);padding-top:7px;color:var(--quiet);font-size:12px}.deployment-workflow-steps>.is-active{border-color:var(--accent);color:var(--accent)}.deployment-workflow-steps>.is-complete{border-color:var(--success);color:var(--success)}@media(max-width:760px){.deployment-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.deployment-progress>div:nth-child(2){border-right:0}.deployment-progress>div{min-height:48px}.deployment-workspace>header{align-items:flex-start}.deployment-delivery{grid-template-columns:auto 1fr}.deployment-delivery .button{grid-column:1 / -1}.deployment-workflow>header{grid-template-columns:minmax(0,1fr) auto}.deployment-workflow>header .button{grid-column:1 / -1;justify-self:start}.deployment-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.review-section{margin-top:4px}.completion{display:grid;place-items:center;gap:8px;padding:80px 20px;text-align:center}.completion svg{color:var(--success)}.completion h2,.completion p{margin:0}.completion p{color:var(--muted)}.confirm-dialog{position:fixed;z-index:90;top:50%;left:50%;width:min(440px,calc(100vw - 32px));transform:translate(-50%,-50%);border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);padding:22px;box-shadow:0 18px 60px var(--shadow-modal)}.confirm-dialog h2{margin:8px 0;font-size:18px}.confirm-dialog p{color:var(--muted)}.confirm-icon{color:var(--warning)}.dialog-actions{margin-top:20px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(24px);opacity:.7}}.copy-value{display:flex;min-width:0;height:42px;align-items:center;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);padding-left:10px}.copy-value code{min-width:0;flex:1;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.secret-disclosure{display:grid;gap:8px;margin:16px 0;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--line));border-radius:8px;background:var(--warning-soft);padding:12px}.secret-disclosure header{display:flex;align-items:center;justify-content:space-between;gap:12px}.secret-disclosure header span{color:var(--muted);font-size:12px}.totp-setup-form{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:18px}.totp-enrollment{display:contents}.totp-qr-panel,.totp-confirm-panel{display:grid;align-content:start;gap:14px;min-width:0;border:0;border-radius:0;background:transparent;padding:16px 0}.totp-qr-panel{grid-row:span 2;justify-items:center}.totp-qr-panel header,.totp-confirm-panel header{display:flex;width:100%;align-items:baseline;gap:8px}.totp-qr-panel header span,.totp-confirm-panel header span{color:var(--accent);font-size:12px;font-weight:700}.totp-qr-panel header small{margin-left:auto;color:var(--muted)}.totp-qr-frame{display:grid;width:264px;max-width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--qr-surface);color:var(--muted);padding:12px;text-align:center}.totp-qr-frame svg{display:block;width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.totp-qr-panel p{margin:0;color:var(--muted);font-size:13px}.totp-manual-setup{grid-column:2;border-top:1px solid var(--line);padding-top:12px}.totp-manual-setup summary{color:var(--accent);cursor:pointer;font-weight:650}.totp-manual-setup>div{display:grid;gap:12px;margin-top:12px}.totp-manual-setup label{display:grid;gap:6px;color:var(--muted);font-size:12px}.totp-confirm-panel input{font-variant-numeric:tabular-nums;letter-spacing:0}.totp-recovery-note{grid-column:1 / -1;color:var(--muted);font-size:12px}.totp-recovery-note code{color:var(--text)}.section-state{display:flex;min-height:96px;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center}.section-state--error{justify-content:flex-start;min-height:60px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:6px;background:var(--danger-soft);color:var(--danger);padding:10px 12px;text-align:left}.empty-state{display:grid;min-height:116px;place-items:center;align-content:center;gap:8px;border-block:1px solid var(--line);color:var(--muted);padding:18px;text-align:center}.empty-state-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--surface-subtle);color:var(--quiet)}.empty-state>strong{color:var(--text);font-size:13px;font-weight:650}.empty-state-action{margin-top:2px}.panel>.empty-state,.table-scroll+.empty-state{border-bottom:0}.loading-block{display:grid;gap:10px;color:var(--muted)}.skeleton{display:grid;gap:8px;padding:8px 0}.skeleton i{height:42px;border-radius:5px;background:var(--surface-subtle);animation:skeleton-pulse 1.2s ease-in-out infinite alternate}@keyframes skeleton-pulse{to{opacity:.48}}.split-workspace{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:24px}.workflow-workspace{display:grid;grid-template-columns:minmax(280px,.64fr) minmax(0,1.36fr);gap:24px;align-items:start}.workflow-list{position:sticky;top:84px;max-height:calc(100vh - 112px);overflow:auto}.workflow-row{grid-template-columns:minmax(0,1fr) auto}.workflow-row-state{display:flex;align-items:center;gap:8px}.workflow-row-state b{min-width:34px;color:var(--muted);font-size:12px;text-align:right}.workflow-console-body{display:grid;gap:20px}.workflow-progress-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.workflow-progress-head strong,.workflow-progress-head small{display:block}.workflow-progress-head strong{font-size:18px}.workflow-progress-head small{margin-top:4px;color:var(--muted)}.workflow-live{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--success);font-size:11px;font-weight:700}.workflow-live i{width:7px;height:7px;border-radius:50%;background:currentColor}.workflow-live.is-refreshing i{animation:workflow-pulse .8s ease-in-out infinite alternate}@keyframes workflow-pulse{to{opacity:.28}}.workflow-progress{height:8px;overflow:hidden;background:var(--surface-subtle)}.workflow-progress>i{display:block;height:100%;background:var(--accent);transition:width .24s ease}.workflow-telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--surface-subtle)}.workflow-telemetry>div{display:grid;min-width:0;gap:5px;border-right:1px solid var(--line);padding:12px}.workflow-telemetry>div:last-child{border-right:0}.workflow-telemetry span,.workflow-telemetry small{color:var(--muted);font-size:11px}.workflow-telemetry strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.workflow-telemetry i,.workflow-steps article div>i{display:block;height:3px;overflow:hidden;background:var(--line)}.workflow-telemetry i b,.workflow-steps article div>i span{display:block;height:100%;background:var(--accent)}.workflow-telemetry--empty{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:0 14px}.workflow-telemetry--empty strong{color:var(--muted);font-size:12px}.workflow-failure{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--line));background:var(--danger-soft);color:var(--danger);padding:14px}.workflow-failure p{margin:3px 0;color:var(--text)}.workflow-failure small{color:var(--muted)}.workflow-view-switch{display:inline-flex;width:max-content;gap:2px;background:var(--surface-subtle);padding:3px}.workflow-view-switch button{min-height:34px;border:0;background:transparent;color:var(--muted);padding:0 14px;font:inherit;cursor:pointer}.workflow-view-switch button.is-active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 3px var(--shadow)}.workflow-console-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.workflow-console-grid h3,.workflow-events h3{margin:0 0 8px;font-size:15px}.workflow-steps article,.workflow-evidence article{display:grid;min-height:58px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.workflow-steps article.is-current{background:var(--accent-soft)}.workflow-steps strong,.workflow-steps small,.workflow-evidence strong,.workflow-evidence small{display:block}.workflow-steps small,.workflow-evidence small,.workflow-evidence time,.workflow-steps article>span{color:var(--muted);font-size:12px}.workflow-steps article div>i{width:min(180px,100%);margin-top:7px}.workflow-terminal{overflow:hidden;border:1px solid var(--line-strong);background:var(--terminal-canvas);color:var(--terminal-text)}.workflow-terminal>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--terminal-line);background:var(--terminal-surface);padding:11px 14px}.workflow-terminal>header strong,.workflow-terminal>header small{display:block}.workflow-terminal>header small,.workflow-terminal>header span{color:var(--terminal-muted);font-size:11px}.workflow-terminal-output{max-height:440px;overflow:auto;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.workflow-terminal-output>div{display:grid;grid-template-columns:70px 38px 38px minmax(0,1fr);gap:8px;padding:5px 12px}.workflow-terminal-output time,.workflow-terminal-output b{color:var(--terminal-quiet);font-weight:400}.workflow-terminal-output span{color:var(--terminal-accent)}.workflow-terminal-output .is-warning span{color:var(--terminal-warning)}.workflow-terminal-output .is-error span{color:var(--terminal-danger)}.workflow-terminal-output .is-success span{color:var(--terminal-success)}.workflow-terminal-output p{min-width:0;margin:0;overflow-wrap:anywhere}.workflow-artifacts{border-top:1px solid var(--line);padding-top:14px}.workflow-artifacts summary{cursor:pointer;font-weight:700}.workflow-artifacts p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;margin:0}.timeline-item--error>i{background:var(--danger)}.timeline-item--warning>i{background:var(--warning)}.timeline-item--success>i{background:var(--success)}.timeline{position:relative;padding-top:8px}.timeline-item{position:relative;display:grid;min-height:58px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.timeline-item>i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.timeline-item strong,.timeline-item small{display:block}.timeline-item small,.timeline-item time{color:var(--muted);font-size:12px}.chart,.traffic-chart{width:100%;min-height:280px;padding-top:12px}.traffic-range-picker{display:inline-flex;min-height:34px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--surface-subtle)}.traffic-range-picker button{min-width:62px;border:0;border-radius:4px;padding:0 10px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:650}.traffic-range-picker button.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow)}.traffic-chart-meta{display:flex;flex-wrap:wrap;gap:5px 14px;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:11px}.traffic-chart-meta span+span:before{margin-right:14px;color:var(--line-strong);content:"·"}.traffic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;border-block:1px solid var(--line)}.traffic-summary>div{display:grid;gap:3px;padding:10px 14px;border-right:1px solid var(--line)}.traffic-summary>div:last-child{border-right:0}.traffic-summary span{color:var(--muted);font-size:11px}.traffic-summary strong{font-size:14px}.alert-list{display:grid}.alert-list article{display:grid;min-width:0;min-height:82px;grid-template-columns:28px minmax(0,1fr) minmax(112px,auto);align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.alert-list article.is-resolved{opacity:.68}.alert-list article.is-read:not(.is-resolved){opacity:.86}.alert-content{min-width:0}.alert-title{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.alert-title strong{min-width:0;overflow-wrap:anywhere}.alert-title span{color:var(--muted);font-size:11px;white-space:nowrap}.alert-list p{margin:2px 0;color:var(--muted)}.alert-list small{color:var(--quiet)}.alert-state{display:grid;justify-items:start;gap:5px}.alert-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--warning-soft);color:var(--warning)}.alert-icon--info{background:var(--accent-soft);color:var(--blue)}.alert-icon--critical{background:var(--danger-soft);color:var(--danger)}.alert-icon--resolved{background:var(--success-soft);color:var(--success)}.setting-line{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.setting-line strong,.setting-line small{display:block}.setting-line small{color:var(--muted)}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.appearance-options button{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px;text-align:left}.appearance-options button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus)}.appearance-preview{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:5px;background:var(--preview-canvas)}.appearance-preview:before{position:absolute;inset:0 auto 0 0;width:22%;background:var(--preview-light);content:""}.appearance-preview--dark{background:var(--preview-dark-canvas)}.appearance-preview--dark:before{background:var(--preview-dark-surface)}.appearance-preview--system{background:var(--preview-dark-canvas)}.appearance-preview--system:before{width:50%;background:var(--preview-canvas)}.appearance-preview--system:after{position:absolute;inset:0 auto 0 0;width:11%;background:var(--preview-light);content:""}.subscription-main{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}.subscription-info{display:grid;gap:14px}.subscription-import{justify-self:start}.subscription-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted)}.qr{margin:0;border:1px solid var(--line);border-radius:8px;background:var(--qr-surface);padding:12px}.qr img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:crisp-edges}.qr figcaption{margin-top:10px;color:var(--muted);font-size:12px;text-align:center}.auth-page{display:grid;min-height:100vh;place-items:center;background:var(--canvas);padding:32px 20px}.auth-layout{display:grid;width:min(420px,100%)}.auth-card{display:grid;width:100%;gap:20px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);padding:32px}.auth-header{display:grid;gap:18px}.auth-header .brand{height:auto;flex-basis:auto;justify-content:flex-start;padding:0;font-size:21px}.auth-card h1{margin:0;font-size:24px}.auth-form{display:grid;gap:16px}.auth-form .button--primary{width:100%;min-height:40px;margin-top:4px}.auth-link{justify-self:center;border:0;background:transparent;color:var(--accent);padding:4px}.auth-error{border-radius:6px;background:var(--danger-soft);color:var(--danger);padding:10px 12px}.auth-totp{border-top:1px solid var(--line);padding-top:14px}.auth-totp summary{cursor:pointer;color:var(--muted);font-weight:620}.auth-totp[open] summary{margin-bottom:14px;color:var(--text)}.global-error{position:fixed;z-index:100;right:20px;bottom:20px;width:min(420px,calc(100vw - 40px))}.route-error{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.route-error section{width:min(100%,420px);padding:32px;border:0;border-radius:0;background:transparent}.route-error span{color:var(--muted)}.route-error h1{margin:8px 0 24px;font-size:24px}.route-error button{min-height:40px;padding:0 16px;border:0;border-radius:6px;color:var(--on-strong);background:var(--accent);font:inherit;font-weight:700;cursor:pointer}.settings-workspace{display:grid;grid-template-columns:184px minmax(0,1fr);align-items:start;gap:28px}.settings-navigation{position:sticky;top:82px;display:grid;gap:3px;border-right:1px solid var(--line);padding-right:16px}.settings-navigation button{display:grid;min-width:0;min-height:54px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:8px 10px;text-align:left}.settings-navigation button:hover{background:var(--surface-hover);color:var(--text)}.settings-navigation button.is-active{background:var(--accent-soft);color:var(--accent-strong)}.settings-navigation button span,.settings-navigation button strong,.settings-navigation button small{display:block;min-width:0}.settings-navigation button strong,.settings-navigation button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-navigation button strong{color:inherit;font-size:13px}.settings-navigation button small{margin-top:2px;color:var(--quiet);font-size:11px}.settings-content{min-width:0}.settings-content>.tab-content{padding-top:0}.portal{min-height:100vh;background:var(--canvas)}.portal-bar{display:flex;height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);padding:0 max(20px,calc((100vw - 1040px)/2))}.portal-bar>div{display:flex;align-items:center;gap:8px}.portal-main{width:min(1040px,100%);margin:0 auto;padding:28px 20px 64px}.portal-hero{display:flex;min-height:94px;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.portal-hero>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding-bottom:18px}.portal-hero>div>span:first-child{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:650}.portal-hero h1{margin:0;font-size:28px;line-height:36px}.portal-tabs{display:flex;align-items:flex-end;gap:24px}.portal-tabs button{display:inline-flex;height:48px;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:0}.portal-tabs button.is-active{border-color:var(--accent);color:var(--text);font-weight:650}.portal-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.portal-metrics>div{position:relative;display:grid;min-height:92px;grid-template-columns:24px minmax(0,1fr);align-content:center;column-gap:10px;border-right:1px solid var(--line);padding:14px 18px}.portal-metrics>div:last-child{border-right:0}.portal-metrics svg{grid-row:1 / 3;color:var(--accent)}.portal-metrics span{color:var(--muted);font-size:12px}.portal-metrics strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.portal-metrics i{position:absolute;right:18px;bottom:12px;left:52px;height:3px;overflow:hidden;border-radius:2px;background:var(--surface-subtle)}.portal-metrics i b{display:block;height:100%;background:var(--accent)}.portal-node-list,.portal-subscription,.portal-traffic{margin-top:26px}.portal-node-list>header,.portal-subscription>header,.portal-traffic>header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.portal-node-list>header span,.portal-subscription>header>span,.portal-traffic>header span{font-size:16px;font-weight:700}.portal-traffic>header>div{display:grid;gap:2px}.portal-traffic>header small{color:var(--muted);font-size:12px}.portal-traffic .traffic-chart{margin-top:12px}.portal-node-list>header strong{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:11px;background:var(--surface-subtle);font-size:11px}.portal-subscription>header .field{width:min(240px,50%)}.portal-node-list>div{border-bottom:1px solid var(--line)}.portal-node{display:grid;min-height:62px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid var(--line);padding:9px 4px}.portal-node:first-child{border-top:0}@media(max-width:1000px){.overview-grid,.detail-grid,.workbench-grid,.split-workspace,.workflow-workspace,.workflow-console-grid,.update-center-grid{grid-template-columns:1fr}.settings-workspace{grid-template-columns:1fr;gap:18px}.settings-navigation{position:static;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0;scrollbar-width:none}.settings-navigation button{min-width:max-content;min-height:46px;grid-template-columns:18px auto;border-radius:0;padding:7px 10px}.settings-navigation button.is-active{box-shadow:inset 0 -2px var(--accent)}.settings-navigation button small{display:none}.workflow-list{position:static;max-height:none}.section-block--span{grid-column:auto!important}.summary-row{grid-template-columns:1fr 1fr}.summary-row>div:nth-child(2n){border-right:0}.summary-row>div{border-bottom:1px solid var(--line)}.summary-row>div:last-child{border-bottom:0}.compact-list--columns{grid-template-columns:1fr}.production-status-grid{grid-template-columns:1fr 1fr}.production-status-grid article{border-bottom:1px solid var(--line)}.production-status-grid article:nth-child(2n){border-right:0}.production-status-grid article:nth-last-child(-n+2){border-bottom:0}.production-dependencies{grid-template-columns:repeat(3,minmax(0,1fr))}.production-dependencies>div:nth-child(3n){border-right:0}.production-dependencies>div:nth-child(n+4){border-top:1px solid var(--line)}.workflow-telemetry{grid-template-columns:1fr 1fr}.workflow-telemetry>div:nth-child(2n){border-right:0}.workflow-telemetry>div:nth-child(n+3){border-top:1px solid var(--line)}.action-list{grid-template-columns:1fr}.workbench-health .summary-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{display:block;padding-bottom:64px}.sidebar{display:none}.topbar{position:sticky;height:56px;gap:8px;padding:0 12px}.global-search{width:auto;min-width:0;flex:1 1 0}.topbar-actions{flex:0 0 auto}.global-search kbd,.realtime-state{display:none}.topbar-account-menu{display:block}.action-with-count b{top:-3px;right:3px}.main{min-width:0}.workflow-progress-head{align-items:stretch;flex-direction:column}.workflow-control-actions{flex-wrap:wrap}.workflow-telemetry{grid-template-columns:1fr}.workflow-telemetry>div{border-right:0;border-top:1px solid var(--line)}.workflow-telemetry>div:first-child{border-top:0}.workflow-failure{grid-template-columns:auto minmax(0,1fr)}.workflow-failure .button{grid-column:1 / -1}.workflow-terminal-output>div{grid-template-columns:62px 34px minmax(0,1fr)}.workflow-terminal-output>div span{display:none}.mobile-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;height:64px;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav .nav-item{display:grid;height:64px;place-items:center;gap:1px;border-radius:0;padding:5px 2px;font-size:11px;text-align:center}.mobile-nav .nav-item span{display:block;max-width:100%}.page{padding:18px 16px 32px}.detail-header{min-height:0;align-items:center;gap:12px;padding-bottom:14px}.detail-heading h1{font-size:21px;line-height:28px}.detail-metadata{gap:4px 10px;margin-top:4px}.workbench-grid{gap:12px}.workbench-health .summary-row{grid-template-columns:1fr 1fr}.workbench-health .summary-row>div{min-height:70px;border-bottom:1px solid var(--line)}.workbench-health .summary-row>div:nth-child(2n){border-right:0}.workbench-health .summary-row>div:last-child{grid-column:1 / -1}.auth-page{padding:24px 16px}.auth-layout{min-width:0;grid-template-columns:1fr}.auth-card{padding:24px 20px}.update-center{padding-bottom:72px}.page-header{align-items:center}.page-header h1{font-size:20px;line-height:28px}.page-actions{gap:6px}.page-actions .button--with-icon span{display:none}.page-actions .button--with-icon{width:40px;min-height:40px;padding:0}.section-actions{flex-wrap:nowrap}.section-actions .button--with-icon{width:36px;padding:0}.section-actions .button--with-icon span{display:none}.runtime-latest-channel>span{display:none}.tabs{gap:20px}.resource-toolbar{align-items:stretch}.resource-toolbar .button--with-icon span{display:none}.resource-toolbar .button--with-icon{width:40px;padding:0}.summary-row{grid-template-columns:1fr 1fr}.summary-row>div{padding:11px 12px}.traffic-range-picker button{min-width:50px;padding-inline:7px}.traffic-chart{min-height:240px;margin-left:-8px;width:calc(100% + 8px)}.traffic-chart-meta{gap:5px 10px}.traffic-chart-meta span+span:before{margin-right:10px}.production-dependencies{grid-template-columns:1fr 1fr}.production-dependencies>div,.production-dependencies>div:nth-child(3n){border-right:1px solid var(--line)}.production-dependencies>div:nth-child(2n){border-right:0}.production-dependencies>div:nth-child(n+3){border-top:1px solid var(--line)}.production-dependencies>div:last-child{grid-column:1 / -1;border-right:0}.compact-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.compact-row>span:not(.row-main):not(.status-badge),.compact-row>time{display:none}.alert-list article{grid-template-columns:28px minmax(0,1fr);align-items:start}.alert-icon{margin-top:2px}.alert-state{display:flex;grid-column:2;flex-wrap:wrap;gap:5px 12px}.diagnostic{grid-template-columns:1fr;gap:5px}.form-grid,.totp-setup-form{grid-template-columns:1fr}.totp-qr-panel{grid-row:auto}.totp-manual-setup,.span-2{grid-column:auto}.inline-form{grid-template-columns:1fr}.drawer,.drawer--wide{width:100vw}.drawer-body{padding:16px}.flow-steps{grid-template-columns:1fr 1fr}.subscription-main{grid-template-columns:1fr}.qr{width:min(260px,100%);justify-self:center}.appearance-options{grid-template-columns:1fr}.portal-bar{padding:0 16px}.portal-bar .status-badge{display:none!important}.portal-main{padding-inline:16px}.portal-hero{min-height:82px;align-items:flex-end}.portal-hero>div{padding-bottom:14px}.portal-hero h1{max-width:50vw;overflow:hidden;font-size:22px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}.portal-tabs{gap:16px}.portal-tabs button{height:44px}.portal-metrics{grid-template-columns:1fr 1fr}.portal-metrics>div{min-height:80px;border-bottom:1px solid var(--line)}.portal-metrics>div:nth-child(2){border-right:0}.portal-metrics>div:last-child{grid-column:1 / -1;border-bottom:0}.portal-subscription>header{align-items:stretch;flex-direction:column;padding-bottom:12px}.portal-subscription>header .field{width:100%}.update-progress header,.update-progress footer{align-items:flex-start}.update-progress footer{flex-wrap:wrap}.update-progress footer span:nth-child(2){order:3;width:100%;text-align:left;white-space:normal}.update-form{padding-bottom:24px}.audit-table{display:none}.audit-mobile-list{display:grid;gap:10px}.audit-mobile-list article{display:grid;gap:10px;border-bottom:1px solid var(--line);padding:2px 0 14px}.audit-mobile-list article:last-child{border-bottom:0}.audit-mobile-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audit-mobile-list header>div{display:grid;gap:2px;min-width:0}.audit-mobile-list header small,.audit-mobile-list dt{color:var(--muted)}.audit-mobile-list p{margin:0;line-height:1.55;overflow-wrap:anywhere}.audit-mobile-list dl{display:grid;gap:5px;margin:0}.audit-mobile-list dl>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px}.audit-mobile-list dt,.audit-mobile-list dd{margin:0;font-size:12px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[hidden]{display:none!important}body{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;background:var(--surface)}.console-shell{display:grid;grid-template-columns:208px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) 36px;grid-template-areas:"rail top" "rail main" "rail tasks";min-height:100vh;background:var(--surface)}.console-rail{grid-area:rail;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:0 12px;background:var(--canvas);border-right:1px solid var(--line);z-index:25}.console-rail .brand{padding:0 12px;height:76px;font-size:22px;letter-spacing:-.04em}.rail-caption{padding:12px 14px 8px;color:var(--quiet);font-size:11px;letter-spacing:.08em}.console-navigation{display:grid;gap:5px}.console-navigation button{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font-size:14px}.console-navigation button:hover{color:var(--text);background:var(--surface-hover)}.console-navigation button.is-active{background:var(--accent-soft);color:var(--accent);font-weight:650}.console-navigation b{margin-left:auto;font-size:11px;background:var(--surface);padding:0 6px;border-radius:4px}.console-section-navigation{display:grid;gap:4px;margin:24px 10px 0;padding:14px 0;border-top:1px solid var(--line)}.console-section-navigation>span{font-size:11px;color:var(--quiet);padding:0 4px 10px}.console-section-navigation button{border:0;background:transparent;text-align:left;padding:8px 12px;border-radius:6px;color:var(--muted);font-size:12px}.console-section-navigation button[aria-current],.console-section-navigation button:hover{background:var(--surface-subtle);color:var(--text);font-weight:600}.rail-bottom{margin-top:auto;padding-top:20px}.console-rail .account{padding:12px 0;border-top:1px solid var(--line);margin-top:12px}.console-rail .account-copy{display:grid}.console-rail .account-menu{bottom:70px;left:0;width:230px}.console-topbar{grid-area:top;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;min-width:0;border-bottom:1px solid var(--line);padding:0 32px;background:var(--surface)}.console-location{font-size:13px;font-weight:600;min-width:50px}.console-topbar .global-search{width:min(430px,44vw);margin-right:auto}.console-global-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.console-mobile-account{display:none}.create-menu{position:relative}.create-menu summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:7px;cursor:pointer;font-size:12px;font-weight:650;background:var(--surface)}.create-menu>div{position:absolute;right:0;top:42px;width:250px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 32px var(--shadow-modal)}.create-menu button{display:grid;gap:3px;width:100%;text-align:left;border:0;background:transparent;padding:12px;border-radius:6px}.create-menu button:hover{background:var(--surface-subtle)}.create-menu strong{font-size:13px}.create-menu small{font-size:11px;color:var(--muted)}.console-main{grid-area:main;min-width:0;padding-bottom:32px}.console-main .page{width:100%;max-width:1600px;margin:auto;padding:34px 36px 56px}.console-main .page-header,.console-main .detail-header{border:0;padding:0;margin-bottom:28px;align-items:center;gap:24px}h1{font-size:26px;line-height:1.25;letter-spacing:-.03em;font-weight:680}h2{font-size:16px;line-height:1.45;font-weight:650}h3{font-size:14px}.page-subtitle,.detail-metadata{color:var(--muted);margin-top:8px;gap:12px;font-size:12px}.eyebrow{font-size:11px;color:var(--quiet);margin-bottom:6px;letter-spacing:.04em}.button{min-height:36px;border-radius:7px;box-shadow:none;font-size:12px;font-weight:600}.button--primary{border-color:var(--accent)}.icon-button{border-radius:7px}.page-actions{gap:8px}.summary-row{display:grid;border:0;border-radius:0;overflow:visible;background:transparent;margin-bottom:24px;border-bottom:1px solid var(--line);padding:0 0 20px}.summary-row>div{padding:0 20px}.summary-row>div:first-child{padding-left:0}.summary-row>div>span{font-size:11px;color:var(--muted)}.summary-row strong{font-size:20px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums}.summary-row .status-badge{font-size:12px}.workspace{margin-top:22px}.workspace-nav{margin-bottom:24px}.tabs{display:flex;gap:24px;overflow:auto;scrollbar-width:thin;min-width:0}.tabs>button{white-space:nowrap;flex:0 0 auto;min-height:44px;padding:8px 0;font-size:12px}.section-header{min-height:46px;align-items:center;gap:12px;margin-bottom:12px}.section-header h2{font-size:14px}.section-block{min-width:0}.detail-grid{gap:28px}.definition-list>div{padding:13px 0}.definition-list dt{font-size:12px}.definition-list dd{font-size:13px}.resource-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.data-table{min-width:0}.data-table table{table-layout:auto}.data-table td strong{white-space:normal;overflow-wrap:anywhere}.data-table td[data-label=节点],.data-table td[data-label=用户],.data-table td[data-label=服务器]{min-width:140px}.data-table th,.data-table td{padding-inline:12px}.table-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.table-count{font-size:11px;color:var(--muted);margin-right:auto;font-variant-numeric:tabular-nums}.table-tools input{width:220px}.table-tools select{width:auto;max-width:160px}.table-tools input,.table-tools select{height:32px;font-size:12px;padding:4px 9px;border-radius:6px}.column-picker{position:relative;font-size:12px}.column-picker summary{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer}.column-picker>div{position:absolute;right:0;top:38px;z-index:15;min-width:180px;max-height:300px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 24px var(--shadow-modal)}.column-picker label,.device-node-picker label{display:flex;align-items:center;gap:9px;padding:8px;font-size:12px}input[type=checkbox]{width:16px;height:16px;min-height:0;flex:0 0 16px;padding:0;accent-color:var(--accent)}.table-scroll{border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--line);background:transparent}th,td{height:54px;padding:12px 16px;overflow-wrap:anywhere}th{background:transparent;color:var(--quiet);font-size:11px;font-weight:600;border-bottom:1px solid var(--line-strong)}tbody tr:hover{background:var(--surface-hover)}.table-sort{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit}.table-sort span{color:var(--quiet)}td small{font-size:11px;margin-top:3px}.mobile-records{display:none}.table-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 0;font-size:11px;color:var(--muted)}.table-pagination label{margin-right:auto}.table-pagination select{display:inline;width:auto;height:30px}.console-taskbar{grid-area:tasks;position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:22px;height:36px;padding:0 28px;background:var(--surface);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.connection-indicator{display:flex;align-items:center;gap:6px;white-space:nowrap}.connection-indicator:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--warning)}.connection-indicator.is-online:before{background:var(--success)}.taskbar-summary,.taskbar-job{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-size:11px;color:var(--muted);padding:0}.taskbar-job{max-width:240px}.taskbar-job span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-job i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.console-mobile-nav{display:none}.object-inspector{position:fixed;z-index:90;right:0;top:60px;bottom:36px;width:380px;display:flex;flex-direction:column;background:var(--surface);border:0;border-radius:0;box-shadow:none;outline:none;border-left:1px solid var(--line-strong)}.object-inspector>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.object-inspector h2{margin:0;font-size:19px;line-height:1.4}.inspector-body{padding:24px;overflow:auto;flex:1;min-height:0}.object-inspector>footer{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--line)}.inspector-metric{display:grid;gap:6px;padding:24px 0}.inspector-metric small{font-size:11px;color:var(--muted)}.inspector-metric strong{font-size:26px;font-weight:650;letter-spacing:-.02em}.inspector-metric>span{font-size:12px;color:var(--muted)}.relationship{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;border-top:1px solid var(--line);padding:16px 0;background:transparent;text-align:left}.relationship>span{display:grid;gap:4px}.relationship strong{font-size:13px;font-weight:600}.relationship small{font-size:11px;color:var(--muted)}.relationship:hover{color:var(--accent)}.system-workspace{min-width:0}.system-workspace>.tab-content{margin-top:0}.form-stack{display:grid;gap:18px}.field{gap:7px}.field>span:first-child{font-size:12px;font-weight:600}input,select,textarea{border-radius:7px}.field-error{color:var(--danger)}[aria-invalid=true]{border-color:var(--danger)}.drawer{background:var(--surface)}.drawer-body{padding:24px}.layer-header{padding:20px 24px;border-bottom:1px solid var(--line)}.hint-panel{padding:12px 0 12px 16px;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.7;border-left:2px solid var(--line-strong)}.hint-panel summary{cursor:pointer;font-weight:600}.hint-panel p:last-child{margin-bottom:0}.device-access>.hint-panel{margin:14px 0}.device-node-picker{border:0;border-radius:0;padding:12px 0;min-width:0;border-top:1px solid var(--line)}.device-node-picker legend{padding:0 4px;font-size:11px;color:var(--muted)}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin-top:20px}.device-card{background:transparent;padding:20px 0;border:0;border-radius:0;border-top:1px solid var(--line)}.device-card p{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.device-card .button{margin:0 5px 6px 0}.device-card details{padding-top:12px;border-top:1px solid var(--line)}.workspace-save-state{font-size:11px;color:var(--muted);padding:12px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.deployment-history{display:flex;align-items:end;gap:16px;padding:16px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}.deployment-history .field{max-width:500px;flex:1;margin:0}.deployment-workspace{border-radius:0;box-shadow:none}.danger-zone{padding:20px 0;border:0;border-radius:0;margin-top:24px;border-top:1px solid var(--line)}.copy-value{flex-wrap:wrap}.copy-value code{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.portal{background:var(--surface)}.portal-bar{background:var(--surface);border-bottom:1px solid var(--line)}.portal-main{max-width:1080px;padding:36px 28px 80px}.portal-hero h1{font-size:30px}.portal-metrics{border:0;border-radius:0;background:transparent;overflow:hidden;border-bottom:1px solid var(--line);padding:0 0 20px}.portal-metrics>div{padding:22px}.portal-metrics strong{font-size:26px}.portal-subscription,.portal-traffic,.portal-node-list{padding:24px 0;border:0;border-radius:0;background:transparent;margin-top:24px;border-top:1px solid var(--line)}.auth-card{border-radius:0;border:0;box-shadow:none;background:transparent}@media(min-width:1500px){.object-inspector{width:380px}.console-main .page{padding-inline:44px}}@media(max-width:1100px){.console-shell{grid-template-columns:176px minmax(0,1fr)}.console-main .page{padding:28px 24px 48px}.console-topbar{padding-inline:24px;gap:16px}.console-location{display:none}}@media(max-width:900px){.console-shell{display:block}.console-rail{display:none}.console-topbar{height:56px;padding:0 16px;gap:12px}.console-topbar .global-search{width:auto;flex:1;min-width:0}.console-global-actions{gap:8px}.console-mobile-account{display:block}.console-main .page{padding:24px 18px 140px}.console-taskbar{position:fixed;bottom:64px;left:0;right:0;padding:0 16px;gap:16px;height:30px}.taskbar-job{display:none}.console-mobile-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line)}.console-mobile-nav button{display:grid;place-content:center;justify-items:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:10px}.console-mobile-nav button.is-active{color:var(--accent);background:var(--accent-soft)}.console-mobile-nav b{display:none}.object-inspector{right:0;left:0;width:auto;bottom:0;top:0;border-radius:0}.object-inspector>header{padding-top:max(20px,env(safe-area-inset-top))}.object-inspector>footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.console-main:has(.system-workspace) .page-header{margin-bottom:20px}.summary-row>div{padding:13px}.summary-row strong{font-size:18px}.portal-main{padding:24px 16px 64px}}@media(max-width:600px){h1{font-size:23px}.console-global-actions .create-menu summary{padding:7px}.create-menu summary span{display:none}.console-main .page-header,.console-main .detail-header{align-items:flex-start;flex-wrap:wrap;gap:14px}.page-actions{flex-wrap:wrap}.summary-row{margin-bottom:18px}.table-tools{gap:6px}.table-tools input{width:100%;order:3}.table-tools select{max-width:145px}.data-table>.table-scroll{display:none}.mobile-records{display:grid;gap:0;border-top:1px solid var(--line)}.mobile-records article{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:18px 0;min-width:0}.mobile-record-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.mobile-record-heading>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.mobile-records small{font-size:11px;color:var(--muted)}.mobile-record-field{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:8px 0;overflow-wrap:anywhere}.mobile-records article>.mobile-record-field{display:inline-flex;align-items:baseline;gap:6px;max-width:100%;padding:10px 14px 4px 0;font-size:12px}.mobile-record-heading>.button{min-height:32px;padding-inline:10px;flex-shrink:0}.mobile-records details{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.mobile-records summary{font-size:11px;cursor:pointer;color:var(--accent)}.portal-subscription,.portal-traffic,.portal-node-list{padding:22px 0}.deployment-history{align-items:stretch;flex-direction:column}.portal-metrics>div{padding:16px}.portal-metrics strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.object-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;border:0;border-radius:0;background:var(--surface);box-shadow:none;outline:none}.object-editor>header{display:flex;align-items:center;gap:24px;padding:20px 28px;border-bottom:1px solid var(--line);background:var(--surface);border-radius:0}.object-editor h2{margin:0;font-size:20px}.editor-status{margin-left:auto;color:var(--muted);font-size:12px}.editor-canvas{width:100%;max-width:1000px;margin:0 auto;padding:40px 36px 80px;overflow:auto;flex:1;min-height:0}.editor-canvas>.form-grid{padding:0;border:0;border-radius:0;background:transparent}.editor-canvas .form-actions{position:sticky;bottom:-60px;padding:18px 0 0;background:var(--surface);border-top:1px solid var(--line)}.editor-discard{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:28px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 20px 100px var(--shadow-modal);width:min(430px,calc(100% - 32px))}.editor-discard .button{margin-right:8px}@media(max-width:900px){.object-editor{top:0;right:0;bottom:0;left:0;border-radius:0}.object-editor>header{flex-wrap:wrap;gap:12px;padding:16px}.editor-canvas{padding:20px 16px 60px}.editor-canvas>.form-grid{padding:0}.editor-status{font-size:11px}}.selection-cell{width:42px;padding:12px;vertical-align:middle}.selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;margin-bottom:12px;border:0;border-radius:0;background:var(--accent-soft);font-size:12px;border-left:3px solid var(--accent)}.selection-bar>strong{margin-right:auto;font-weight:600}.overview-statline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:30px;gap:20px}.overview-statline button{display:grid;justify-items:start;gap:9px;background:transparent;border:0;text-align:left;padding:0 18px;border-right:1px solid var(--line)}.overview-statline button:first-child{padding-left:0}.overview-statline button:last-child{border:0}.overview-statline small{font-size:12px;color:var(--muted)}.overview-statline strong{font-size:30px;line-height:1.15;font-weight:620;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.overview-statline strong span{font-size:14px;margin-left:8px;color:var(--quiet);font-weight:400;letter-spacing:0}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.overview-primary,.overview-secondary{min-width:0}.overview-secondary{padding-left:28px;border-left:1px solid var(--line)}.operations-section{margin-bottom:32px;min-width:0}.operations-section>.section-header{margin:0 0 12px;padding:0;border:0;min-height:30px}.priority-feed{border:0;border-radius:0;background:transparent;overflow:hidden;border-top:1px solid var(--line)}.priority-feed>button{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.priority-feed>button:last-child{border:0}.priority-feed>button:hover{background:var(--surface-hover)}.priority-feed>button>span:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}.priority-feed strong{font-size:13px;font-weight:600}.priority-feed small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.calm-state{display:grid;gap:8px;padding:20px 0;border:0;border-radius:0;background:transparent;font-size:13px;border-top:1px solid var(--line)}.calm-state span{font-size:12px;color:var(--muted)}.overview-chart{border:0;border-radius:0;padding:22px 0 0;background:transparent;border-top:1px solid var(--line)}.chart-period,.quiet-message{font-size:11px;color:var(--muted)}.quiet-message{margin:16px 0;line-height:1.7}.activity-item{display:grid;gap:6px;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.activity-item strong{font-size:12px;font-weight:600}.activity-item small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.activity-item .status-badge{justify-self:start;font-size:10px}.server-roster>button{display:flex;align-items:center;gap:18px;width:100%;border:0;border-bottom:1px solid var(--line);padding:16px 0;background:transparent;text-align:left}.server-roster>button>span:first-child{flex:1;display:grid;gap:4px;min-width:0}.server-roster strong{font-size:13px;font-weight:600}.server-roster small,.server-roster>button>span:nth-child(2){font-size:11px;color:var(--muted)}@media(max-width:1150px){.overview-columns{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.overview-secondary{padding-left:20px}.overview-statline strong{font-size:25px}}@media(max-width:760px){.overview-columns{display:flex;flex-direction:column;gap:12px}.overview-secondary{border:0;padding:0}.overview-statline{grid-template-columns:1fr 1fr;gap:22px;padding-bottom:22px;margin-bottom:24px}.overview-statline button{padding:0;border:0}.overview-statline strong{font-size:27px}.priority-feed>button{gap:10px;padding:16px 0}.overview-chart{padding:18px 0 0}.server-roster>button{gap:10px;flex-wrap:wrap}.operations-section{margin-bottom:26px}}@media(min-width:1280px){.inspection-active .console-main{padding-right:380px}.inspection-active .console-main .page{padding-inline:28px}}.node-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0;border-block:1px solid var(--line)}.node-state-grid>button{display:grid;align-content:start;justify-items:start;gap:10px;border:0;border-radius:0;background:transparent;padding:18px 20px;text-align:left;min-width:0;border-right:1px solid var(--line)}.node-state-grid>button:first-child{padding-left:0}.node-state-grid>button:last-child{border:0}.node-state-grid small{font-size:11px;color:var(--muted)}.node-state-grid>button>span:not(.status-badge){font-size:12px;color:var(--muted);line-height:1.6}.node-state-grid i{font-size:11px;color:var(--accent);font-style:normal;margin-top:6px}@media(max-width:700px){.node-state-grid{grid-template-columns:1fr;gap:0}.node-state-grid>button{padding:16px 0;border-right:0;border-bottom:1px solid var(--line);gap:6px;grid-template-columns:90px minmax(0,1fr)}.node-state-grid>button>span:not(.status-badge){grid-column:2}.node-state-grid i{display:none}}.account-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.account-workspace-main{min-width:0}.account-workspace-main>.section-block{background:transparent;padding:0;border:0;border-radius:0}.account-workspace-side{min-width:0;border-left:1px solid var(--line);padding-left:24px}.account-workspace-side .definition-list>div{display:grid;grid-template-columns:1fr;gap:8px}.account-workspace-side dd{margin:0}.device-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:24px}.device-records{min-width:0}.device-focus .device-card{border:0;border-radius:0;padding:0 0 0 24px;border-left:1px solid var(--line)}.device-focus:empty{display:none}@media(max-width:1150px){.device-focus .device-card{border-left:0;border-top:1px solid var(--line);padding:24px 0}.device-workspace,.account-workspace{grid-template-columns:1fr}.account-workspace-side{border-left:0;border-top:1px solid var(--line);padding:20px 0}}.node-overview-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.node-overview-workspace>.section-block{border:0;border-radius:0;padding:0;background:transparent}.node-delivery-panel{min-width:0;border-left:1px solid var(--line);padding-left:24px}.node-delivery-panel .section-header{align-items:flex-start;flex-wrap:wrap;gap:12px}@media(max-width:1100px){.node-overview-workspace{grid-template-columns:1fr}.node-delivery-panel{border-left:0;border-top:1px solid var(--line);padding:20px 0}}.mobile-section-navigation{display:none}@media(max-width:900px){.mobile-section-navigation{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);padding:8px 16px;background:var(--surface)}.mobile-section-navigation button{flex:none;min-height:44px;padding:8px 14px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px}.mobile-section-navigation button[aria-current]{color:var(--accent);background:var(--accent-soft)}}.editor-discard-overlay{z-index:100}.editor-discard{position:fixed;top:auto;z-index:110;bottom:32px;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));margin:0}.editor-discard h2{font-size:18px;margin:0 0 10px}.editor-discard p{color:var(--muted);margin-bottom:20px}.task-center-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.task-center-tools .tabs{margin:0;border:0}.task-search{width:100%;margin:12px 0 20px}.workflow-list>.compact-list{max-height:670px;overflow:auto}.portal-delivery-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px 0;border-block:1px solid var(--line)}.portal-delivery-action h2{margin:6px 0;font-size:21px}.portal-delivery-action p{margin:0;color:var(--muted);font-size:13px}.grant-observation-note{color:var(--muted);font-size:12px;margin-bottom:0}@media(max-width:600px){.portal-delivery-action{align-items:flex-start;flex-direction:column;gap:18px}.portal-delivery-action>.button{width:100%}.task-center-tools .tabs{width:100%;overflow:auto}.task-center-tools .tab{flex:none}.workflow-list>.compact-list{max-height:340px}}.device-focus{scroll-margin-top:80px;outline:none}.device-focus:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:600px){.workflow-row>.workflow-row-state{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.workflow-row .row-main{min-width:0;overflow-wrap:anywhere}.workflow-row-state .status-badge{white-space:nowrap}}@media(max-width:600px){.workflow-list .compact-row>span.workflow-row-state{display:flex}}.backup-workspace-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.object-editor .section-block{min-width:0}.object-editor .section-block>.form-grid{background:transparent;border:0;border-radius:0;padding:0}@media(max-width:600px){.backup-workspace-actions>.button{flex:1}.object-editor .section-block>.form-grid{padding:0}}.task-search-form{display:flex;gap:8px;margin:12px 0 20px;align-items:center}.task-search-form .task-search{flex:1;min-width:0;margin:0}.task-search-form .button{flex:none}.copy-value{height:auto;min-height:42px;padding:8px;align-items:flex-start}.copy-value textarea{flex:1 1 240px;min-width:0;width:100%;resize:vertical;max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;font:13px/1.6 monospace;color:var(--text);background:transparent;border:0}.copy-value button{flex-shrink:0}.traffic-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:18px 0 26px;min-width:0}.traffic-controls .traffic-range-picker{border:0;border-radius:0;background:transparent;padding:0;gap:4px;min-height:32px}.traffic-controls .traffic-range-picker button{min-width:0;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500}.traffic-controls .traffic-range-picker button.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:none;font-weight:650}.traffic-control-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}.traffic-control-options label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.traffic-control-options select{width:auto;max-width:150px;height:32px;padding:4px 24px 4px 8px;font-size:11px;border-color:var(--line);border-radius:4px}.traffic-control-options .icon-button{height:32px;width:32px;flex-basis:32px;border:1px solid var(--line)}.traffic-update-state{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%;color:var(--muted);font-size:10px}.traffic-update-state i{height:5px;width:5px;border-radius:50%;background:var(--quiet)}.traffic-update-state i.is-live{background:var(--success)}.traffic-update-state i.is-delayed{background:var(--warning)}.traffic-update-state time{margin-left:auto;font-variant-numeric:tabular-nums}.traffic-refreshing{animation:traffic-spin 1s linear infinite}@keyframes traffic-spin{to{transform:rotate(360deg)}}.traffic-readings{display:flex;flex-wrap:wrap;gap:18px 40px;margin:0 0 28px}.traffic-readings>div{display:grid;gap:8px;min-width:0}.traffic-readings span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.traffic-readings strong{font-size:24px;line-height:1.1;letter-spacing:-.035em;font-weight:600;font-variant-numeric:tabular-nums}.traffic-key{display:inline-block;width:16px;height:2px;border-radius:1px;flex:0 0 16px}.traffic-key--inbound{background:var(--traffic-inbound)}.traffic-key--outbound{background:var(--traffic-outbound)}.traffic-plot-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}.traffic-legend,.traffic-display-mode{display:flex;gap:16px}.traffic-legend button,.traffic-display-mode button{display:flex;align-items:center;gap:7px;border:0;border-radius:0;background:transparent;padding:4px 0;font-size:11px;color:var(--muted)}.traffic-legend button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.traffic-display-mode button{border-bottom:2px solid transparent}.traffic-display-mode button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.traffic-axis-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--quiet)}.traffic-chart{height:290px;min-height:0;padding:0}.traffic-chart .recharts-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.traffic-chart-footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:10px;padding-top:14px;margin-top:10px;border-top:1px solid var(--line)}.traffic-chart-footer>label{display:flex;align-items:center;gap:6px;margin-left:auto;cursor:pointer}.traffic-chart-footer input{width:13px;height:13px;flex-basis:13px}.traffic-chart-footer details{max-width:100%}.traffic-chart-footer summary{cursor:pointer}.traffic-chart-footer details[open]{flex-basis:100%}.traffic-chart-footer p{max-width:80ch;line-height:1.8;margin:10px 0 0}.traffic-tooltip{min-width:220px;max-width:min(340px,80vw);padding:14px 16px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);box-shadow:0 6px 24px var(--shadow-soft);font-size:12px}.traffic-tooltip header{color:var(--muted);font-size:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.traffic-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 0}.traffic-tooltip span{display:flex;align-items:center;gap:7px}.traffic-tooltip strong{font-size:12px;font-variant-numeric:tabular-nums}.traffic-tooltip small{display:block;color:var(--muted);margin-top:8px;font-size:10px}.traffic-tooltip p{font-size:11px;line-height:1.7}@media(max-width:600px){.traffic-controls{gap:12px;margin-bottom:22px}.traffic-controls .traffic-range-picker{width:100%}.traffic-controls .traffic-range-picker button{flex:1}.traffic-control-options{width:100%;justify-content:space-between;gap:6px}.traffic-control-options select{max-width:126px}.traffic-readings{gap:14px 24px}.traffic-readings strong{font-size:21px}.traffic-readings span{font-size:10px}.traffic-axis-caption{font-size:9px}.traffic-axis-caption>span:last-child{max-width:65%;text-align:right}.traffic-chart{height:250px}.traffic-chart-footer{gap:10px}.traffic-chart-footer>span{width:100%}.traffic-chart-footer>label{margin-left:0;margin-right:auto}}@media(prefers-reduced-motion:reduce){.traffic-refreshing{animation:none}}
