:root{--ink:#17213a;--muted:#7c879e;--faint:#aab3c2;--line:#e9edf3;--paper:#fff;--canvas:#f5f7fb;--nav:#111a2d;--nav-muted:#8994ac;--blue:#5268ec;--blue2:#7788ff;--teal:#16b894;--shadow:0 8px 24px rgba(25,39,74,.045);--radius:14px;--sans:'DM Sans',Manrope,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'DM Mono',Consolas,monospace}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--nav);color:white;display:flex;flex-direction:column;z-index:30;padding:22px 15px 14px;transition:width .22s ease,transform .22s ease;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;position:relative}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#5269f1,#8b65df);font-size:22px;box-shadow:0 8px 20px #5965d355}.brand-mark-small{width:38px;height:38px;font-size:19px;border-radius:12px}.brand-word{letter-spacing:1.45px;font-size:14px;font-weight:800}.brand-word span{color:#9ba7ff}.brand-caption{margin-top:2px;font:9px var(--mono);letter-spacing:1.35px;color:#75829c}.collapse-btn{margin-left:auto;border:0;color:#8290a9;background:#202b41;border-radius:8px;width:26px;height:26px;font-size:17px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid #28334a;background:#19243a;border-radius:11px;padding:10px;margin:0 1px 21px}.workspace-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#28364e;color:#dce5ff;font-weight:700}.workspace-copy{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}.workspace-copy b{font-size:11px;font-weight:600}.workspace-copy span{font-size:10px;color:#8794ab;margin-top:3px}.workspace-chevron{color:#8290a9}.nav-groups{overflow:auto;flex:1;scrollbar-width:none}.nav-groups::-webkit-scrollbar{display:none}.nav-label{padding:0 11px 8px;color:#76839d;font-size:9px;letter-spacing:1.5px;font-weight:700}.nav-label-spaced{padding-top:24px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;height:40px;margin:2px 0;padding:0 11px;color:#aab4c9;background:transparent;border:0;border-radius:9px;text-align:left;font-size:12px;transition:background .15s,color .15s}.nav-item:hover{background:#1b2740;color:#fff}.nav-item.active{background:linear-gradient(100deg,#293657,#242f4d);color:#fff;box-shadow:inset 2px 0 #7d8bff}.nav-icon{width:18px;text-align:center;color:#8492b0;font-size:16px}.nav-item.active .nav-icon{color:#b6c0ff}.nav-badge{margin-left:auto;font:8px var(--mono);letter-spacing:.8px;color:#46dcb5;background:#164238;padding:3px 5px;border-radius:5px}.nav-count{margin-left:auto;border-radius:6px;background:#222f48;color:#98a6bd;padding:2px 7px;font-size:10px}.nav-external{margin-left:auto;color:#74819a}.sidebar-bottom{padding-top:13px}.connection-card{padding:12px 11px 10px;border:1px solid #29354c;background:#172239;border-radius:10px}.connection-top{display:flex;align-items:center;gap:8px;font-size:10px}.connection-top b{font-weight:600}.conn-menu{margin-left:auto;color:#8894a9;font-size:16px}.connection-meta{display:flex;justify-content:space-between;margin-top:9px;color:#73819b;font:8px var(--mono);letter-spacing:.6px}.connection-latency{color:#36c29d}.connection-track{height:3px;background:#27334a;border-radius:5px;margin-top:9px;overflow:hidden}.connection-track i{display:block;height:100%;width:77%;background:linear-gradient(90deg,#16a982,#69d8ae);border-radius:5px}.pulse-dot{display:inline-block;width:7px;height:7px;background:#26c69a;border-radius:100%;box-shadow:0 0 0 3px #26c69a22;flex:none}.sidebar-user{display:flex;align-items:center;gap:9px;padding:17px 5px 12px}.user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#efb987,#e47572);color:#fff;font-size:12px;font-weight:700}.user-copy{display:flex;flex-direction:column;flex:1;line-height:1.3}.user-copy b{font-size:11px;font-weight:600}.user-copy span{margin-top:2px;color:#8290a9;font-size:10px}.logout-btn{color:#8290a9;background:transparent;border:0;font-size:17px}.sidebar-version{padding:10px 6px 0;border-top:1px solid #27334a;color:#75829b;font:9px var(--mono);letter-spacing:.7px}.sidebar-version span{float:right;color:#8290a9}.main-area{min-height:100vh;margin-left:258px;transition:margin-left .22s ease}.mobile-menu{display:none}.topbar{position:sticky;top:0;z-index:20;height:66px;padding:0 36px;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px}.crumb-root{color:#98a2b4}.crumb-slash{color:#cbd1dc}.breadcrumbs b{font-weight:600;color:#34415d}.topbar-right{display:flex;align-items:center;gap:15px}.search-trigger{height:32px;width:195px;padding:0 8px 0 11px;display:flex;align-items:center;gap:7px;border:1px solid #edf0f5;border-radius:8px;background:#fafbfc;color:#94a0b4;font-size:10px}.search-trigger>span:first-child{font-size:16px}.search-trigger kbd{margin-left:auto;border:1px solid #e6e9ef;border-radius:5px;padding:2px 4px;color:#9ba5b5;font:9px var(--mono)}.icon-button{width:31px;height:31px;display:grid;place-items:center;background:white;border:1px solid #edf0f5;border-radius:8px;color:#6f7b91;font-size:16px}.icon-button:hover{border-color:#cbd4eb;color:var(--blue)}.topbar-divider{height:22px;width:1px;background:#e8ebf1}.top-status{display:flex;align-items:center;gap:8px;color:#75829a;font-size:10px}.notification-button{position:relative;background:transparent;border:0;color:#7b879e;font-size:17px}.notification-button i{position:absolute;right:1px;top:2px;width:5px;height:5px;background:#f07878;border:1px solid #fff;border-radius:50%}.top-user{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#46526a;font-size:11px}.small-avatar{width:26px;height:26px;font-size:10px}.chevron{color:#a2adbc}.content-wrap{max-width:1450px;margin:0 auto;padding:30px 36px 56px}.page{display:none;animation:pageIn .25s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 23px}.page-kicker{font:9px var(--mono);letter-spacing:1.05px;color:#99a4b7;text-transform:uppercase}.kicker-dot{display:inline-block;width:4px;height:4px;background:#536cf4;vertical-align:middle;border-radius:50%;margin:0 6px}.page-heading h1{margin:6px 0 4px;font-size:27px;line-height:1.25;letter-spacing:-.9px;font-weight:750}.page-heading p{margin:0;color:#8893a7;font-size:11px}.wave{display:inline-block;color:#f3ab59;font-size:20px;vertical-align:2px}.heading-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:8px;font-size:10px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:all .15s}.btn-primary{color:white;background:var(--blue);box-shadow:0 3px 8px #5268ec28}.btn-primary:hover{background:#4056dd;transform:translateY(-1px)}.btn-secondary{color:#5b6780;border-color:#e6eaf1;background:#fff}.btn-secondary:hover{border-color:#c8d0e3;background:#fbfcff}.btn-danger{color:white;background:#e45766;border-color:#e45766}.button-icon{font-size:15px}.hero-strip{position:relative;display:flex;align-items:center;gap:13px;height:103px;margin-bottom:24px;padding:17px 23px;overflow:hidden;border-radius:13px;background:linear-gradient(103deg,#3347c9,#4e59dc 48%,#7051d2);color:white;box-shadow:0 10px 26px #4251cc24}.hero-orb{position:absolute;right:19%;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#b3bdff30,#7d83f600 70%)}.hero-icon{z-index:1;display:grid;place-items:center;width:39px;height:39px;border:1px solid #c2c9ff45;border-radius:12px;background:#fff1;font-size:20px}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}.hero-overline{display:flex;align-items:center;gap:9px;font:8px var(--mono);letter-spacing:1px;color:#d4d9ff}.hero-live{display:flex;align-items:center;gap:5px;color:#c3f5e8;font-size:7px}.hero-live i,.live-label i,.demo-pill i{width:5px;height:5px;border-radius:50%;background:#4fe0b5;box-shadow:0 0 0 3px #4fe0b522}.hero-copy>b{font-size:17px;letter-spacing:-.4px}.hero-copy>span:last-child{color:#d6dcff;font-size:10px}.hero-link{position:relative;z-index:1;margin-left:auto;border:0;background:transparent;color:white;font-size:9px}.hero-link span{padding-left:5px}.hero-chart{align-self:flex-end;display:flex;align-items:end;gap:5px;width:135px;height:44px;margin-left:7px;opacity:.42}.hero-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#fff2,#fff);min-height:8px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-title-row h2{margin:0;font-size:14px;font-weight:700}.section-title-row>div:first-child>span{display:block;margin-top:2px;color:#9aa4b5;font-size:9px}.period-select{display:flex;align-items:center;gap:7px;border:1px solid #eaedf3;background:#fff;border-radius:7px;padding:6px 9px;color:#75819a;font-size:9px}.status-dot{width:6px;height:6px;background:#28c69a;border-radius:50%}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel-card{background:var(--paper);border:1px solid #edf0f5;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{height:149px;position:relative;padding:14px 15px;overflow:hidden}.stat-top{display:flex;align-items:center;gap:8px}.stat-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px}.icon-accounts{color:#5268ec;background:#eef0ff}.icon-credits{color:#16a989;background:#e9f8f4}.icon-requests{color:#9670de;background:#f3efff}.icon-tokens{color:#dc9a3e;background:#fff5e8}.stat-period{color:#78849a;font-size:9px}.stat-more{margin-left:auto;color:#b1bac8;font-size:16px;line-height:1}.refresh-link{margin-left:auto;border:0;background:transparent;color:#9ba5b5;font-size:15px}.stat-value{display:flex;align-items:baseline;gap:6px;margin-top:9px;font-size:24px;font-weight:750;letter-spacing:-.7px}.stat-value small{color:#a1abba;font-size:9px;font-weight:500;letter-spacing:0}.stat-foot{display:flex;align-items:center;gap:5px;margin-top:6px}.stat-sub{color:#99a3b3;font-size:8px}.trend-pill{display:inline-flex;align-items:center;padding:3px 6px;border-radius:5px;font-size:8px}.trend-up{margin-left:auto;background:#eff9f5;color:#22a17f}.trend-neutral{margin-left:auto;background:#f2f4f8;color:#8793a7}.mini-sparkline{position:absolute;right:0;bottom:-1px;width:48%;height:32px;opacity:.45}.mini-sparkline svg{width:100%;height:100%;overflow:visible}.mini-sparkline path{fill:none;stroke-width:2.1;vector-effect:non-scaling-stroke}.spark-teal path{stroke:#28bd9c}.spark-blue path{stroke:#6680ef}.spark-violet path{stroke:#9d78df}.spark-orange path{stroke:#e3a253}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(265px,.88fr);gap:13px;margin-top:15px}.usage-panel,.route-panel,.model-usage-panel,.activity-panel{padding:17px 17px 14px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-header h3{margin:0;font-size:12px;font-weight:700}.panel-header p{margin:3px 0 0;color:#99a3b4;font-size:9px}.select-small{height:29px;padding:0 9px;border:1px solid #e9edf3;border-radius:7px;background:#fff;color:#77839a;font-size:9px;outline:none}.chart-legend{display:flex;align-items:center;gap:13px;margin-top:15px;color:#8490a3;font-size:8px}.chart-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:3px}.legend-requests{background:#5a70ea}.legend-tokens{background:#38c3a4}.legend-relay{background:#9f7cdb}.legend-fallback{background:#efb357}.chart-unit{margin-left:auto;color:#b2bac6!important;font:7px var(--mono);letter-spacing:.5px}.chart-area{height:153px;display:flex;gap:8px;margin-top:7px}.chart-y-labels{width:30px;display:flex;flex-direction:column;justify-content:space-between;padding:1px 0 19px;color:#a6afbd;font:7px var(--mono);text-align:right}.chart-main{position:relative;flex:1;min-width:0;margin-bottom:16px}.chart-gridlines{position:absolute;inset:0 0 0;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{display:block;border-top:1px dashed #edf0f5}.usage-chart{position:absolute;inset:7px 0 0;display:flex;align-items:flex-end;gap:9px;justify-content:space-around}.usage-chart .bar-group{height:100%;display:flex;align-items:flex-end;gap:3px;flex:1;max-width:36px;position:relative}.bar-group .bar{width:45%;min-height:2px;border-radius:3px 3px 0 0;background:#6075ee;transition:height .4s ease}.bar-group .bar.tokens{background:#4dc8ac;opacity:.78}.chart-x-labels{position:absolute;inset:auto 0 -18px;display:flex;justify-content:space-around;color:#a1abba;font:7px var(--mono)}.chart-footer{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #f1f3f7;color:#a0aabb;font-size:8px}.chart-foot-total b{color:#56637c;font:10px var(--mono);font-weight:500}.route-panel{min-height:256px}.live-label{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;background:#eef9f4;color:#35a688;font:8px var(--mono);letter-spacing:.4px}.route-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:23px;color:#8b96a8;font-size:9px}.route-total b{color:#273651;font-size:23px;letter-spacing:-.5px}.route-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:10px;background:#eef1f5}.route-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#586fec,#7b87ee);transition:width .4s}.route-legend{display:grid;gap:10px;margin-top:16px}.route-legend>div{display:flex;align-items:center;justify-content:space-between;color:#7e899e;font-size:9px}.route-legend>div span{display:flex;align-items:center;gap:7px}.route-legend b{color:#485672;font:10px var(--mono);font-weight:500}.route-divider{height:1px;margin:15px 0 11px;background:#eef0f4}.route-health{display:flex;align-items:center;gap:9px}.health-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ebf8f3;color:#27ae87}.route-health>div{display:flex;flex:1;flex-direction:column;line-height:1.3}.route-health b{font-size:9px;font-weight:600}.route-health small{margin-top:3px;color:#9aa5b5;font-size:8px}.health-time{color:#2caa87;font-size:8px}.lower-grid{grid-template-columns:1fr 1fr}.top-model-list,.activity-list{margin-top:13px}.skeleton-line{height:26px;margin-bottom:8px;background:linear-gradient(90deg,#f5f6f9,#fafbfc,#f5f6f9);border-radius:7px}.top-model-row{display:grid;grid-template-columns:22px minmax(100px,1fr) 75px 48px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f1f3f7}.model-rank{color:#a4adbb;font:9px var(--mono)}.model-rank.rank-top{color:#556dec}.top-model-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b5871;font-size:9px;font-weight:600}.model-progress{height:4px;background:#eef0f5;border-radius:5px;overflow:hidden}.model-progress i{display:block;height:100%;background:linear-gradient(90deg,#576ce6,#a396eb);border-radius:5px}.top-model-count{color:#8490a4;font:8px var(--mono);text-align:right}.activity-row{display:grid;grid-template-columns:23px minmax(110px,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #f1f3f7}.activity-status{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;font-size:10px}.activity-status.ok{color:#22a582;background:#eaf8f3}.activity-status.fail{color:#d66d74;background:#fff0f0}.activity-main{min-width:0;display:flex;flex-direction:column}.activity-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b5871;font-size:9px;font-weight:600}.activity-main small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ba5b4;font:8px var(--mono)}.activity-time{color:#a2acba;font:8px var(--mono)}.compact-heading{align-items:center;margin-bottom:20px}.compact-heading h1{font-size:24px}.account-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:15px}.summary-tile,.metric-card{display:flex;flex-direction:column;padding:16px 17px;background:white;border:1px solid #edf0f5;border-radius:12px;box-shadow:var(--shadow)}.summary-tile>span,.metric-card>span{color:#8792a5;font-size:9px}.summary-tile>b,.metric-card>b{margin-top:7px;color:#26344e;font-size:22px;letter-spacing:-.5px}.summary-tile>small,.metric-card>small{margin-top:3px;color:#a2acba;font-size:8px}.green-text{color:#21a27e!important}.amber-text{color:#d8933e!important}.panel-card.table-card{overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #eef0f4}.filter-tabs{display:flex;gap:5px}.filter-tab{padding:6px 9px;border:0;border-radius:6px;background:transparent;color:#8792a5;font-size:9px}.filter-tab span{padding-left:3px;color:#aab3c0}.filter-tab.selected{background:#f0f2ff;color:#5268ec;font-weight:600}.filter-tab.selected span{color:#7585ed}.toolbar-right{display:flex;align-items:center;gap:7px}.table-search{display:flex;align-items:center;gap:6px;height:29px;min-width:180px;padding:0 9px;border:1px solid #eceff4;border-radius:7px;background:white;color:#a0aaba}.table-search>span{font-size:15px}.table-search input{width:100%;border:0;outline:0;background:transparent;color:#526078;font-size:9px}.table-search input::placeholder{color:#b2bbc7}.icon-button.subtle{width:29px;height:29px;border-color:#edf0f5;color:#919caf;font-size:14px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{height:36px;padding:0 12px;background:#fafbfd;color:#9ba5b4;font-size:8px;letter-spacing:.15px;font-weight:600}td{height:49px;padding:8px 12px;border-top:1px solid #f1f3f6;color:#69768d;font-size:9px}tbody tr:hover td{background:#fcfdff}.empty-cell{text-align:center;color:#9ca6b6;height:88px}.table-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #f0f2f6;color:#9ba5b4;font-size:8px}.pagination{display:flex;gap:4px}.pagination button{width:22px;height:22px;border:1px solid #edf0f5;border-radius:5px;background:white;color:#8994a7}.pagination button:disabled{color:#c3cad3}.pagination button.current-page{border-color:#e0e4ff;background:#f1f2ff;color:#5367e7}.notice-bar{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 12px;border-radius:9px;background:#f0f5ff;color:#7081a0;font-size:9px}.notice-bar>span:first-child{color:#6480dc;font-size:12px}.notice-bar code,.key-hero-hint code{font:9px var(--mono);color:#59699c}.notice-amber{background:#fff8ec;color:#9c8355}.notice-amber>span:first-child{color:#dfa543}.account-name-cell{display:flex;align-items:center;gap:8px}.account-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf1ff;color:#6074df;font-size:10px;font-weight:700}.account-name-main{display:flex;flex-direction:column}.account-name-main b{color:#47546d;font-size:9px;font-weight:600}.account-name-main small{margin-top:2px;color:#a0a9b6;font:8px var(--mono)}.mono{font:9px var(--mono);color:#8792a4}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;background:#edf8f3;color:#27a481;font-size:8px}.status-pill i{width:5px;height:5px;background:currentColor;border-radius:50%}.status-pill.disabled{background:#fff4e8;color:#d69240}.mini-action{padding:4px 7px;border:1px solid #e9edf4;border-radius:6px;background:#fff;color:#78849a;font-size:8px}.mini-action:hover{color:#5368e6;border-color:#d8def8}.row-actions{display:flex;gap:4px;justify-content:flex-end}.key-hero{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:112px;margin-bottom:12px;padding:20px 23px;border-radius:13px;color:#fff;background:linear-gradient(107deg,#303d9b,#4c59cf 55%,#7262d8)}.key-hero:after{position:absolute;content:"";right:100px;top:-95px;width:235px;height:235px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff05}.key-hero-label{color:#d0d6ff;font:8px var(--mono);letter-spacing:1.1px}.key-endpoint{display:flex;align-items:center;gap:10px;margin-top:6px}.key-endpoint code{font:14px var(--mono);letter-spacing:.2px}.key-endpoint button{border:0;background:#fff2;border-radius:6px;color:#fff;width:25px;height:25px}.key-hero-hint{margin-top:5px;color:#d5d9ff;font-size:8px}.key-hero-hint span{padding:0 5px;color:#aeb7ed}.key-hero-mark{position:relative;z-index:1;margin-right:24px;color:#d6d9ff7a;font-size:49px}.key-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;padding:13px 5px;background:white;border:1px solid #edf0f5;border-radius:11px;box-shadow:var(--shadow)}.key-metrics>div{display:flex;flex-direction:column;gap:5px;padding:0 17px;border-right:1px solid #eef0f4}.key-metrics>div:last-child{border:0}.key-metrics span{color:#8994a7;font-size:8px}.key-metrics b{color:#3c4964;font:13px var(--mono);font-weight:500}.key-metrics .auth-active{display:flex;align-items:center;gap:7px;font:10px var(--sans);color:#299d7e}.auth-active i{width:5px;height:5px;background:#28bd94;border-radius:50%}.table-heading{display:flex;align-items:baseline;gap:9px}.table-heading h3{margin:0;font-size:11px}.table-heading>span{color:#9aa5b4;font-size:8px}.key-cell{display:flex;align-items:center;gap:7px}.key-cell code{font:8px var(--mono);color:#616d85}.key-copy{border:0;background:transparent;color:#8e9aac}.usage-cell{display:flex;flex-direction:column;gap:3px}.usage-cell b{color:#53617c;font:9px var(--mono);font-weight:500}.usage-cell small{color:#a5adba;font-size:8px}.limit-input{width:68px;height:25px;border:1px solid #e9edf2;border-radius:6px;padding:0 6px;color:#66738b;font:9px var(--mono)}.strict-toggle{position:relative;width:26px;height:15px;border:0;border-radius:12px;background:#dfe4eb;vertical-align:middle}.strict-toggle:after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:left .15s}.strict-toggle.on{background:#576be6}.strict-toggle.on:after{left:13px}.log-filters{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #edf0f4}.wide-search{flex:1}.log-message{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#8792a5}.log-ok{color:#1da07d}.log-failed{color:#df777b}.logs-key{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font:8px var(--mono);color:#8a95a8}.usage-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 15px}.metric-card{min-height:100px}.metric-card>b{font-size:21px}.usage-large{padding:17px;margin-bottom:15px}.usage-large-chart{height:195px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:17px 10px 0;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#f0f2f6 48px)}.large-chart-column{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;flex:1;max-width:45px}.large-chart-column i{width:42%;min-height:2px;border-radius:4px 4px 0 0;background:#6174ec}.large-chart-column i+ i{background:#43c1a2;opacity:.8}.large-chart-labels{display:flex;justify-content:space-around;padding:7px 4px 0;color:#9ba5b4;font:8px var(--mono)}.model-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.model-total{display:flex;align-items:baseline;gap:6px;margin-right:auto}.model-total b{font:17px var(--mono);color:#485879}.model-total span{color:#96a1b2;font-size:9px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.model-card{min-height:132px;padding:14px;background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.model-card:hover{transform:translateY(-2px);border-color:#d7def7}.model-card-head{display:flex;align-items:center;gap:8px}.vendor-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef1ff;color:#586ceb;font-size:12px;font-weight:700}.vendor-icon.v-deepseek{background:#e9f5ff;color:#3284c8}.vendor-icon.v-qwen{background:#f3edff;color:#865ed3}.vendor-icon.v-minimax{background:#fff3e8;color:#de9448}.vendor-icon.v-kimi{background:#eaf7f3;color:#32a687}.vendor-icon.v-doubao{background:#fff0f0;color:#d86771}.model-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;color:#485570}.model-card-copy{margin-top:11px;color:#9aa4b3;font-size:8px}.model-tags{display:flex;gap:5px;margin-top:11px}.model-tag{padding:4px 6px;border-radius:5px;background:#f6f7fa;color:#7c879a;font:7px var(--mono)}.playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:13px}.playground-chat{min-height:550px;display:flex;flex-direction:column;overflow:hidden}.chat-header{height:52px;display:flex;align-items:center;gap:9px;padding:0 15px;border-bottom:1px solid #eef0f4}.chat-model-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef1ff;color:#6174ed}.chat-header>div:nth-child(2){display:flex;flex-direction:column;line-height:1.25}.chat-header>div:nth-child(2) b{color:#4b5872;font-size:10px}.chat-header>div:nth-child(2) span{display:flex;align-items:center;gap:5px;margin-top:3px;color:#9ca6b5;font-size:8px}.chat-header>div:nth-child(2) .pulse-dot{width:5px;height:5px}.chat-header .icon-button{margin-left:auto}.chat-messages{display:flex;flex:1;min-height:320px;overflow:auto;padding:20px}.chat-welcome{align-self:center;width:100%;text-align:center}.welcome-orbit{width:42px;height:42px;margin:0 auto 11px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eef0ff,#f7f2ff);color:#6d78ec;font-size:20px}.chat-welcome h3{margin:0;color:#4a5770;font-size:13px}.chat-welcome p{margin:5px 0 18px;color:#9aa4b4;font-size:9px}.prompt-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.prompt-chips button{padding:8px 10px;border:1px solid #edf0f5;border-radius:8px;background:#fff;color:#718098;font-size:8px}.prompt-chips button:hover{border-color:#cfd6f6;color:#5368e9}.prompt-chips button span{padding-left:7px;color:#aab3c1}.chat-message{display:flex;gap:9px;margin-bottom:15px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.chat-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#eef0ff;color:#5a6bea;font-size:11px;flex:none}.chat-message.user .chat-avatar{background:#f4eee8;color:#bc8550}.chat-bubble{max-width:80%;padding:9px 11px;border-radius:10px;background:#f6f7fb;color:#56637c;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user .chat-bubble{background:#eef1ff;color:#4555ae}.chat-bubble small{display:block;margin-top:6px;color:#98a3b4;font:8px var(--mono)}.chat-composer{padding:11px 13px;border-top:1px solid #edf0f4}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.model-picker{display:flex;align-items:center;gap:6px;color:#9aa4b5;font-size:8px}.model-picker select{max-width:220px;border:0;background:transparent;color:#56647d;font-size:9px;outline:0}.composer-hint{color:#a2acba;font-size:8px}.composer-input{display:flex;gap:8px;align-items:flex-end;padding:9px;border:1px solid #e7ebf2;border-radius:10px;background:#fff}.composer-input textarea{flex:1;resize:vertical;min-height:38px;max-height:120px;border:0;outline:0;color:#4a5771;font-size:10px}.composer-input textarea::placeholder{color:#abb4c1}.send-button{width:28px;height:28px;border:0;border-radius:8px;background:#5a6de9;color:#fff;font-size:19px;line-height:1}.composer-footer{display:flex;justify-content:space-between;margin-top:7px;color:#a8b0bc;font-size:8px}.composer-footer code{font:8px var(--mono);color:#8290aa}.playground-side{display:flex;flex-direction:column;gap:12px}.playground-side .panel-card{padding:14px}.field-label{display:block;margin:14px 0 6px;color:#75819a;font-size:9px;font-weight:600}.field-label small{color:#a2acb9;font-weight:400}.field-control{width:100%;height:34px;padding:0 10px;outline:0;border:1px solid #e8ecf2;border-radius:7px;background:#fff;color:#58657e;font-size:9px}.field-control:focus{border-color:#aeb9f4;box-shadow:0 0 0 3px #596feb12}.range-control{width:100%;accent-color:#596deb}.playground-info{display:flex;gap:7px;margin-top:14px;padding:9px;border-radius:8px;background:#f4f6ff;color:#6877bd;font-size:8px}.playground-info p{margin:0;line-height:1.5}.call-stats{display:grid;gap:10px;margin-top:12px}.call-stats>div{display:flex;justify-content:space-between;color:#909bad;font-size:8px}.call-stats b{color:#5a6780;font:9px var(--mono);font-weight:500}.demo-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:#effaf5;color:#299d7d;font:8px var(--mono)}.channel-list{display:grid;gap:10px;margin-bottom:13px}.channel-card{padding:14px 15px;border:1px solid #edf0f5;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.channel-head{display:flex;align-items:center;gap:8px}.channel-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef1ff;color:#586feb;font-weight:700}.channel-head b{color:#4e5a73;font-size:10px}.channel-head span{color:#a0a9b7;font-size:8px}.channel-head .channel-toggle{margin-left:auto}.channel-detail{display:flex;flex-wrap:wrap;gap:12px;margin:11px 0;color:#909bad;font-size:8px}.channel-detail code{font:8px var(--mono);color:#67758e}.channel-actions{display:flex;gap:6px;padding-top:9px;border-top:1px solid #f0f2f5}.channel-form-card{padding:16px}.channel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-bottom:12px}.full-field{grid-column:1/-1}.inline-message{padding-left:9px;color:#299b7a;font-size:9px}.settings-grid{display:grid;grid-template-columns:177px minmax(0,1fr);gap:13px}.settings-nav{align-self:start;padding:7px}.settings-tab{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#8994a6;text-align:left;font-size:11px}.settings-tab.selected{background:#f0f2ff;color:#5268ec;font-weight:600}.settings-section{padding:16px;margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:9px 0;border-top:1px solid #f0f2f6}.settings-row>div:first-child{display:flex;flex-direction:column}.settings-row b{color:#59667d;font-size:9px}.settings-row small{margin-top:3px;color:#9ca6b5;font-size:8px}.settings-row code{font:9px var(--mono);color:#697691}.setting-input{max-width:210px}.price-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-settings label{color:#75819a;font-size:9px}.price-settings .field-control{display:block;margin-top:6px}.password-form{margin-top:18px;padding-top:14px;border-top:1px solid #f0f2f6}.password-form h4{margin:0;color:#59667d;font-size:10px}.password-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.password-fields label{color:#8190a5;font-size:8px}.password-fields .field-control{display:block;margin-top:5px}.code-snippet{overflow:hidden;border:1px solid #283753;border-radius:9px;background:#121d32;color:#d9e2f5}.snippet-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #283753;color:#99a8c6;font:8px var(--mono)}.snippet-head button{border:0;background:transparent;color:#9eaef0}.code-snippet pre{overflow:auto;padding:13px;margin:0;font:9px/1.8 var(--mono)}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,.94fr);background:#fff}.login-art{position:relative;min-height:100vh;overflow:hidden;padding:39px 6vw;background:linear-gradient(148deg,#111b3b,#203c79 54%,#6557cb);color:#fff}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 72%,transparent);opacity:.45}.art-orbit{position:absolute;border:1px solid #bfc6ff20;border-radius:50%;pointer-events:none}.orbit-one{width:610px;height:610px;top:18%;left:19%;box-shadow:0 0 0 35px #bfc6ff08,0 0 0 80px #bfc6ff06,0 0 0 135px #bfc6ff04}.orbit-two{width:410px;height:410px;top:27%;left:32%;border-color:#bcc5ff2c}.art-brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:1.6px}.art-brand .brand-mark{width:34px;height:34px;border:1px solid #ffffff30;background:#ffffff17;box-shadow:none;font-size:18px}.brand-light{font-weight:400;color:#c0c9ff}.art-copy{position:relative;z-index:1;margin-top:clamp(130px,18vh,220px)}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:#aebdff}.art-copy h1{margin:14px 0 12px;font-size:clamp(34px,4vw,55px);line-height:1.22;letter-spacing:-1.8px;font-weight:700}.art-copy h1 em{font-style:normal;color:#b9c5ff}.art-copy p{color:#bac6e9;font-size:12px;line-height:1.9}.art-pills{display:flex;gap:8px;margin-top:32px}.art-pills span{padding:7px 9px;border:1px solid #ffffff24;border-radius:6px;background:#ffffff0b;color:#c5d0f5;font:7px var(--mono);letter-spacing:.55px}.art-foot{position:absolute;left:6vw;bottom:26px;color:#94a5d1;font:8px var(--mono);letter-spacing:1px}.art-foot span{padding:0 4px;color:#c7ccf4}.login-form-side{position:relative;display:grid;place-items:center;padding:30px}.login-form-wrap{width:min(350px,100%);margin-top:-10px}.login-overline{margin-top:10px;color:#6072e1;font-size:10px;font-weight:600}.login-form-wrap h2{margin:5px 0 6px;color:#1e2a45;font-size:27px;letter-spacing:-.7px}.login-intro{margin:0 0 25px;color:#939daf;font-size:10px}.login-form-wrap label{display:block;margin:14px 0 6px;color:#526078;font-size:9px;font-weight:600}.input-wrap{display:flex;align-items:center;gap:8px;height:39px;padding:0 10px;border:1px solid #e6eaf1;border-radius:8px;background:#fff}.input-wrap:focus-within{border-color:#acb8f0;box-shadow:0 0 0 3px #5369eb10}.input-icon{color:#a1aaba;font-size:15px}.input-wrap input{flex:1;width:0;border:0;outline:0;color:#43516a;font-size:10px}.input-wrap input::placeholder{color:#bbc3ce}.eye-button{border:0;background:transparent;color:#a1aaba}.login-error{min-height:17px;margin-top:5px;color:#dc6068;font-size:9px}.login-submit{width:100%;height:39px;justify-content:space-between;padding:0 13px;margin-top:3px;font-size:10px}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;color:#8e99ac;font-size:9px}.note-sep{color:#d3d8e0}.login-hint{margin-top:7px;text-align:center;color:#adb5c2;font-size:8px}.login-copyright{position:absolute;bottom:22px;color:#a8b0bd;font:8px var(--mono);letter-spacing:.6px}.login-mobile-brand{display:none}.app-dialog{width:min(480px,calc(100vw - 32px));padding:21px;border:1px solid #e9edf3;border-radius:14px;box-shadow:0 25px 90px #1b294b30;color:var(--ink)}.app-dialog::backdrop{background:#17213a78;backdrop-filter:blur(3px)}.app-dialog form{margin:0}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-kicker{font:8px var(--mono);letter-spacing:1px;color:#8996b4}.dialog-head h2{margin:4px 0 0;font-size:18px;letter-spacing:-.4px}.dialog-close{width:27px;height:27px;border:0;border-radius:7px;background:#f4f6f9;color:#8e99a9;font-size:18px}.app-dialog p{margin:10px 0 14px;color:#8994a7;font-size:9px}.dialog-warning{margin-top:9px;padding:8px;border-radius:7px;background:#fff7e9;color:#ac8249;font-size:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.created-key-box{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e7ebf2;border-radius:8px;background:#f9fafc}.created-key-box code{flex:1;overflow-wrap:anywhere;color:#44536f;font:10px var(--mono)}.created-key-box button{border:0;border-radius:6px;background:#5369e8;color:#fff;padding:7px 9px;font-size:8px}.json-input{height:auto;padding:10px;font:10px/1.6 var(--mono);resize:vertical}.mobile-overlay{display:none}#toast-root{position:fixed;right:20px;top:78px;z-index:100;display:grid;gap:7px}.toast{min-width:200px;max-width:360px;padding:10px 13px;border:1px solid #e8edf3;border-radius:9px;background:#fff;color:#59667d;box-shadow:0 9px 28px #1e2a4518;font-size:10px;animation:toastIn .2s ease}.toast.success{border-left:3px solid #2cbd92}.toast.error{border-left:3px solid #e36b74}.toast.info{border-left:3px solid #6479ed}@keyframes toastIn{from{transform:translateY(-5px);opacity:0}to{transform:none;opacity:1}}.sidebar.is-collapsed{width:72px;padding-left:10px;padding-right:10px}.sidebar.is-collapsed+.main-area{margin-left:72px}.sidebar.is-collapsed .brand-word,.sidebar.is-collapsed .brand-caption,.sidebar.is-collapsed .workspace-copy,.sidebar.is-collapsed .workspace-chevron,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .nav-item>span:not(.nav-icon),.sidebar.is-collapsed .connection-card,.sidebar.is-collapsed .user-copy,.sidebar.is-collapsed .logout-btn,.sidebar.is-collapsed .sidebar-version{display:none}.sidebar.is-collapsed .sidebar-brand{justify-content:center;padding:0 0 21px}.sidebar.is-collapsed .collapse-btn{position:absolute;right:-1px;top:43px;width:20px;height:20px;font-size:13px}.sidebar.is-collapsed .workspace-switch{justify-content:center;padding:8px 0}.sidebar.is-collapsed .nav-item{justify-content:center;padding:0}.sidebar.is-collapsed .nav-icon{font-size:17px}.sidebar.is-collapsed .sidebar-user{justify-content:center}.table-foot-note{color:#a0aabb;font-size:8px}.security-metrics{margin-bottom:14px}.chat-error{color:#c35964}.channel-toggle{width:30px;height:17px;border:0;border-radius:15px;background:#dce1e9;position:relative}.channel-toggle:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:white;transition:left .15s}.channel-toggle.on{background:#5b70e9}.channel-toggle.on:after{left:15px}
@media(max-width:1180px){.content-wrap{padding:26px 24px 45px}.topbar{padding:0 24px}.sidebar{width:228px}.main-area{margin-left:228px}.stat-grid{gap:9px}.stat-card{padding:13px}.model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.sidebar{width:72px;padding-left:10px;padding-right:10px}.sidebar .brand-word,.sidebar .brand-caption,.sidebar .workspace-copy,.sidebar .workspace-chevron,.sidebar .nav-label,.sidebar .nav-item>span:not(.nav-icon),.sidebar .connection-card,.sidebar .user-copy,.sidebar .logout-btn,.sidebar .sidebar-version{display:none}.sidebar .sidebar-brand{justify-content:center;padding:0 0 21px}.sidebar .collapse-btn{display:none}.sidebar .workspace-switch{justify-content:center;padding:8px 0}.sidebar .nav-item{justify-content:center;padding:0}.sidebar .nav-icon{font-size:17px}.sidebar .sidebar-user{justify-content:center}.main-area{margin-left:72px}.content-wrap{padding:24px 20px 40px}.topbar{padding:0 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(225px,.9fr)}.topbar-right{gap:9px}.search-trigger{width:160px}.account-summary-grid,.usage-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.mobile-menu{display:grid}.breadcrumbs{margin-right:auto}.sidebar{width:258px;transform:translateX(-100%);padding:20px 15px 14px;box-shadow:12px 0 35px #0a143326}.sidebar.mobile-open{transform:translateX(0)}.sidebar .brand-word,.sidebar .brand-caption,.sidebar .workspace-copy,.sidebar .workspace-chevron,.sidebar .nav-label,.sidebar .nav-item>span:not(.nav-icon),.sidebar .connection-card,.sidebar .user-copy,.sidebar .logout-btn,.sidebar .sidebar-version{display:initial}.sidebar .sidebar-brand{justify-content:flex-start;padding:0 8px 22px}.sidebar .workspace-switch{justify-content:flex-start;padding:10px}.sidebar .nav-item{justify-content:flex-start;padding:0 11px}.sidebar .nav-item>span:not(.nav-icon){display:inline}.sidebar .sidebar-user{justify-content:flex-start}.sidebar .connection-card{display:block}.main-area,.sidebar.is-collapsed+.main-area{margin-left:0}.topbar{height:56px;padding:0 14px}.topbar-right{gap:8px}.search-trigger{width:31px;justify-content:center;padding:0;border:0;background:transparent}.search-trigger span:not(:first-child),.search-trigger kbd,.top-status,.topbar-divider,.notification-button,.top-user>span:not(.user-avatar){display:none}.search-trigger>span:first-child{font-size:19px}.content-wrap{padding:21px 14px 34px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:17px}.compact-heading{align-items:flex-start}.heading-actions{width:100%}.heading-actions .btn{flex:1}.page-heading h1{font-size:23px}.hero-strip{min-height:105px;height:auto;padding:14px;gap:9px}.hero-copy>b{font-size:13px}.hero-copy>span:last-child{font-size:8px}.hero-overline{font-size:7px;flex-wrap:wrap}.hero-live{font-size:6px}.hero-link,.hero-chart{display:none}.hero-icon{width:32px;height:32px;font-size:16px}.stat-grid{gap:8px}.stat-card{height:135px;padding:11px}.stat-value{font-size:21px}.stat-sub{font-size:7px}.trend-pill{font-size:7px;padding:3px 4px}.dashboard-grid{grid-template-columns:1fr;gap:9px;margin-top:10px}.lower-grid{grid-template-columns:1fr}.usage-panel,.route-panel,.model-usage-panel,.activity-panel{padding:13px}.chart-area{height:142px}.route-panel{min-height:0}.section-title-row h2{font-size:12px}.account-summary-grid,.usage-metric-grid{gap:8px}.summary-tile,.metric-card{padding:12px}.summary-tile>b,.metric-card>b{font-size:19px}.table-toolbar{align-items:flex-start;flex-direction:column}.toolbar-right{width:100%}.table-search{flex:1}.log-filters{flex-wrap:wrap}.log-filters .wide-search{flex-basis:100%}.key-hero{min-height:98px;padding:15px}.key-endpoint code{font-size:10px}.key-hero-mark{margin-right:2px;font-size:35px}.key-metrics{grid-template-columns:repeat(2,1fr);gap:11px 0;padding:12px 0}.key-metrics>div:nth-child(2){border-right:0}.key-metrics>div:nth-child(3),.key-metrics>div:nth-child(4){padding-top:8px;border-top:1px solid #eef0f4}.model-toolbar{flex-wrap:wrap}.model-total{flex:1}.model-grid{grid-template-columns:1fr}.playground-layout{grid-template-columns:1fr}.playground-chat{min-height:500px}.playground-side{display:grid;grid-template-columns:1fr 1fr}.prompt-chips{flex-direction:column;align-items:center}.prompt-chips button{width:min(260px,100%)}.settings-grid{grid-template-columns:1fr}.password-fields{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;padding:5px}.settings-tab{justify-content:center;min-width:max-content;width:auto;padding:0 10px}.settings-section{padding:13px}.channel-form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.login-screen{grid-template-columns:1fr;min-height:100vh}.login-art{display:none}.login-form-side{min-height:100vh;padding:25px}.login-form-wrap{width:min(355px,100%);margin-top:0}.login-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:40px;color:#4658be;font-size:12px;letter-spacing:1px}.login-mobile-brand .brand-mark{width:33px;height:33px;border-radius:10px;font-size:17px}.login-form-wrap h2{font-size:25px}.login-copyright{bottom:15px;font-size:7px}.mobile-overlay{position:fixed;inset:0;z-index:25;background:#111a2d66}.mobile-overlay.on{display:block}.chart-unit{display:none}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{height:129px;padding:10px}.stat-period{font-size:8px}.trend-pill{display:none}.hero-copy>b{font-size:12px}.heading-actions .btn{padding:0 8px}.playground-side{grid-template-columns:1fr}.page-kicker{font-size:8px}.topbar-right{gap:6px}.content-wrap{padding-left:11px;padding-right:11px}}