:root{color:#171b18;background:#f3f5f2;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #ffffff;--surface-muted: #eef1ed;--ink: #171b18;--muted: #687069;--line: #d9ded9;--line-strong: #c5cbc5;--accent: #08765f;--accent-soft: #dff2eb;--warm: #c36143;--error: #b53d3d}*{box-sizing:border-box}html{min-width:320px;background:#f3f5f2}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(21,31,25,.035) 1px,transparent 1px),#f3f5f2;background-size:100% 48px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid rgba(8,118,95,.45);outline-offset:2px}.app-shell{min-height:100vh}.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 32px;border-bottom:1px solid rgba(197,203,197,.82);background:#f3f5f2ed;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid #b8c4bd;border-radius:7px;color:var(--accent);background:#f9fbf9}.brand>div{display:grid;gap:2px}.brand span,.section-kicker,.section-header span,.result-heading span,.drawer-header span{color:var(--muted);font-size:11px;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase}.brand strong{font-size:15px;line-height:1.1}.header-status{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:650}.workspace{width:min(1280px,calc(100% - 64px));min-height:calc(100vh - 116px);margin:0 auto;padding:58px 0 72px}.query-section{max-width:980px}.section-kicker{margin-bottom:13px;color:var(--accent)}.query-heading,.section-header,.result-heading,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.query-heading h1{margin:0;font-size:clamp(30px,4vw,48px);font-weight:720;line-height:1.05;letter-spacing:0}.query-heading p{margin:10px 0 0;color:var(--muted);font-size:14px}.query-form{display:flex;align-items:center;gap:8px;min-height:58px;margin-top:28px;padding:7px 8px 7px 18px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:0 14px 38px #1f2c2314;transition:border-color .16s ease,box-shadow .16s ease}.query-form:focus-within{border-color:#08765f94;box-shadow:0 18px 45px #1f2c231c}.query-form>svg{flex:0 0 auto;color:var(--accent)}.query-form input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-family:Cascadia Code,Consolas,monospace;font-size:15px}.query-form input::placeholder{color:#a0a7a1}.icon-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;cursor:pointer;place-items:center;border:1px solid transparent;border-radius:7px;color:#59615b;background:transparent;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .14s ease}.icon-button:hover:not(:disabled){border-color:var(--line);color:var(--ink);background:#f2f5f2}.icon-button:active:not(:disabled){transform:translateY(1px)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.query-button{display:inline-flex;min-width:106px;height:42px;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #05634f;border-radius:7px;color:#fff;background:var(--accent);font-size:14px;font-weight:700;transition:background .15s ease,transform .15s ease}.query-button:hover:not(:disabled){background:#056c57}.query-button:active:not(:disabled){transform:translateY(1px)}.query-button:disabled{cursor:wait;opacity:.8}.query-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;color:var(--muted);font-size:12px}.query-meta span{display:inline-flex;align-items:center;gap:6px}.message{display:flex;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;border-left:3px solid;font-size:13px}.error-message{border-color:var(--error);color:#862d2d;background:#fbeeee}.warning-message{border-color:#ba7430;color:#754515;background:#fff4e8}.empty-workspace,.loading-workspace{display:grid;min-height:300px;margin-top:56px;place-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.empty-workspace{grid-template-columns:minmax(240px,1fr) minmax(180px,.5fr);gap:64px;padding:48px 8%}.empty-ledger{width:100%}.empty-ledger span{display:block;height:1px;margin:34px 0;background:linear-gradient(90deg,var(--line-strong),transparent)}.empty-ledger span:nth-child(2){width:82%}.empty-ledger span:nth-child(3){width:64%}.empty-ledger span:nth-child(4){width:44%}.empty-workspace>div:last-child{display:grid;justify-items:start;gap:8px}.empty-workspace strong{color:var(--ink);font-size:16px}.empty-workspace svg{color:var(--accent)}.loading-workspace{align-content:center;justify-items:start;gap:14px;padding:0 12%}.loading-line{width:72%;height:16px;background:linear-gradient(90deg,#e1e5e0 20%,#f6f7f5,#e1e5e0 80%);background-size:220% 100%;animation:shimmer 1.4s infinite linear}.loading-line.short{width:42%}.results{margin-top:56px;animation:result-reveal .42s ease both}.result-heading{padding-bottom:22px}.result-heading h2{margin:7px 0 0;font-family:Cascadia Code,Consolas,monospace;font-size:clamp(19px,2.4vw,26px);letter-spacing:0}.status-line{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:13px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.metric{min-width:0;padding:25px 18px 23px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;overflow:hidden;margin-top:10px;color:var(--ink);font-size:26px;font-weight:720;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.metric small{display:block;margin-top:8px;color:#8a918b;font-size:11px}.analysis-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(290px,.9fr);gap:0;margin-top:54px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.trend-section,.key-facts{padding:32px 0}.trend-section{min-width:0;padding-right:40px;border-right:1px solid var(--line)}.key-facts{padding-left:40px}.section-header h3{margin:7px 0 0;font-size:19px;font-weight:700}.segmented{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:7px;background:#ecefeb}.segmented button{min-width:54px;height:30px;cursor:pointer;border:0;border-radius:5px;color:var(--muted);background:transparent;font-size:12px;font-weight:650}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1e28211f}.trend{margin-top:30px}.trend-summary{display:flex;align-items:flex-end;gap:44px}.trend-summary>div{display:grid;gap:7px}.trend-summary span{color:var(--muted);font-size:11px}.trend-summary strong{font-size:20px}.chart-bars{display:grid;height:210px;align-items:end;gap:7px;margin-top:24px;padding-top:16px;border-bottom:1px solid var(--line)}.chart-bars-7{grid-template-columns:repeat(7,minmax(18px,1fr))}.chart-bars-30{grid-template-columns:repeat(30,minmax(4px,1fr));gap:3px}.chart-column{display:grid;height:100%;grid-template-rows:minmax(0,1fr) 24px;align-items:end;gap:7px}.chart-track{position:relative;width:100%;height:100%}.chart-fill{position:absolute;bottom:0;width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--accent);transform-origin:bottom;animation:bar-grow .52s ease both;transition:height .26s ease,background .16s ease}.chart-column:hover .chart-fill{background:#0b9678}.chart-fill.negative{background:var(--warm)}.chart-column>span{min-width:0;overflow:hidden;color:#818882;font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.key-facts>.section-header svg{color:var(--accent)}.key-facts dl{margin:28px 0 0}.key-facts dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.key-facts dl>div:last-child{border-bottom:0}.key-facts dt{color:var(--muted);font-size:12px}.key-facts dd{margin:0;color:var(--ink);font-size:12px;font-weight:650;text-align:right}.records-section{margin-top:58px}.records-header{padding-bottom:19px;border-bottom:1px solid var(--line-strong)}.record-count{color:var(--muted);font-size:13px}.record-toolbar{display:flex;align-items:center;gap:10px;padding:16px 0}.search-control{display:flex;min-width:240px;height:38px;flex:1;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--surface)}.search-control:focus-within{border-color:#08765f8a}.search-control input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px}.record-toolbar select{height:38px;padding:0 34px 0 12px;cursor:pointer;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface);font-size:12px}.table-wrap{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;min-width:870px;border-collapse:collapse}th,td{padding:14px 13px;border-bottom:1px solid #e3e7e3;font-size:12px;text-align:left;white-space:nowrap}th{color:var(--muted);background:#eef1ed;font-size:11px;font-weight:700}tbody tr{cursor:pointer;transition:background .12s ease}tbody tr:hover{background:#f8faf8}tbody tr:last-child td{border-bottom:0}.model-name{display:block;max-width:260px;overflow:hidden;font-size:12px;text-overflow:ellipsis}td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.log-type{display:inline-flex;align-items:center;gap:7px}.log-type i{width:6px;height:6px;border-radius:50%;background:#8a928b}.log-type.consume i{background:var(--accent)}.log-type.error i{background:var(--error)}.log-type.refund i{background:var(--warm)}.empty-row{height:120px;color:var(--muted);text-align:center}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:4px}footer{display:flex;min-height:50px;align-items:center;justify-content:center;gap:28px;padding:12px 24px;border-top:1px solid var(--line);color:#747c75;font-size:11px}footer span{display:inline-flex;align-items:center;gap:5px}.drawer-backdrop{position:fixed;z-index:50;inset:0;display:flex;justify-content:flex-end;background:#13181457;backdrop-filter:blur(3px);animation:fade-in .16s ease both}.drawer{width:min(460px,100%);height:100%;overflow-y:auto;padding:28px;background:#fff;box-shadow:-16px 0 50px #151d1729;animation:drawer-in .22s ease both}.drawer-header{padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-header>div{display:grid;gap:7px}.drawer-header strong{font-size:18px}.detail-list{margin:20px 0 0}.detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;font-size:12px;font-weight:650;text-align:right}.request-id,.detail-content{margin-top:26px}.request-id>span,.detail-content>span{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.request-id{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.request-id>span{grid-column:1 / -1}.request-id code{overflow:hidden;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#f4f6f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.detail-content p{margin:0;padding:14px;border-left:3px solid var(--line-strong);color:#4e5650;background:#f5f7f4;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes result-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(24px)}to{transform:translate(0)}}@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid var(--line)}.metric:nth-child(4){padding-left:0}}@media(max-width:820px){.site-header{padding:0 18px}.workspace{width:min(100% - 36px,1280px);padding-top:38px}.analysis-grid{grid-template-columns:1fr}.trend-section{padding-right:0;border-right:0;border-bottom:1px solid var(--line)}.key-facts{padding-left:0}.record-toolbar{flex-wrap:wrap}.search-control{width:100%;flex-basis:100%}}@media(max-width:620px){.site-header{height:60px}.brand>div>span{display:none}.header-status{font-size:12px}.workspace{width:min(100% - 24px,1280px);min-height:calc(100vh - 110px);padding:30px 0 50px}.query-heading{align-items:flex-start}.query-heading h1{font-size:31px}.query-form{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(2,38px);padding:8px}.query-form>svg{margin-left:5px}.query-form .query-button{width:100%;grid-column:1 / -1}.query-form .icon-button:nth-of-type(3){display:none}.query-meta{align-items:flex-start;flex-direction:column;gap:7px}.empty-workspace{min-height:250px;grid-template-columns:1fr;gap:20px;padding:32px}.empty-ledger{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.metric:first-child,.metric:nth-child(4){padding:20px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:nth-child(n+5){border-bottom:0}.metric strong{font-size:22px}.trend-summary{gap:24px}.chart-bars{height:180px}.records-header{align-items:flex-end}.record-toolbar select{flex:1}.record-toolbar .segmented{width:100%}.record-toolbar .segmented button{flex:1}footer{flex-wrap:wrap;gap:12px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}