:root{--bg: #fafafa;--surface: #ffffff;--line: #e4e4e7;--line-soft: #f0f0f1;--text: #18181b;--muted: #71717a;--hover: #f4f4f5;--red: #dc2626;--red-soft: #fef2f2;--amber: #b45309;--amber-soft: #fffbeb;--green: #15803d;--green-soft: #f0fdf4;--radius: 10px;--sidebar: 248px;--aside: 380px;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2{font-weight:600;letter-spacing:-.01em}button{font:inherit}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.shell--aside{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--aside)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);padding:16px 12px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--text);color:#fff;font-weight:700}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text small{color:var(--muted);font-size:12px}.nav{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;color:var(--text);cursor:default;white-space:nowrap}.nav-item>span{overflow:hidden;text-overflow:ellipsis}.nav-item.is-active{background:var(--hover);font-weight:600}.nav-item[aria-disabled=true]{color:var(--muted)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid var(--line)}.avatar{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hover);border:1px solid var(--line);font-weight:600;font-size:12px}.who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar h1{font-size:20px}.topbar p{color:var(--muted);font-size:13px}.content{display:flex;flex-direction:column;gap:16px;padding:24px 28px 40px}.button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500}.button:hover:not(:disabled){background:var(--hover)}.button:disabled{opacity:.6;cursor:default}.button--primary{background:var(--text);border-color:var(--text);color:#fff;justify-content:center}.button--primary:hover:not(:disabled){background:#27272a}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}.icon-button:hover{background:var(--hover);color:var(--text)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.badge--red{border-color:transparent;background:var(--red-soft);color:var(--red);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 0}.card-head h2{font-size:15px}.card-head p{color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.stat{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.stat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:13px;font-weight:500}.stat-value{font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-note{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-note--up{color:var(--green)}.stat-note--down{color:var(--red)}.chart-card .chart{height:260px;padding:12px 16px}.legend{display:flex;gap:16px;color:var(--muted);font-size:12px;white-space:nowrap}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:14px;height:0;border-top:2px solid var(--text)}.dot--dashed{border-top:2px dashed var(--muted)}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:start}.list-card{padding-bottom:8px}.attention{list-style:none;padding:8px 8px 0}.attention li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:8px}.attention li+li{border-top:1px solid var(--line-soft)}.attention-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.attention-icon--red{background:var(--red-soft);color:var(--red)}.attention-icon--amber{background:var(--amber-soft);color:var(--amber)}.attention-icon--grey{background:var(--hover);color:var(--muted)}.attention-text{min-width:0;display:flex;flex-direction:column}.attention-text b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-text span,.attention time{color:var(--muted);font-size:12px}.attention-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention time{white-space:nowrap}.all-good{display:flex;align-items:center;gap:10px;padding:20px;color:var(--green);font-weight:500}.all-good-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--green-soft)}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th{text-align:left;font-weight:500;font-size:12px;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table th:first-child,.table td:first-child{padding-left:20px}.table th:last-child,.table td:last-child{padding-right:20px}.table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td b{display:block;font-weight:500}.table td small{color:var(--muted);font-size:12px}.table td.muted{white-space:nowrap}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.agent{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line)}.agent-head{display:flex;align-items:center;gap:8px;padding:20px;border-bottom:1px solid var(--line)}.agent-head .badge{margin-left:auto}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(400px,100%);padding:28px;display:flex;flex-direction:column;gap:14px}.login>.button:not(.button--primary){align-self:flex-start}.login .brand{padding:0 0 8px}.login h1{font-size:20px}.field{display:flex;flex-direction:column;gap:6px;font-weight:500}.field input{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--surface)}.field input:focus-visible{outline:2px solid var(--text);outline-offset:0;border-color:var(--text)}.form-error{padding:10px 12px;border-radius:8px;background:var(--red-soft);color:var(--red)}@media (max-width: 1280px){.shell--aside{grid-template-columns:var(--sidebar) minmax(0,1fr)}.agent{display:none}}@media (max-width: 1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.columns{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content,.topbar{padding-left:16px;padding-right:16px}}button.nav-item{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit}button.nav-item:hover{background:var(--hover)}.nav-count{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--red-soft);color:var(--red)}.topbar-actions{display:flex;gap:8px}.button--small{height:30px;padding:0 10px;font-size:13px;gap:6px;white-space:nowrap}.row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.table td.row-actions{display:table-cell;text-align:right}.table td.row-actions .button+.button{margin-left:6px}.status{display:inline-flex;align-items:center;gap:6px;font-weight:500}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status--red{color:var(--red)}.status--amber{color:var(--amber)}.code{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted)}.job-hint{display:block;max-width:420px;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.4}.table td b{white-space:nowrap}.attention li.attention-wide{grid-template-columns:32px minmax(0,1fr) auto}.card-foot{padding:8px 20px;border-top:1px solid var(--line-soft);margin-top:4px}.link-button{border:0;background:none;color:var(--text);font:inherit;font-weight:500;cursor:pointer;padding:4px 0}.link-button:hover{text-decoration:underline;text-underline-offset:3px}.empty-note{padding:16px 20px;color:var(--muted)}.cell-clip{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#18181b59}.dialog{width:min(440px,100%);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #0000002e}.dialog h2{font-size:17px}.dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%);padding:10px 16px;border-radius:8px;background:var(--text);color:#fff;box-shadow:0 10px 30px #0003;max-width:min(560px,calc(100vw - 32px))}.dialog--wide{width:min(640px,100%)}.task-text{width:100%;height:260px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.ok-note{color:var(--green)!important;font-weight:500}.agent-head b{flex:1}.agent-new{font-size:13px;color:var(--muted)}.agent-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px}.agent-intro{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.agent-intro p{margin-bottom:4px}.agent-example{text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;cursor:pointer}.agent-example:hover{background:var(--hover)}.bubble{max-width:92%;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.5}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.bubble--user{align-self:flex-end;background:var(--text);color:#fff}.bubble--agent{align-self:flex-start;background:var(--bg);border:1px solid var(--line)}.bubble--error{align-self:stretch;max-width:none;background:var(--red-soft);color:var(--red)}.bubble--thinking{color:var(--muted)}.agent-card{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.agent-card-reason{font-size:12.5px;color:var(--muted)}.agent-card .button{align-self:flex-start}.agent-form{display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line)}.agent-form textarea{resize:none;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--text);background:var(--surface)}.agent-form textarea:focus-visible{outline:2px solid var(--text);outline-offset:0}.agent-form .button{align-self:flex-end}