:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#172c3b;background:#f4f7f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;padding:9px 14px;border:1px solid #d9e2e8;background:#fff;border-radius:8px;color:#334f60;white-space:nowrap}button:hover{border-color:#128b83;color:#00766f}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid #dce4e9;padding:10px 12px;border-radius:8px;background:#fff;color:#334f60;min-width:0}input:focus,select:focus{outline:2px solid #b6dfd8;outline-offset:1px}.muted{color:#7b8c98}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand-icon{color:#08958a;font-size:30px}.badge{display:inline-block;font-size:11px;font-weight:500;letter-spacing:0;background:#eef4f5;border:1px solid #dae8e8;color:#5f7c80;border-radius:20px;padding:5px 9px;white-space:nowrap}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid #e4ebef;padding:27px 22px;display:flex;flex-direction:column}.workspace{margin:38px 10px 18px;font-size:11px;letter-spacing:1px;color:#8a9aa4}.workspace span{display:block;letter-spacing:0;margin-top:6px}nav .nav-active{padding:12px;background:#e8f5f2;color:#087c73;border-radius:8px;display:flex;align-items:center;gap:12px;font-weight:600}.nav-dot{width:6px;height:6px;background:#0a9c89;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-bottom p{font-size:11px;color:#93a1aa;line-height:1.9;margin:18px 0}.quiet{background:transparent;border-color:transparent;color:#8a9aa4}.main{margin-left:224px;width:calc(100% - 224px);padding:40px 44px 24px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#96a6b0}h1{font-size:30px;letter-spacing:-1px;margin:10px 0 8px}header p{margin:0;font-size:13px}.header-actions{display:flex;gap:12px;align-items:center}.live{color:#12867b;background:#e8f5f0;border-color:#d4ebe4}.warning{color:#a9772c;background:#fff6e6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.metrics article{background:#fff;border:1px solid #e1e9ee;border-radius:12px;padding:22px 24px}.metrics article>span{font-size:12px;color:#7a8c99}.metrics strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;margin:13px 0 8px}.metrics small{font-size:10px;color:#94a2ac}.metrics .small-value{font-size:23px;margin-top:19px;margin-bottom:10px}.records-panel{background:#fff;border:1px solid #e1e9ee;border-radius:12px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 15px}h2{font-size:16px;margin:0}.count{font-size:11px;background:#edf2f5;padding:3px 7px;border-radius:5px;color:#718491;margin-left:8px}.auto{display:flex;align-items:center;gap:5px;font-size:11px;color:#8b9ba6}.auto input{accent-color:#08887d}.filters{display:flex;gap:9px;padding:0 24px 20px;flex-wrap:wrap}.filters #q{flex:1;min-width:150px}.filters #model{max-width:220px}.filters input,.filters select,.filters button{font-size:12px;padding:9px 10px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f8fafb;color:#8495a1;font-weight:500;font-size:11px;padding:12px 24px;border-block:1px solid #edf1f4;white-space:nowrap}td{padding:18px 24px;border-bottom:1px solid #edf1f4;font-size:12px}tbody tr:hover{background:#fbfdfd}.time{font-size:11px;color:#8394a0;margin-bottom:7px;white-space:nowrap}.model-tag{display:inline-block;font-size:10px;padding:3px 7px;background:#f0f5f8;border-radius:4px;color:#52728a;max-width:250px;overflow-wrap:anywhere}.preview{max-width:490px;width:48%;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.status{font-size:10px;border-radius:5px;padding:4px 7px;white-space:nowrap}.good{background:#eaf6ef;color:#2f8b60}.pending{background:#f2f4f6;color:#8b99a3}.bad{background:#fff0ec;color:#c56a4f}.detail-button{border:0;color:#158b81;background:transparent;font-size:11px}.pagination{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#91a0aa}.pagination button{font-size:11px;margin-left:5px;padding:7px 10px}.bottom-note{font-size:10px;color:#96a3ad;line-height:1.8;margin-top:18px}.empty{text-align:center;padding:80px 20px;color:#8196a4}.empty small{display:block;margin-top:12px;color:#a0aeb7}.error{color:#bd5343;font-size:12px}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(at 10% 0%,#deeeeb,transparent 60%),#f5f8fa}.login-card{background:white;padding:40px;border:1px solid #e1e9ee;border-radius:16px;width:min(430px,90vw);box-shadow:0 18px 70px #2b5b6110}.login-card .brand{font-size:22px;margin-bottom:35px}.login-card h1{font-size:25px}.login-card label{display:block;font-size:12px;color:#637e8c;margin-top:22px}.login-card input{display:block;width:100%;margin-top:8px}.primary{background:#07877d;color:#fff;border:0;padding:12px;width:100%;margin-top:25px}.primary:hover{background:#066f66;color:#fff}.footnote{font-size:10px;color:#97a7b0;text-align:center;margin:25px 0 0}dialog{border:1px solid #dce7ec;border-radius:14px;width:min(980px,94vw);max-height:90vh;padding:0;color:#213c4c;box-shadow:0 30px 100px #102f4940}dialog::backdrop{background:#12293977;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #e5edf1;position:sticky;top:0;background:#fff;z-index:1}.dialog-header h2{font-size:20px;margin-top:7px}.dialog-header button{border:0;color:#8da0ac}.dialog-body{padding:24px 28px 36px}.detail-meta{display:flex;align-items:center;gap:15px;color:#8a9ba6;font-size:12px;margin-bottom:28px}.dialog-body section{margin-bottom:28px}.dialog-body h3{font-size:13px;display:flex;align-items:center;gap:8px}.role{display:grid;place-items:center;width:25px;height:25px;background:#eaf2f9;color:#527f9d;border-radius:7px;font-size:11px}.role.assistant{background:#e5f3ed;color:#258a65}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 inherit;background:#f6f8fa;border:1px solid #e8eef2;border-radius:9px;padding:18px;margin:10px 0;color:#36515f;max-height:60vh;overflow:auto}.images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}figure{margin:0;border:1px solid #e0e9ed;padding:10px;border-radius:8px;overflow:hidden}figure img{width:100%;height:180px;object-fit:contain;background:#f5f7f9}figcaption{font-size:10px;color:#8296a3;margin-top:8px;line-height:1.7}.image-url{font-size:9px;color:#a0afb7;overflow-wrap:anywhere;max-height:38px;overflow:auto;margin-top:7px}details{margin:12px 0;color:#78909e;font-size:12px}summary{cursor:pointer}.usage{font-size:10px;color:#94a6b1;overflow-wrap:anywhere}@media(max-width:1000px){.sidebar{width:180px;padding:24px 15px}.main{margin-left:180px;width:calc(100% - 180px);padding:30px 22px}.metrics{gap:10px}.metrics article{padding:18px}th,td{padding:14px}.filters{padding-inline:15px}}@media(max-width:720px){.sidebar{display:none}.main{margin:0;width:100%;padding:24px 14px}header{align-items:start;gap:10px}h1{font-size:25px}.header-actions{flex-direction:column;gap:8px}.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{display:none}.metrics strong{font-size:24px}.metrics small{font-size:9px}.panel-top{padding:18px 15px}.auto{font-size:10px}.filters #q{flex-basis:100%}.filters #model{max-width:150px}.preview{min-width:220px}.pagination{padding:14px}.dialog-body{padding:18px}.dialog-header{padding:18px}}
.preview-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:5.4em;overflow:hidden}pre{font-family:inherit;font-size:13px;line-height:1.9}