:root{color-scheme:light;--ink:#24324a;--muted:#778398;--line:#e3e9f0;--bg:#f4f7fb;--primary:#336edb;--success:#178b64;--danger:#ca4b54}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}button{padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);cursor:pointer}button:hover{background:#f4f7ff}button:disabled{cursor:wait;opacity:.55}button.primary{color:white;background:var(--primary);border-color:var(--primary)}input,select{display:block;width:100%;padding:11px 12px;border:1px solid #d7e0eb;border-radius:9px;color:var(--ink);background:#fff;margin:6px 0 18px}input:focus,select:focus{outline:2px solid #c2d6ff;outline-offset:1px}label{font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:25px;margin-bottom:5px}h2{font-size:17px;margin-bottom:18px}h3{font-size:15px}a{color:var(--primary)}.muted{color:var(--muted);font-size:13px}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:650;text-decoration:none;color:var(--ink)}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:410px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:36px;box-shadow:0 16px 50px #29364b09}.login-card .brand{margin-bottom:26px}.login-card .primary{width:100%;margin-top:8px}.back-link{display:block;text-align:center;margin-top:22px;font-size:13px;text-decoration:none}.notice{padding:12px 15px;border-radius:10px;border:1px solid #cde2ff;background:#eff6ff;color:#335b94;margin-bottom:20px}.notice.error{background:#fff3f3;color:#a33d47;border-color:#f0ced2}.notice.success{background:#effaf5;color:#207452;border-color:#cfe9dd}.dashboard{min-height:100vh;display:flex}.sidebar{width:220px;padding:28px 20px;background:white;border-right:1px solid var(--line);position:fixed;height:100vh}.sidebar .brand{font-size:20px}.sidebar-caption{padding-left:34px;color:var(--muted);margin:2px 0 30px;font-size:12px}.sidebar nav{display:grid;gap:9px}.nav-item{border:0;text-align:left;padding:12px 16px;background:transparent;font-weight:550}.nav-item.active{background:#edf3ff;color:#2d63cc}.website-link{position:absolute;bottom:30px;font-size:13px;text-decoration:none}.main{margin-left:220px;padding:26px 34px;width:calc(100% - 220px);max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.top-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:21px}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:29px;line-height:1.5;margin:5px 0}.panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{margin:0}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.chart{height:200px;width:100%}.chart svg{height:100%;width:100%;overflow:visible}.chart-key{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:8px}.chart-key i{display:inline-block;width:9px;height:9px;background:#6190e7;border-radius:2px;margin-left:6px}.chart-key i.failed{background:#d97980}.data-list{display:grid;grid-template-columns:1fr auto;gap:13px 12px;font-size:13px}.data-list dt{color:var(--muted)}.data-list dd{margin:0;font-weight:550}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.agent-card{border:1px solid var(--line);border-radius:11px;padding:16px}.agent-card p{margin-bottom:5px;font-size:13px}.agent-card small{color:var(--muted);font-size:11px}.distribution-row{display:grid;grid-template-columns:minmax(130px,1fr) 1fr 40px;gap:12px;align-items:center;font-size:13px;margin-bottom:13px}.distribution-row .track{height:8px;border-radius:5px;background:#edf2fa}.distribution-row .bar{background:#74a2ef;height:100%;border-radius:5px}.action-item{font-size:13px;padding:7px 0;border-bottom:1px solid #eff2f6}.action-item small{display:block;color:var(--muted)}.scope-note{margin-top:-3px}.model-panel,.account-panel{max-width:750px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:3px}.label-row button{font-size:12px;padding:6px 12px}.input-action{display:flex;gap:8px}.input-action input{flex:1;min-width:0}.input-action button{align-self:flex-start;margin-top:6px;padding:11px 12px}.field-hint{margin-top:-8px;margin-bottom:21px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#adminModelCustom{margin-top:-9px}.filters{display:flex;gap:14px;align-items:flex-end}.filters label{min-width:140px;font-size:12px}.filters .trace-filter{flex:1}.filters input,.filters select{margin:5px 0 0}.filters button{margin-bottom:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{white-space:nowrap;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:13px 10px}td{padding:12px 10px;border-bottom:1px solid #eef2f6;vertical-align:top}.status{display:inline-block;border-radius:5px;padding:2px 7px;background:#ecf8f2;color:#257957;white-space:nowrap}.status.failed{background:#fff0f1;color:#ac424b}.identifier{display:block;color:var(--muted);font:11px/1.6 Consolas,monospace;white-space:nowrap}.empty{color:var(--muted);padding:16px 0}.account-panel button{margin-top:8px}
@media(max-width:1100px){.main{padding:22px}.sidebar{width:185px;padding:24px 16px}.main{margin-left:185px;width:calc(100% - 185px)}.stat-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.dashboard{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:19px}.sidebar-caption,.website-link{display:none}.sidebar nav{display:flex;gap:2px;margin-top:12px;overflow:auto}.nav-item{padding:8px 12px;white-space:nowrap;font-size:12px}.main{width:100%;margin:0;padding:18px}.topbar{align-items:flex-start;flex-direction:column;gap:10px}.topbar h1{font-size:22px}.top-actions{width:100%}.top-actions span{margin-right:auto;font-size:12px}.stat-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.panel{padding:17px}.agent-grid{gap:10px}.agent-card{padding:13px}.filters{flex-wrap:wrap;gap:10px}.filters label{min-width:100px;flex:1}.filters .trace-filter{flex-basis:100%}.panel-head{flex-wrap:wrap}.distribution-row{grid-template-columns:minmax(120px,1fr) 1fr 30px;gap:8px}.login-card{padding:28px}}