:root{color-scheme:light;--bg:#f5faf8;--ink:#182e27;--muted:#62756e;--line:#dbe8e1;--glass:rgba(255,255,255,.64);--paper:#fbfdfc;--soft:#e7f4ed;--accent:#047857;--green:#10b981;--red:#bd4751;--amber:#9b6b0a;--warn:#fff7e5;--shadow:0 5px 22px #244d3710}
:root[data-theme=dark]{color-scheme:dark;--bg:#101b19;--ink:#e7f2ed;--muted:#9fb6aa;--line:#2c4439;--glass:rgba(23,38,34,.8);--paper:#172622;--soft:#203b30;--accent:#6ee7b7;--green:#34d399;--red:#ff9ea8;--amber:#e9c773;--warn:#35301d;--shadow:0 5px 22px #0002}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#10b98114,transparent 50%),radial-gradient(ellipse at 90% 18%,#c8de8920,transparent 45%),var(--bg);color:var(--ink);font:14px/1.6 system-ui,-apple-system,"Segoe UI","Microsoft YaHei UI",sans-serif;font-variant-numeric:tabular-nums;min-height:100vh}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);border-radius:8px;background:var(--glass);padding:8px 13px;cursor:pointer;min-height:38px;transition:background .15s,border-color .15s}button:hover{background:var(--soft);border-color:#7fba9f}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent);font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.7px}h2{font-size:21px}h3{font-size:16px}small,.muted{color:var(--muted)}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:100}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1536px)/2));border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand b{font-size:21px;letter-spacing:-.5px}.brand>span:last-child{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:36px;height:38px;border-radius:10px;background:var(--soft);font-size:24px;font-weight:650;color:var(--accent)}.brand-divider{color:var(--line);font-size:24px}.top-actions,.heading-actions{display:flex;gap:12px;align-items:center}.demo{color:var(--muted);font-size:12px}.demo:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:7px}main{max-width:1592px;margin:auto;padding:30px 28px 110px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px;gap:15px}.page-heading p:last-child{color:var(--muted);margin-top:5px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:650;margin-bottom:6px}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(10px);margin-bottom:28px;box-shadow:var(--shadow)}.summary>button{display:flex;align-items:center;text-align:left;gap:18px;border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 24px;background:transparent;min-width:0}.summary>button:last-child{border:0}.summary>button:first-child{border-radius:14px 0 0 14px}.summary>button:last-child{border-radius:0 14px 14px 0}.summary>button:hover{background:var(--soft)}.ring{width:57px;height:57px;border-radius:50%;background:conic-gradient(var(--ring-color,var(--green)) calc(var(--value)*1%),var(--line) 0);display:grid;place-items:center;flex-shrink:0}.ring:before{content:attr(data-label);display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--paper);font-size:12px;font-weight:650}.summary b{font-size:25px;line-height:1.25;display:block;font-weight:650}.summary small{font-size:12px}.summary .stat-label{font-size:13px;color:var(--muted);display:block}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.main-column{min-width:0}.workbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:4px}.tabs button{border:0;background:none;padding:8px 14px;font-weight:600;font-size:15px}.tabs button.active{background:var(--soft);color:var(--accent)}.tabs span{font-size:11px;color:var(--muted);margin-left:5px}.layout-switch{display:flex;gap:3px}.layout-switch button{padding:4px 10px;background:transparent;border-color:transparent;font-size:18px}.layout-switch .active{background:var(--glass);border-color:var(--line);color:var(--accent)}.filters{display:flex;gap:10px;margin-top:18px}.search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);background:var(--glass);border-radius:8px;flex:1;min-width:0}.search>span{font-size:23px;color:var(--muted)}input[type=search]{width:100%;border:0;background:transparent;min-width:0;padding:9px 0;outline-offset:0}#attention{font-size:13px;white-space:nowrap}#attention[aria-pressed=true]{background:var(--warn);color:var(--amber);border-color:var(--amber)}.section-meta{display:flex;justify-content:space-between;margin:16px 0 12px;font-size:12px;color:var(--muted);gap:12px}#items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;text-align:left;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 6px #224e3310;min-width:0;backdrop-filter:blur(10px);min-height:214px}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-top{display:flex;align-items:center;gap:11px;width:100%;margin-bottom:17px}.avatar{width:40px;height:40px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;border-radius:10px;font-size:12px;font-weight:700;flex-shrink:0;color:var(--accent)}.card-title{flex:1;min-width:0}.card-title h3{font-size:16px;font-weight:650;overflow-wrap:anywhere}.card-title small{font-size:12px;display:block}.status{font-size:11px;white-space:nowrap;color:var(--accent)}.status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.status.warn{color:var(--amber)}.status.danger{color:var(--red)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.metric-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted);font-size:12px;gap:6px}.metric-head b{font-size:16px;color:var(--ink);font-weight:550}.bar{height:4px;background:var(--line);border-radius:3px;margin-top:7px;overflow:hidden}.bar i{display:block;background:var(--green);height:100%;width:var(--value)}.card-foot{border-top:1px solid var(--line);margin-top:17px;padding-top:11px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);width:100%}.card-foot strong{font-weight:500;color:var(--accent)}.spark{height:27px;width:100%;margin-top:14px;color:var(--green)}.card-route .path{margin:3px 0 14px}.path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px}.path span{padding:4px 9px;border-radius:6px;background:var(--soft);color:var(--accent)}.path i{font-style:normal;color:var(--muted)}.route-info{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--muted)}.route-info b{color:var(--ink);font-size:18px;font-weight:600}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chip{font-size:11px;padding:2px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.workspace-note{color:var(--muted);font-size:11px;margin-top:18px}.inspector{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:22px;backdrop-filter:blur(10px);position:sticky;top:20px;min-width:0;box-shadow:var(--shadow)}.aside-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:21px}.aside-head h2{font-size:17px}.aside-head button{padding:3px 9px;min-height:30px}.count{background:var(--warn);color:var(--amber);border-radius:5px;padding:2px 7px;font-size:12px}.incident{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;background:transparent}.incident:first-of-type{padding-top:0}.incident h3{font-size:14px;margin:6px 0}.incident p{font-size:12px;color:var(--muted);line-height:1.7}.incident .next{display:block;color:var(--accent);font-size:12px;margin-top:9px}.aside-bottom{margin-top:22px;padding-top:16px;font-size:12px;color:var(--muted)}.aside-bottom b{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}.detail-identity{display:flex;gap:12px;align-items:center;margin-bottom:18px}.detail-identity h2{font-size:20px;overflow-wrap:anywhere}.detail-identity p{font-size:12px;color:var(--muted)}.detail-tabs{display:flex;border-bottom:1px solid var(--line);margin:16px 0;gap:14px}.detail-tabs button{background:transparent;border:0;border-radius:0;padding:7px 0;font-size:13px}.detail-tabs .active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.detail-block{margin:19px 0}.detail-block h3{font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:500}.detail-block p{font-size:13px}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.kv span{color:var(--muted)}.kv b{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.notice{background:var(--warn);border:1px solid color-mix(in srgb,var(--amber) 25%,transparent);border-radius:9px;padding:13px;font-size:12px;line-height:1.8;color:var(--amber);margin:17px 0}.notice.good{background:var(--soft);border-color:var(--line);color:var(--accent)}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.detail-actions button{flex:1;font-size:13px;white-space:nowrap}.link-button{display:block;width:100%;text-align:left;margin:7px 0;font-size:13px}.empty{grid-column:1/-1;text-align:center;padding:65px 12px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.empty button{margin-top:16px}#items.list{grid-template-columns:1fr}#items.list .card{min-height:0;display:grid;grid-template-columns:1.2fr 1fr;gap:8px 24px}#items.list .card-top{margin:0}#items.list .card-foot{grid-column:1/-1;margin-top:5px}#items.list .spark{display:none}#items.list .chips{margin:0}.task-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -5px 30px #18352709}#task-toggle{width:100%;max-width:1592px;margin:auto;display:flex;align-items:center;gap:14px;border:0;border-radius:0;background:none;padding:15px 28px;text-align:left;font-size:13px}.dock-symbol{color:var(--accent);font-size:20px}#task-caption{color:var(--muted)}.dock-end{margin-left:auto;color:var(--muted);white-space:nowrap}#task-list{padding:0 28px 20px;max-width:1592px;margin:auto;max-height:40vh;overflow:auto}.task-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.task-row>div{flex:1;min-width:0}.task-row small{display:block}.task-row button{font-size:12px}.task-state{font-size:12px;color:var(--accent);white-space:nowrap}.task-state.failed{color:var(--red)}dialog{width:min(580px,calc(100% - 28px));max-height:88vh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #001b2644}dialog::backdrop{background:#10271c44;backdrop-filter:blur(4px)}dialog header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line);gap:15px}dialog header button{font-size:20px;border:0;background:none}#modal-body{padding:24px;overflow:auto;max-height:56vh}dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid var(--line)}dialog footer>span{margin-right:auto;color:var(--muted);font-size:11px}label.field{display:grid;gap:7px;font-size:13px;margin-bottom:18px}.field input,.field select,select.inline-select{width:100%;background:var(--glass);border:1px solid var(--line);padding:10px;border-radius:7px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.steps{padding-left:22px;line-height:2.4;font-size:13px}.sub-choice{display:block;width:100%;text-align:left;margin:10px 0;padding:15px}.sub-choice b{font-size:15px;display:block}.sub-choice small{display:block;font-size:12px;margin-top:3px}#toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:10px;z-index:100;max-width:90vw;box-shadow:var(--shadow);font-size:13px}.log{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:8px;font:12px/1.9 ui-monospace,monospace;overflow-wrap:anywhere}
html{scroll-padding-bottom:calc(var(--dock-height,64px) + 24px)}
main{padding-bottom:calc(var(--dock-height,64px) + 40px)}
.inspector{max-height:calc(100dvh - var(--dock-height,64px) - 42px);overflow:auto;scrollbar-width:thin}
.stat-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:13px;background:var(--warn);color:var(--amber);flex-shrink:0;font-size:22px}
.card-title h3{font-size:17px}.incident h3{font-size:15px}.card-title small,.card-foot,.incident p{font-size:13px}
@media(min-width:1280px){#items{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.card-top{gap:9px}.card-title h3{font-size:16px}.card-title small,.card-foot{font-size:12px}}
@media(max-width:1100px){.summary>button{padding:18px 15px;gap:10px}.ring{width:46px;height:46px}.ring:before{width:36px;height:36px;font-size:10px}.workspace{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.inspector{padding:18px}.card{padding:15px}.card-top{gap:8px}.status{font-size:10px}.card-title h3{font-size:15px}.tabs button{padding:8px 9px;font-size:14px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.inspector{position:static}.inspector.has-detail{position:fixed;inset:12px 12px 70px;z-index:40;background:var(--paper);overflow:auto;box-shadow:0 0 0 100vmax #10271c66}.ring{display:none}.page-heading h1{font-size:25px}.eyebrow{font-size:9px}.brand-divider,.brand>span:last-child{display:none}.inspector:not(.has-detail){margin-top:8px}.aside-bottom{display:none}}
@media(max-width:600px){main{padding:22px 16px 90px}.topbar{padding:0 16px;height:64px}.brand{gap:9px}.brand b{font-size:19px}.demo{font-size:10px}.top-actions{gap:8px}.page-heading{display:block;margin-bottom:22px}.heading-actions{margin-top:18px}.heading-actions button{flex:1}.summary{grid-template-columns:repeat(2,1fr);margin-bottom:24px}.summary>button{padding:14px 16px;border-bottom:1px solid var(--line)}.summary>button:nth-child(2){border-right:0}.summary>button:nth-child(3){border-bottom:0}.summary>button:last-child{border-radius:0 0 14px 0}.summary b{font-size:24px}.summary small{font-size:11px}.ring{display:grid}.tabs{gap:0}.tabs button{padding:8px 10px;font-size:14px}.tabs span{display:none}.section-meta{font-size:11px}.section-meta span:last-child{max-width:130px;text-align:right}#items{grid-template-columns:1fr}.card{min-height:205px;padding:18px}.card-title h3{font-size:16px}.status{font-size:11px}.filters{gap:7px}#attention{padding:8px;font-size:12px}.search{padding:0 9px}input[type=search],.field input,.field select{font-size:16px}.layout-switch button{padding:4px 8px}.workbar{gap:2px}#task-toggle{padding:12px 16px;gap:9px}#task-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dock-end{font-size:11px}#task-list{padding:0 16px 12px}.task-row{flex-wrap:wrap}.task-row small{font-size:11px}.task-row>div{min-width:150px}.task-row button{min-height:32px}.two-fields{grid-template-columns:1fr;gap:0}dialog header,#modal-body{padding:18px}dialog footer{padding:15px;flex-wrap:wrap}dialog footer>span{width:100%}#items.list .card{grid-template-columns:1fr}#items.list .metrics{margin-top:8px}.detail-identity{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(prefers-reduced-transparency:reduce){.card,.inspector,.summary,.topbar{background:var(--paper);backdrop-filter:none}}
@media(max-width:900px){.inspector{max-height:none}.inspector.has-detail{max-height:none}.stat-icon{width:46px;height:46px}.inspector.has-detail{bottom:70px}}