:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef7ff;color-scheme:light;--text: #172033;--muted: #5e7189;--border: rgba(125, 164, 207, .26);--border-strong: rgba(95, 145, 198, .42);--panel: rgba(255, 255, 255, .82);--panel-solid: #ffffff;--panel-soft: rgba(244, 250, 255, .86);--blue: #3b8bd4;--blue-deep: #1c67a8;--blue-soft: rgba(86, 160, 226, .15);--shadow: 0 16px 34px rgba(64, 116, 171, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(151,207,255,.34),transparent 34%),linear-gradient(135deg,#f8fcff,#eef7ff 48%,#f7fbff);overflow-y:scroll;scrollbar-gutter:stable}body,.table-wrap,.select-menu-panel{scrollbar-color:transparent transparent;scrollbar-width:thin}body::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.select-menu-panel::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.select-menu-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}body::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track,.select-menu-panel::-webkit-scrollbar-track{background:transparent}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:#ffffffc2;border-radius:7px;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}button:not(:disabled):hover{border-color:var(--border-strong);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--border);border-radius:7px;background:#ffffffb8;color:var(--text);min-height:36px;padding:7px 10px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4895db29;outline:none}textarea{min-height:84px;resize:vertical}a{color:var(--blue-deep);text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:28px;box-shadow:var(--shadow);display:grid;gap:16px;animation:pop-in .26s ease both}.login-card h1{margin:0 0 6px}.api-keys-password-dialog{width:min(380px,100%)}.dialog-error{background:#fef2f2eb;border:1px solid rgba(220,38,38,.22);border-radius:7px;color:#b42318;font-size:13px;padding:9px 10px}.login-card label,.dialog label{display:grid;gap:6px;color:#4c5a6d;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);transition:grid-template-columns .22s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#f0f8fff0,#ddefffdb);border-right:1px solid rgba(113,164,215,.28);color:#1c4268;padding:22px;display:flex;flex-direction:column;gap:28px;overflow:hidden;transition:padding .22s ease,background-color .22s ease}nav{display:grid;gap:8px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:800;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease;color:#1d5f9f}.sidebar-toggle{flex:0 0 auto;color:#1d5f9f;background:#ffffff9e;border-color:#5497d647}.nav-item{display:flex;align-items:center;gap:9px;background:#ffffff94;border:1px solid rgba(94,157,219,.24);border-radius:7px;padding:10px 12px;overflow:hidden;transition:background-color .17s ease,border-color .17s ease,color .17s ease,transform .17s ease;width:100%}.nav-item:hover{background:#dcf0ffb3;transform:translate(2px)}.nav-item.active{background:#dcf0ffd1;border-color:#4b97dc61;color:var(--blue-deep);font-weight:700}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .16s ease,width .22s ease}.sidebar-collapsed .sidebar{padding:18px 14px;align-items:center}.sidebar-collapsed .sidebar-top{flex-direction:column}.sidebar-collapsed .nav-label{width:0;opacity:0}.sidebar-collapsed .nav-item,.sidebar-collapsed .logout{justify-content:center;padding-left:0;padding-right:0;width:40px}.logout{margin-top:auto;color:#1d5f9f;background:#ffffff80;border-color:#5497d647;overflow:hidden}.page{padding:28px;min-width:0;overflow-x:hidden;position:relative;animation:page-fade-in .22s ease both}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h1{margin:0;font-size:28px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;position:relative;z-index:30}.add-site-button{position:relative;z-index:40}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;display:grid;gap:8px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{font-size:24px}.pricing-page{padding:20px 24px 18px}.pricing-page .page-header{align-items:center;gap:14px;margin-bottom:12px}.pricing-page .page-header h1{font-size:22px;line-height:1.18}.pricing-page .eyebrow{font-size:10px;margin-bottom:2px}.pricing-page .header-actions{gap:6px}.pricing-page .header-actions button{min-height:32px;padding:0 10px}.page-update-action{align-items:flex-end;display:grid;gap:6px}.page-update-progress{background:var(--panel);border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow);color:var(--muted);font-size:11px;min-width:210px;padding:8px}.page-update-progress progress{accent-color:#326df6;display:block;height:8px;width:100%}.page-update-progress-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.page-update-progress-row strong{color:var(--text);font-size:11px}.pricing-page .stats-grid{grid-template-columns:repeat(6,minmax(96px,1fr));gap:8px;margin-bottom:10px}.pricing-page .stat-card{border-radius:7px;gap:3px;min-height:54px;padding:8px 10px}.pricing-page .stat-card span{font-size:11px}.pricing-page .stat-card strong{font-size:18px;line-height:1.1}.pricing-page .toolbar{margin-bottom:10px;padding:8px 10px}.pricing-page .filter-bar{gap:7px}.pricing-page .table-shell{height:calc(100vh - 262px);min-height:650px}.toolbar{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:14px;overflow:visible;position:relative;z-index:30;animation:fade-up .3s ease both}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;overflow:visible;position:relative;z-index:31}.search-field{display:flex;align-items:center;gap:8px;min-width:min(320px,100%);border:1px solid var(--border);border-radius:7px;background:#ffffffb8;padding-left:10px}.search-field input{border:0;flex:1;min-width:170px}.toggle,.switch-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.starred-filter-toggle{border:1px solid transparent;border-radius:999px;cursor:pointer;min-height:36px;padding:0 10px 0 4px;transition:background-color .16s ease,color .16s ease;-webkit-user-select:none;user-select:none}.starred-filter-toggle:hover{background:#ffffff6b;color:var(--blue-deep)}.starred-filter-toggle input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.starred-filter-toggle input:focus,.starred-filter-toggle input:focus-visible{border-color:transparent;box-shadow:none;outline:none}.toggle-track{align-items:center;background:#aecdeb6b;border:1px solid rgba(84,151,214,.22);border-radius:999px;display:inline-flex;height:22px;padding:2px;transition:background-color .16s ease,border-color .16s ease;width:40px}.toggle-thumb{background:#fffffff2;border-radius:50%;box-shadow:0 3px 8px #4074ab29;display:block;height:16px;transform:translate(0);transition:transform .16s ease;width:16px}.starred-filter-toggle input:checked+.toggle-track{background:#4296e2b8;border-color:#3484d061}.starred-filter-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(18px)}.starred-filter-toggle:focus-within{background:#ffffff4d}.select-menu{position:relative;width:190px;z-index:32}.select-menu.open{z-index:120}.select-menu-trigger{width:100%;justify-content:space-between;background:#ffffffbd;border-color:var(--border);color:var(--text)}.select-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu-chevron{flex:0 0 auto;transition:transform .18s ease}.select-menu-chevron.open{transform:rotate(180deg)}.select-menu-panel{animation:menu-pop .14s ease both;background:#fffffff5;border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 34px #3270ac29;display:grid;gap:4px;left:0;max-height:280px;min-width:100%;overflow:auto;padding:6px;position:absolute;top:calc(100% + 6px);z-index:121}.select-menu-option{border:0;border-radius:6px;box-shadow:none;justify-content:flex-start;min-height:32px;padding:0 10px;white-space:nowrap}.select-menu-search{background:#ffffffeb;border:1px solid var(--border);border-radius:6px;color:var(--text);min-height:32px;padding:0 10px;width:100%}.select-menu-empty{color:var(--muted);font-size:13px;padding:8px 10px}.select-menu-option:hover{background:var(--blue-soft);box-shadow:none;transform:none}.select-menu-option.selected{background:#519fe52e;color:var(--blue-deep);font-weight:700}.table-shell{contain:layout;height:540px;max-width:100%;min-width:0;overflow:hidden;position:relative;z-index:1}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);height:100%;max-width:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:transparent transparent;scrollbar-width:thin;width:100%}.table-wrap.scrolling{scrollbar-color:rgba(71,151,226,.42) transparent}.table-wrap::-webkit-scrollbar{height:7px;width:7px}.table-wrap::-webkit-scrollbar-thumb{background:transparent;background-clip:padding-box;border:2px solid transparent;border-radius:999px}.table-wrap.scrolling::-webkit-scrollbar-thumb{background:#4a9eec57;background-clip:padding-box}.table-wrap.scrolling::-webkit-scrollbar-thumb:hover{background:#398bd87a;background-clip:padding-box}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap.scrolling::-webkit-scrollbar-track{background:#e1f2ff33}table{border-collapse:collapse;min-width:1120px;table-layout:fixed;width:100%}th,td{border-bottom:1px solid #e6ebf1;padding:8px 9px;text-align:left;vertical-align:top;font-size:12px}th{background:#e6f4fff5;color:#31516f;font-weight:700;position:sticky;top:0;z-index:1}.compact-col{width:38px}.site-col{width:190px}.model-col{width:86px}.channel-col{width:106px}.notes-col{width:92px}.value-col{width:88px}.ratio-col{width:108px}.price-col{width:96px}.checked-col{width:148px}.actions-col{width:178px}.site-group-row td{background:#f1f9ffe6;padding:8px 10px}.group-toggle{width:100%;justify-content:flex-start;background:transparent;border-color:transparent;box-shadow:none;color:#24496d;font-weight:700;min-height:32px;padding:0}.group-toggle strong{background:#539ce029;border-radius:999px;color:#4d6078;font-size:11px;margin-left:2px;min-width:26px;padding:2px 8px;text-align:center}.group-toggle:hover{box-shadow:none}.chevron{transition:transform .18s ease}.chevron.open{transform:rotate(180deg)}.pinned-row{background:#ebf7ffe0}.site-summary-row{transition:background-color .12s ease}.site-summary-row:hover{background:#f5fbfff5}.site-summary-row.pinned-row:hover{background:#e0f2fffa}.site-summary-row:hover>td:first-child{box-shadow:inset 3px 0 0 var(--blue)}.pricing-detail-row{background:#f6fbffb8}.pricing-detail-row td{color:#40506a;padding-top:8px;padding-bottom:8px}.pricing-detail-row:hover{background:#f1f9ffe6}.editable-display-cell{background:transparent;border:0;box-shadow:none;color:inherit;font:inherit;justify-content:flex-end;min-height:28px;min-width:72px;padding:0;text-align:right;width:100%}.editable-display-cell:hover,.editable-display-cell:focus-visible{background:#519fe51f;box-shadow:none;transform:none}.pricing-detail-panel-row td{background:#f6fbffb8;padding-bottom:8px;padding-top:8px}.detail-panel-state{align-items:center;color:#5c7088;display:flex;gap:8px;min-height:42px;padding:10px 12px}.retry-state{background:transparent;border:0;box-shadow:none;color:#a53434;font:inherit;justify-content:flex-start;padding-left:12px;width:100%}.retry-state:hover,.retry-state:focus-visible{background:#a5343414;box-shadow:none;transform:none}.error-text{color:#a53434}.numeric{text-align:right;font-variant-numeric:tabular-nums}.site-cell{display:grid;gap:4px}.site-cell a{align-items:center;display:inline-flex;gap:5px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-cell a:hover{color:var(--blue-deep);text-decoration:underline}.muted-line{color:#6a788a;font-size:12px}.channel-indent{color:#5e6e83;display:inline-flex;padding-left:18px;position:relative}.channel-indent:before{background:#cbd6e3;content:"";height:1px;left:0;position:absolute;top:50%;width:10px}.group-badge,.status{width:fit-content;display:inline-flex;border-radius:999px;background:#e6f4ffe0;color:#47576c;padding:2px 8px;font-size:11px}.group-badge.pinned,.status.ok{background:#dcf3ebdb;color:#137347}.row-actions{display:flex;gap:6px}.action-stack{justify-content:flex-end;gap:5px}.icon-button{min-width:30px;width:30px;height:30px;padding:0}.expand-button:disabled{visibility:hidden}.icon-button.danger{color:#a53434}.star-button{color:#f5a400}.star-button:hover{background:#fff4bf;border-color:#f3bf24;color:#ffb000}.review-button{color:#146c94}.review-button:hover{background:#e9f7ff;border-color:#7fc3e8}.dead-button{color:#c0392b}.dead-button:hover{background:#fff1f1;border-color:#e58a8a;color:#e11d48}.model-text{display:inline-block;max-width:76px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.strong-value{color:#1266a8;font-weight:700}.ratio-input{align-items:center;display:flex;justify-content:flex-end;min-width:96px}.ratio-input input{min-height:30px;padding:5px 8px;text-align:right;width:92px}.editable-number-cell{min-height:30px;padding:5px 8px;text-align:right;width:88px}.saving-dot{color:#4f647d;font-size:11px;white-space:nowrap}.notes-trigger{background:transparent;border:0;border-radius:4px;box-shadow:none;color:#41566f;cursor:pointer;display:block;font-size:12px;min-height:0;max-width:82px;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.notes-trigger:hover{color:var(--blue-deep);text-decoration:underline}.time-cell{color:#4a596d;font-variant-numeric:tabular-nums;white-space:nowrap}.pagination{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:10px 0}.pagination-left,.pagination-right{align-items:center;display:flex;gap:8px}.page-indicator,.page-size-label,.page-total{color:#5f6f83;font-size:12px;white-space:nowrap}.page-size-buttons{align-items:center;display:flex;gap:4px}.page-size-button{background:transparent;border-color:transparent;box-shadow:none;color:#5d6e84;font-size:11px;height:22px;min-height:22px;min-width:25px;padding:0 5px}.page-size-button:hover{background:#e7f2ffcc;border-color:#70a1dc6b;box-shadow:none}.page-size-button.active{background:#326df6;border-color:#326df6;color:#fff}.page-size-slider{accent-color:#326df6;height:20px;width:170px}.page-size-value{color:#172032;font-size:12px;min-width:26px}.pager-button{border-radius:6px;font-size:12px;height:26px;min-height:26px;padding:0 9px}.state-box,.toast,.inline-error{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:12px;animation:pop-in .22s ease both}.page-status-layer{display:grid;gap:8px;left:50%;max-width:min(560px,calc(100dvw - 32px));pointer-events:none;position:fixed;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);width:max-content;z-index:4000}.page-status-layer .state-box,.page-status-layer .toast{box-shadow:var(--shadow);margin-bottom:0;pointer-events:auto}.state-box.error,.inline-error{border-color:#e2a8a8;color:#a53434;background:#fff7f7}.toast{border-color:#4f9a734d;color:#137347;background:#f3fbf6db}.viewport-toast{animation:pop-in .18s ease both;background:#f3fbf6f5;border:1px solid rgba(79,154,115,.32);border-radius:8px;box-shadow:var(--shadow);color:#137347;font-size:13px;padding:10px 14px;position:fixed;right:22px;top:20px;z-index:4000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f17238f;display:grid;place-items:center;padding:22px;z-index:3000;animation:backdrop-in .18s ease both}.dialog{width:min(390px,100%);background:#fffffff0;border-radius:12px;border:1px solid var(--border);box-shadow:0 18px 46px #4074ab33;padding:16px;display:grid;gap:10px;animation:pop-in .22s ease both}.dialog-header{margin-bottom:2px}.dialog h2{margin:0;font-size:18px}.dialog-field{gap:5px}.dialog input,.dialog textarea{border-radius:10px;min-height:32px;padding:6px 9px}.dialog textarea{min-height:62px}.starred-dialog-row{align-items:center;display:flex!important;flex-direction:row;gap:10px!important;justify-content:space-between;min-height:34px}.star-box{align-items:center;border:1px solid var(--border);border-radius:9px;color:#8aa0b8;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:relative;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;width:34px}.star-box input{cursor:pointer;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;position:absolute}.star-box:has(input:checked){background:#fff4c7c2;border-color:#d7a93675;color:#d79a20}.star-box:has(input:focus-visible){box-shadow:0 0 0 3px #d79a2029}.dead-box:has(input:checked){background:#fff1f1;border-color:#e58a8a;color:#c0392b}.dead-box:has(input:focus-visible){box-shadow:0 0 0 3px #c0392b29}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.notes-dialog{width:min(520px,100%)}.notes-dialog-body{background:#f4faffdb;border:1px solid var(--border);border-radius:10px;color:#273548;line-height:1.6;max-height:min(52vh,360px);overflow:auto;padding:12px;white-space:pre-wrap}.api-key-panel{display:grid;gap:12px}.api-key-site{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px #305a820f;display:grid;gap:0;overflow:hidden}.api-key-site-header{align-items:center;background:#f1f9ffe6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;padding:10px 12px}.api-key-list{display:grid}.api-key-row{align-items:center;border-bottom:1px solid #e8edf4;column-gap:8px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(132px,.36fr) minmax(104px,.22fr) minmax(124px,.28fr) minmax(170px,.42fr) minmax(92px,.18fr) minmax(94px,auto) minmax(168px,auto);row-gap:10px;padding:10px 12px}.api-key-row.compact{grid-template-columns:minmax(240px,1fr) minmax(160px,.42fr) minmax(210px,auto)}.account-card{border-bottom:1px solid #e8edf4;display:grid;gap:10px;padding:12px}.account-card:last-child{border-bottom:0}.account-card-header,.account-balance-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.account-balance-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(210px,.8fr) auto;justify-content:stretch}.account-title{align-items:center;color:#172032;display:flex;gap:8px}.account-badge{background:#326df61a;border:1px solid rgba(50,109,246,.2);border-radius:999px;color:#326df6;font-size:11px;font-weight:700;padding:2px 7px}.account-key-list{border:1px solid #e8edf4;border-radius:8px;overflow:hidden}.api-key-row:last-child{border-bottom:0}.api-key-main,.api-key-note,.api-key-credentials,.api-key-cookie-control,.api-key-updated,.api-key-balance,.api-key-balance-action{display:grid;gap:4px;min-width:0}.api-key-display{align-items:center;color:#607087;display:flex;font-size:11px;font-weight:700;gap:6px;min-height:18px;min-width:0}.api-key-field-label{color:#6a788a;font-size:11px;font-weight:700}.api-key-replace-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;width:100%}.api-key-main>.api-key-replace-input{grid-column:1}.api-key-main{grid-template-columns:minmax(0,1fr) auto}.api-key-main .api-key-display{grid-column:1 / -1}.latency-button{min-height:34px;white-space:nowrap}.api-key-replace-input.locked{background:#f8fafc;border-color:#dce5ef;color:#2f4158;cursor:default}.api-key-replace-input.editing{background:#fff;border-color:#7db6f0;box-shadow:0 0 0 3px #326df61a}.api-key-note-input{width:100%}.api-key-credential-button,.api-key-cookie-button{justify-content:flex-start;min-width:0;overflow:hidden;padding:0 8px;width:100%}.api-key-credential-button span,.api-key-cookie-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-credential-button.saved,.api-key-cookie-button.saved{background:#f3fbf6db;border-color:#509e7057;color:#137347}.api-key-updated{color:#4a596d;font-size:12px;font-variant-numeric:tabular-nums}.api-key-balance{background:#f6fbfff2;border:1px solid rgba(50,109,246,.18);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff94;max-width:210px;overflow:hidden;padding:7px 8px}.balance-refresh-button{min-height:28px;min-width:86px;padding:0 8px;white-space:nowrap;width:auto}.account-balance-row .api-key-balance{max-width:none;min-width:260px;width:100%}.account-balance-row .api-key-updated{min-width:210px}.balance-values{color:#21344d;display:grid;font-size:12px;font-variant-numeric:tabular-nums;gap:2px;min-width:0}.balance-values span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-empty{color:#8794a6;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-empty.error{color:#b42318;display:block;max-width:188px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-error-popover{background:#fff;border:1px solid rgba(180,35,24,.28);border-radius:8px;box-shadow:0 12px 30px #1f2d3d29;color:#7a1d14;font-size:12px;line-height:1.45;max-width:min(520px,calc(100vw - 24px));min-width:240px;padding:9px 10px;pointer-events:none;position:fixed;white-space:normal;word-break:break-word;z-index:1000}.api-key-actions{justify-content:flex-end;min-width:0}.credentials-dialog,.cookie-dialog{width:min(420px,100%)}.password-input-wrap{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 38px;min-width:0}.password-input-wrap input{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;min-width:0}.password-eye-button{border-bottom-left-radius:0;border-top-left-radius:0;min-height:32px;padding:0}.credential-preview,.cookie-preview{background:#f4faffdb;border:1px solid var(--border);border-radius:8px;color:#5b6b7f;display:grid;font-size:12px;gap:4px;padding:10px}.credential-preview strong,.cookie-preview strong{color:#273548;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1180px){.api-key-row{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(126px,.28fr) minmax(104px,.22fr) minmax(124px,.24fr) minmax(160px,.34fr) minmax(92px,.18fr) minmax(94px,auto) minmax(168px,auto)}.api-key-main{grid-column:1 / -1}.api-key-note,.api-key-credentials,.api-key-cookie-control,.api-key-updated,.api-key-balance,.api-key-balance-action,.api-key-actions{grid-row:auto}}@media (max-width: 760px){.account-balance-row{align-items:stretch;grid-template-columns:minmax(0,1fr)}.account-balance-row .api-key-balance,.account-balance-row .api-key-updated{min-width:0}.account-balance-row .balance-refresh-button{justify-self:start}.api-key-row,.api-key-main{grid-template-columns:minmax(0,1fr)}.latency-button,.api-key-main>.api-key-replace-input{grid-column:1}.api-key-actions{justify-content:flex-start}}.api-key-empty{color:#6a788a;padding:13px 14px}.qq-alert-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:14px}.qq-alert-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px #305a820f;display:grid;gap:14px;margin-bottom:14px;padding:14px}.qq-alert-card-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.qq-alert-card-header h2{font-size:18px;margin:0 0 4px}.qq-alert-card-header p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.qq-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.qq-form-grid label,.qq-textarea-field{color:#4c5a6d;display:grid;font-size:13px;gap:6px}.qq-textarea-field textarea{min-height:112px}.qq-actions{display:flex;flex-wrap:wrap;gap:8px}.qq-status-pill{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:6px;padding:5px 9px}.qq-status-pill.ok{background:#f3fbf6e6;border:1px solid rgba(80,158,112,.34);color:#137347}.qq-status-pill.warn{background:#fffaebf5;border:1px solid rgba(217,119,6,.24);color:#b45309}.qq-status-pill.error{background:#fef2f2f0;border:1px solid rgba(220,38,38,.22);color:#b42318}.switch-row{align-items:center;color:#273548;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:700;gap:8px}.switch-row input{min-height:0}.qrcode-box{align-items:center;background:#f6fbffd1;border:1px dashed rgba(95,145,198,.42);border-radius:8px;display:grid;min-height:180px;overflow:hidden;place-items:center}.qrcode-box img{display:block;height:180px;object-fit:contain;width:180px}.qrcode-placeholder{align-items:center;color:#6a788a;display:grid;font-size:13px;gap:10px;justify-items:center;padding:18px;text-align:center;word-break:break-word}.site-option-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.site-option{align-items:flex-start;gap:8px;justify-content:space-between;line-height:1.35;min-width:0;padding:10px 12px}.site-option span{min-width:0;overflow-wrap:anywhere;text-align:left;white-space:normal;word-break:break-word}.site-option strong{color:#d79a20;flex:0 0 auto;font-size:11px;line-height:1.5}.site-option.selected{background:#dcf0ffd1;border-color:#4b97dc61;color:var(--blue-deep);font-weight:700}.runs-table{border:1px solid #e8edf4;border-radius:8px;overflow:hidden}.runs-row{align-items:center;border-bottom:1px solid #e8edf4;display:grid;font-size:12px;gap:8px;grid-template-columns:minmax(138px,.9fr) minmax(130px,1fr) minmax(100px,.8fr) minmax(90px,.6fr) minmax(90px,.6fr) minmax(80px,.5fr);padding:10px 12px}.runs-row:last-child{border-bottom:0}.runs-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runs-head{background:#f1f9ffe6;color:#4c5a6d;font-weight:700}.save-key-button{min-width:88px}.api-key-new-row{background:#f6fbffb8}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes row-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3;flex-direction:row;align-items:center;padding:14px 18px}.sidebar-collapsed .sidebar{align-items:center;padding:14px 18px}.sidebar-collapsed .sidebar-top{flex-direction:row}.sidebar-collapsed .nav-label{opacity:1;width:auto}.sidebar-collapsed .nav-item,.sidebar-collapsed .logout{padding-left:12px;padding-right:12px;width:auto}.logout{margin-top:0;margin-left:auto}.stats-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.page-header{flex-direction:column}.select-menu{width:min(220px,100%)}.api-key-row{grid-template-columns:1fr}.api-key-actions{justify-content:flex-start}.qq-alert-grid,.qq-form-grid,.runs-row{grid-template-columns:1fr}.qq-alert-card-header{align-items:stretch;flex-direction:column}}
