.portal-page,.portal-login{min-height:100vh;background:#f4f7fa;color:#15253a;font-family:Inter,system-ui,-apple-system,PingFang SC,sans-serif}.portal-page{padding:32px max(24px,calc((100vw - 1200px)/2)) 24px}.portal-header,.portal-heading,.portal-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-header{margin-bottom:30px}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand img{width:42px;height:42px}.portal-brand strong{font-size:23px;letter-spacing:-.6px}.portal-brand span{color:#617189;padding-left:14px;border-left:1px solid #d6dfe9}.portal-card{background:#fff;border:1px solid #e0e6ed;border-radius:18px;padding:28px;margin-bottom:22px}.portal-page h1,.portal-login h1{font-size:25px;font-weight:650;letter-spacing:-.5px;margin-bottom:12px}.portal-page h2{font-size:18px;font-weight:650;margin-bottom:14px}.portal-muted{font-size:13px;color:#67768a;line-height:1.7;margin-top:12px}.portal-page label,.portal-login label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550}.portal-page input,.portal-login input{width:100%;border:1px solid #cfd9e4;border-radius:10px;background:#fff;padding:12px 14px;font-size:14px;color:#15253a;outline:none}.portal-page input:focus,.portal-login input:focus{border-color:#278975;box-shadow:0 0 0 3px #ddf4ed}.portal-query{display:flex;align-items:end;gap:14px;margin-top:24px;flex-wrap:wrap}.portal-query label{flex:1;min-width:140px}.portal-query .portal-key{flex:2;min-width:220px}.portal-button{border-radius:10px;background:#102135;color:#fff;padding:13px 22px;font-weight:600;font-size:14px;white-space:nowrap}.portal-button:hover{background:#23405e}.portal-page button:disabled,.portal-login button:disabled{opacity:.5;cursor:wait}.portal-link{font-size:13px;color:#46657c;padding:8px}.portal-error{background:#fff1f1;border:1px solid #fecaca;color:#a22b33;border-radius:9px;padding:12px;font-size:13px;margin-top:16px}.portal-badge{background:#e9f4ef;color:#227158;border-radius:999px;padding:5px 12px;font-size:12px}.portal-meta,.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-meta dt{color:#758297;font-size:12px}.portal-meta dd{font-size:14px;margin-top:8px}.portal-metrics{margin-bottom:22px}.portal-metrics article{padding:23px;background:#fff;border-radius:14px;border:1px solid #e0e6ed}.portal-metrics span{font-size:12px;color:#67768a}.portal-metrics strong{display:block;margin-top:14px;font-size:21px;overflow-wrap:anywhere}.portal-table-wrap{overflow-x:auto}.portal-page table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.portal-page th{text-align:left;background:#f6f8fb;color:#6a7a8f;font-weight:500;padding:13px}.portal-page td{padding:15px 13px;border-bottom:1px solid #ecf0f4}.portal-pagination{justify-content:flex-end;font-size:13px;margin-top:20px}.portal-pagination span{margin-right:auto;color:#67768a}.portal-pagination button{border:1px solid #d8e0e9;padding:7px 13px;border-radius:8px}.portal-footer{text-align:center;color:#8190a3;font-size:12px;padding:24px}.portal-login{display:grid;place-items:center;padding:24px}.portal-login-card{width:100%;max-width:390px;background:#fff;border:1px solid #e0e6ed;padding:36px;border-radius:20px;box-shadow:0 20px 70px #142d4410}.portal-login h1{font-size:20px;margin:28px 0 24px}.portal-login form{display:flex;flex-direction:column;gap:20px}.portal-qr{width:220px;max-width:100%;margin:0 auto}.portal-login details{font-size:12px;overflow-wrap:anywhere}.portal-login details code{display:block;margin-top:8px}.portal-login .portal-error{margin-top:0}@media (max-width:760px){.portal-page{padding:20px 16px}.portal-card{padding:20px}.portal-meta,.portal-metrics{grid-template-columns:repeat(2,1fr)}.portal-query .portal-key{flex-basis:100%}.portal-query button{width:100%}.portal-brand span{font-size:13px}.portal-metrics strong{font-size:17px}.portal-login-card{padding:28px}}.portal-page{padding-inline:max(24px,calc((100vw - 1440px)/2));background:radial-gradient(ellipse at 40% 0,#e8f6f3 0,transparent 48%),#f6f8fa}.portal-page .portal-header{margin-bottom:24px}.portal-page .portal-search{padding:18px 24px}.portal-search .portal-query{margin-top:0;gap:12px}.portal-search label{gap:6px;font-size:12px}.portal-search input{padding:9px 12px;height:40px}.portal-search .portal-button{padding:10px 20px;height:40px}.portal-search-notes{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#8491a2}.portal-page .portal-summary{display:grid;grid-template-columns:1.25fr .85fr 1.2fr 1fr;padding:24px 0;box-shadow:0 2px 4px #142d4406}.portal-summary article{padding:0 24px;min-width:0}.portal-summary article+article{border-left:1px solid #edf0f3}.portal-key-title{display:flex;gap:10px;align-items:center;margin-bottom:16px}.portal-key-title strong{font-size:15px;overflow-wrap:anywhere}.portal-key-summary dl{font-size:12px;line-height:1.9}.portal-key-summary dl div{display:flex;gap:12px}.portal-key-summary dt{color:#8a95a6;flex-shrink:0}.portal-key-summary dd{color:#647186;font-variant-numeric:tabular-nums}.portal-stat{display:flex;align-items:center;gap:16px}.portal-stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.portal-stat-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.portal-blue{background:#e3edff;color:#3779fc}.portal-amber{background:#fff3cb;color:#df8b04}.portal-green{background:#ddfce8;color:#18a653}.portal-page .portal-stat h2{font-size:13px;color:#7b8697;margin:0 0 4px;font-weight:550}.portal-stat strong{font-size:27px;line-height:1.3;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.portal-stat p{font-size:12px;color:#94a0b1;line-height:1.7;margin-top:4px}.portal-page .portal-cost{color:#16a34a;font-variant-numeric:tabular-nums}.portal-page .portal-details{padding:0;overflow:hidden;box-shadow:0 2px 4px #142d4406}.portal-detail-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.portal-page .portal-detail-heading h2{font-size:15px;margin:0}.portal-detail-heading>span{font-size:12px;color:#94a0b1}.portal-details table{font-size:13px}.portal-details th{padding:15px 18px;letter-spacing:.3px;background:#f8fafb;border-block:1px solid #e8edf2;color:#7d8796}.portal-details td{padding:19px 18px;border-bottom:1px solid #e8edf2}.portal-details tbody tr:hover{background:#fafcfb}.portal-time{color:#687486;font-variant-numeric:tabular-nums}.portal-model{font-weight:550}.portal-ip{font-family:ui-monospace,SFMono-Regular,monospace;color:#687486}.portal-tokens{display:flex;gap:12px;font-variant-numeric:tabular-nums}.portal-tokens i{font-style:normal;font-size:20px;vertical-align:-1px}.portal-input{color:#25c297}.portal-output{color:#a778ff}.portal-cache{display:flex;align-items:center;gap:6px;color:#0799e5;font-size:12px;margin-top:4px}.portal-cache svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.portal-latency{position:relative;padding-left:12px;font-size:12px;line-height:1.65}.portal-latency:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:#15bd88;border-radius:3px}.portal-latency div{display:flex;gap:12px;justify-content:space-between}.portal-latency span{color:#99a3b2}.portal-latency strong{color:#1aab7b;font-weight:500;font-variant-numeric:tabular-nums}.portal-details .portal-empty{text-align:center;color:#94a0b1;padding:40px}.portal-detail-footer{padding:0 24px 18px}.portal-detail-footer .portal-muted{font-size:12px}@media (max-width:1150px){.portal-page .portal-summary{grid-template-columns:1fr 1fr;row-gap:24px}.portal-summary article:nth-child(3){border-left:0}.portal-summary article:nth-child(n+3){border-top:1px solid #edf0f3;padding-top:20px}}@media (max-width:760px){.portal-page{padding:20px 16px}.portal-page .portal-search{padding:16px}.portal-search .portal-query{gap:10px}.portal-search .portal-key{flex-basis:100%}.portal-search label{min-width:120px}.portal-summary article{padding-inline:16px}.portal-stat{gap:10px}.portal-stat-icon{width:34px;height:34px;border-radius:9px}.portal-stat-icon svg{width:20px;height:20px}.portal-stat strong{font-size:22px}.portal-key-title{flex-wrap:wrap;gap:6px}.portal-key-summary dl div{display:block}.portal-detail-heading{padding:16px}.portal-detail-footer{padding-inline:16px}}@media (max-width:420px){.portal-stat-icon{display:none}.portal-brand strong{font-size:20px}.portal-brand{gap:8px}.portal-brand span{padding-left:8px}.portal-header{gap:8px}}.portal-header-actions{display:flex;gap:12px;align-items:center}.portal-feedback-trigger{border:1px solid #cce5df;color:#218571;background:#fff;border-radius:8px;padding:7px 12px;font-size:13px;white-space:nowrap}.portal-feedback .portal-heading h2{margin:0}.portal-feedback form{margin-top:16px;display:grid;gap:16px}.portal-feedback textarea{resize:vertical;border:1px solid #cfd9e4;border-radius:10px;padding:12px 14px;font:inherit;line-height:1.6;background:#fff}.portal-feedback textarea:focus{outline:2px solid #ddf4ed;border-color:#278975}.portal-feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-feedback-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-feedback-bottom span{font-size:12px;color:#8491a2}.portal-feedback-success{margin-top:16px;background:#e9f8f1;color:#218571;padding:12px;border-radius:8px;font-size:13px;overflow-wrap:anywhere}@media (max-width:760px){.portal-header{flex-wrap:wrap}.portal-header-actions{margin-left:auto}.portal-feedback-fields{grid-template-columns:1fr}.portal-feedback-bottom{align-items:stretch;flex-direction:column}}.portal-image-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.portal-image-previews figure{width:180px;border:1px solid #dbe4eb;border-radius:10px;overflow:hidden}.portal-image-previews img{width:100%;height:120px;-o-object-fit:contain;object-fit:contain;background:#f5f7fa}.portal-image-previews figcaption{display:flex;gap:8px;justify-content:space-between;padding:8px;font-size:12px}.portal-image-previews figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-image-previews button{color:#b04444;flex-shrink:0}.portal-footer a{color:#547c8c;text-decoration:underline;text-underline-offset:3px}@media (max-width:420px){.portal-image-previews figure{width:calc(50% - 6px)}.portal-footer span{display:block;margin-top:6px}}.portal-query select{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #d8e0e9;border-radius:9px;background:#fff;color:#102135}
