:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3f7;--surface:#fff;--surface-soft:#f7fafc;--line:#dbe4ed;--text:#17202a;--muted:#667789;--brand:#0f766e;--brand-strong:#115e59;--accent:#2563eb;--hot:#dc2626;--warn:#d97706;--ok:#16a34a;--ink:#111827;--shadow:0 18px 50px #1c2d441f}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%, #14b8a62e, transparent 28%), radial-gradient(circle at 85% 4%, #2563eb24, transparent 24%), var(--bg);margin:0;font-family:Inter,Segoe UI,Arial,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;padding:8px 13px;transition:background .16s,border-color .16s,transform .16s}button:hover:not(:disabled){border-color:#9fb4c8;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{border-color:var(--brand);background:var(--brand);color:#fff}button.ghost{color:#d9e7f2;background:#ffffff12;border-color:#ffffff1f}button.danger{color:var(--hot);background:#fff5f5;border-color:#dc262647}button.full{width:100%}button.text-button{min-height:auto;color:var(--accent);background:0 0;border:0;padding:0}input,select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:9px 11px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f}label{color:var(--muted);gap:6px;font-size:13px;display:grid}label span{color:var(--muted)}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e7edf3;padding:11px 10px;overflow:hidden}th{color:#6a7b8f;background:#f8fbfd;font-size:12px;font-weight:700}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#f1f8f7}pre{white-space:pre-wrap;word-break:break-word;color:#dbeafe;background:#0f172a;border-radius:8px;max-height:320px;margin:0;padding:14px;line-height:1.55;overflow:auto}.login,.boot-screen{place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel,.boot-panel{width:min(390px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:14px;gap:14px;padding:30px;display:grid}.boot-panel{text-align:center;justify-items:center;width:min(280px,100%)}.boot-panel span{color:var(--muted);font-weight:700}.login-panel h1{margin:0 0 4px;font-size:28px}.login-mark,.brand-mark{color:#ecfeff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eff6ff;background:linear-gradient(#0f172a,#172033 58%,#111827);flex-direction:column;gap:18px;min-height:100vh;padding:20px;display:flex}.brand{align-items:center;gap:12px;padding-bottom:10px;display:flex}.brand strong,.account strong{display:block}.brand span,.account span,nav small{color:#9fb0c5;font-size:12px}nav{gap:8px;display:grid}nav button{text-align:left;color:#dbeafe;background:0 0;border-color:#0000;gap:3px;min-height:58px;display:grid}nav button.active,nav button:hover{color:#fff;background:#ffffff17;border-color:#ffffff1f;transform:none}nav button.active{box-shadow:inset 3px 0 #2dd4bf}.account{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar{color:#063b36;background:#99f6e4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar p,.panel-head p{color:var(--muted);margin:4px 0 0}.top-actions{align-items:center;gap:10px;display:flex}.loading{color:var(--brand-strong);font-size:13px}.panel{background:#fffffff0;border:1px solid #dbe4ede6;border-radius:12px;min-width:0;padding:16px;overflow:hidden;box-shadow:0 10px 28px #192a3e12}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h2,.section-head h2,.detail-hero h2,.rank-panel h3,.trend-panel h3{margin:0}.log-type-screen{gap:16px;display:grid}.type-hero{color:#ecfeff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766e,#1d4ed8);border:1px solid #dbe4ede6;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.type-hero h2{margin:0;font-size:28px}.type-hero p{color:#ffffffc7;margin:6px 0 0}.type-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.big-type-card{text-align:left;background:#fffffff0;border-radius:14px;gap:8px;min-height:150px;padding:18px;display:grid;box-shadow:0 10px 28px #192a3e12}.big-type-card:hover{background:#f2fffc;border-color:#0f766e6b}.big-type-card span{font-size:22px;font-weight:800}.big-type-card small{color:var(--muted)}.type-metrics{grid-template-columns:auto 1fr 1fr;align-items:end;gap:8px;margin-top:auto;display:grid}.type-metrics b{color:var(--brand-strong);font-size:32px;line-height:1}.type-metrics em{color:var(--muted);font-size:12px;font-style:normal}.log-workspace{grid-template-columns:minmax(560px,1.08fr) minmax(440px,.92fr);align-items:start;gap:16px;display:grid}.detail-panel{max-height:calc(100vh - 44px);position:sticky;top:18px;overflow:auto}.panel-actions{flex-wrap:wrap;gap:8px;display:flex}.type-stack{gap:9px;margin-bottom:14px;display:grid}.type-card{text-align:left;grid-template-columns:1fr auto;gap:3px 10px;min-height:62px;display:grid;position:relative}.type-card span{font-weight:700}.type-card small{color:var(--muted);grid-column:1}.type-card b{color:var(--brand-strong);grid-area:1/2/3;align-self:center}.type-card.active{color:#083b37;background:#e9fbf7;border-color:#0f766e5c}.mini-form,.side-form{border-top:1px solid #e7edf3;gap:12px;padding-top:14px;display:grid}.form-title{justify-content:space-between;align-items:center;display:flex}.checkline{align-items:center;gap:8px;display:flex}.checkline input{width:auto}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric{background:#f6f9fc;border:1px solid #e4ebf2;border-radius:10px;min-height:88px;padding:12px}.metric span{color:var(--muted);font-size:12px;display:block}.metric b{margin-top:5px;font-size:24px;display:block}.metric em{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal;display:block}.filter-metrics .metric{text-align:left;min-height:70px;padding:10px 12px}.filter-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-metrics .metric b{margin-top:3px;font-size:22px}.filter-metrics .metric em{white-space:nowrap;margin-top:2px}.filter-metrics .metric.active{background:#ecfdf8;border-color:#0f766e61;box-shadow:inset 0 0 0 1px #0f766e1f}.metric.hot b{color:var(--hot)}.metric.warn b{color:var(--warn)}.metric.ok b{color:var(--ok)}.table-wrap{border:1px solid #e7edf3;border-radius:10px;max-width:100%;overflow:auto}.table-wrap table{min-width:760px}.table-wrap.compact table{min-width:660px}.sort-head{width:100%;min-height:auto;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:700}.sort-head:hover:not(:disabled){color:var(--brand-strong);background:0 0;border-color:#0000;transform:none}.pagination{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.pagination label{grid-template-columns:none;align-items:center;gap:6px;display:inline-flex}.pagination select{width:76px;padding:7px 8px}.pagination input{width:72px;padding:7px 8px}.pagination button{min-height:32px;padding:6px 10px}.message-cell{max-width:320px}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:56px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.hot{color:#991b1b;background:#fee2e2}.status-pill.warn{color:#92400e;background:#fef3c7}.status-pill.ok{color:#166534;background:#dcfce7}.status-pill.muted{color:#475569;background:#e2e8f0}.detail-hero{color:#ecfeff;background:linear-gradient(135deg,#0f766e,#1d4ed8);border-radius:10px;justify-content:space-between;gap:14px;padding:14px;display:flex}.detail-hero p{color:#ffffffc2;margin:4px 0 0}.detail-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.detail-meta{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.detail-meta span{color:var(--muted);background:#f2f6fa;border-radius:8px;padding:6px 8px;font-size:12px}.detail-panel h3{margin:14px 0 8px}.resolution-history{margin:12px 0 4px}.resolution-history-item{background:#f8fbfd;border:1px solid #dbe7ef;border-radius:8px;justify-content:space-between;gap:12px;padding:9px 10px;font-size:13px;display:flex}.resolution-history-item+.resolution-history-item{margin-top:6px}.resolution-history-item span{color:var(--text);font-weight:700}.resolution-history-item time{color:var(--muted);white-space:nowrap}.stats-dashboard,.stats-screen{gap:18px;display:grid}.stats-type-selector{background:#fffffff0;border:1px solid #dbe4ede6;border-radius:14px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid;box-shadow:0 10px 28px #192a3e12}.stats-type-selector>div:first-child span{color:var(--muted);font-size:12px;display:block}.stats-type-selector strong{color:var(--ink);margin-top:5px;font-size:20px;display:block}.type-chip-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.type-chip-row button{border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;display:inline-flex}.type-chip-row button.active{color:#fff;border-color:var(--brand);background:var(--brand)}.type-chip-row button span{color:inherit}.type-chip-row button small{min-width:24px;color:inherit;background:#0f172a14;border-radius:999px;padding:2px 7px}.type-chip-row button.active small{background:#fff3}.section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-head p{color:var(--muted);margin:4px 0 0}.stats-mode-row{background:#ffffffb8;border:1px solid #e7edf3;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.inline-select{grid-template-columns:none;align-items:center;gap:7px;display:inline-flex}.inline-select select{width:106px}.stats-content{gap:18px;max-width:1180px;min-height:260px;display:grid;position:relative}.stats-loading{z-index:5;background:#eef3f7b8;border-radius:14px;place-items:center;display:grid;position:absolute;inset:0}.stats-loading div{color:var(--brand-strong);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #0f766e33;border-radius:12px;padding:14px 18px}.source-loading{color:var(--brand-strong);background:#f0fdfac7;border:1px dashed #0f766e47;border-radius:10px;padding:12px 14px;font-size:13px}.stats-grid{grid-template-columns:1fr;gap:16px;display:grid}.trend-panel,.rank-panel{background:#fbfdff;border:1px solid #e7edf3;border-radius:12px;padding:16px}.chart-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chart-head p{color:var(--muted);margin:4px 0 0}.trend-granularity{flex:none}.chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.range-picker{flex-wrap:wrap;max-width:100%}.chart-select{color:var(--muted);font-size:12px}.chart-select select{width:92px}.echart{width:100%;min-width:0}.trend-echart{cursor:grab;height:360px}.trend-echart:active{cursor:grabbing}.trend-summary{color:var(--muted);justify-content:flex-end;gap:10px;margin-top:8px;font-size:12px;display:flex}.trend-summary b{color:var(--brand-strong)}.rank-echart{height:320px;margin-top:8px}.funnel-breakdown{flex-direction:column;gap:16px;display:flex}.funnel-breakdown-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.funnel-rank-echart{height:380px}.rank-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-title{gap:3px;min-width:0;display:grid}.rank-head span{color:var(--muted);font-size:12px}.rank-list{gap:6px;margin-top:10px;display:grid}.rank-list div{background:#f4f8fb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.rank-list span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank-list b{color:var(--brand-strong);font-size:13px}.mini-empty{color:var(--muted);text-align:center;background:#f4f8fb;border-radius:8px;margin-top:10px;padding:10px;font-size:13px}.settings-stack{flex-direction:column;gap:18px;display:flex}.funnel-kpi{margin-bottom:16px}.token-cell,.token-copy-row{align-items:center;gap:8px;display:flex}.token-cell code,.token-copy-row code{word-break:break-all;font-size:12px}.manage-layout{grid-template-columns:minmax(480px,1fr) 360px;align-items:start;gap:16px;display:grid}.side-form{position:sticky;top:18px}.segmented{border:1px solid var(--line);background:#f4f8fb;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.segmented button{background:0 0;border:0;min-height:32px}.segmented button.active{color:#fff;background:var(--brand)}.empty-state{min-height:120px;color:var(--muted);background:#f8fbfd;border:1px dashed #c5d2df;border-radius:10px;place-items:center;padding:18px;display:grid}.error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;margin:0 0 14px;padding:10px 12px}.log-modal{z-index:50;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.log-modal-panel{background:#0f172a;border:1px solid #0f172a1f;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);width:min(1120px,100vw - 48px);min-width:0;height:min(760px,100vh - 72px);min-height:0;display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a59}.log-modal-panel header{color:#e5f0ff;background:linear-gradient(135deg,#0f766e,#1d4ed8);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.log-modal-panel header span{color:#ffffffb8;font-size:12px}.log-modal-panel header h2{margin:2px 0 0}.log-modal-panel header button{color:#0f172a;background:#e0f2fe;border-color:#0000}.log-modal-meta{color:#dbeafe;background:#111c31;border-bottom:1px solid #dbeafe1f;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 18px;display:grid}.log-modal-meta div{gap:4px;min-width:0;display:grid}.log-modal-meta .wide{grid-column:1/-1}.log-modal-meta span{color:#8ea4c2;font-size:12px}.log-modal-meta b{color:#f8fafc;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:700}.log-modal-panel pre{border-radius:0;height:100%;max-height:none;font-size:13px}@media (width<=1280px){.log-workspace{grid-template-columns:1fr}.detail-panel{grid-column:1/-1;max-height:none;position:static}}@media (width<=920px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.workspace{padding:14px}.topbar,.panel-head,.section-head,.detail-hero,.chart-head{flex-direction:column;align-items:stretch}.log-workspace,.manage-layout,.stats-dashboard,.stats-grid,.funnel-breakdown-grid,.stats-type-selector{grid-template-columns:1fr}.side-form{max-height:none;position:static}.type-hero{flex-direction:column;align-items:stretch}.metric-row{grid-template-columns:1fr}.log-modal{padding:12px}.log-modal-panel{width:min(100%,720px);height:min(78vh,680px)}}.visibility-global-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:4px 0 8px;display:grid}.visibility-gate{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px}.visibility-gate span{flex-direction:column;gap:2px;display:flex}.visibility-gate small{color:var(--muted);font-size:12px}