: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-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}.consumption-page{display:grid;align-content:start;gap:18px}.consumption-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(136px,1fr));gap:10px}.consumption-summary-card{background:#ffffff9e;border:1px solid rgba(121,166,213,.2);border-radius:22px;box-shadow:0 14px 30px #4074ab14;display:grid;gap:10px;min-height:92px;padding:14px 16px}.consumption-summary-card span{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;gap:6px}.consumption-summary-card strong{color:#172033;font-size:25px;line-height:1.1;white-space:nowrap}.consumption-summary-card.primary{background:linear-gradient(135deg,#2f80ed2e,#ffffffb8);border-color:#2f80ed47}.consumption-summary-card.hot{background:linear-gradient(135deg,#eb575726,#ffffffb8);border-color:#eb575738}.consumption-summary-card.remaining{background:linear-gradient(135deg,#16a08526,#ffffffb8);border-color:#16a0853d}.consumption-rank-panel{background:#ffffff94;border:1px solid rgba(121,166,213,.18);border-radius:26px;box-shadow:0 18px 38px #4074ab1a;padding:18px 20px 20px}.consumption-rank-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.consumption-rank-header h2{font-size:18px;margin:0}.consumption-rank-header>span{color:var(--muted);font-size:12px}.consumption-rank-list{display:grid;gap:9px}.consumption-rank-row{align-items:center;background:#ffffff85;border:1px solid rgba(121,166,213,.14);border-radius:999px;display:grid;gap:12px;grid-template-columns:minmax(180px,260px) minmax(0,1fr);min-height:48px;padding:8px 10px 8px 16px}.consumption-rank-key{display:grid;gap:3px;min-width:0}.consumption-rank-key strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consumption-rank-key span{color:var(--muted);font-size:12px}.consumption-rank-value{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(90px,1fr) minmax(86px,max-content)}.consumption-rank-value strong{background:#ffffffad;border:1px solid rgba(121,166,213,.15);border-radius:999px;font-size:13px;padding:6px 10px;text-align:right}.consumption-bar-track{background:#acc9e638;border-radius:999px;height:8px;overflow:hidden}.consumption-bar-fill{border-radius:999px;height:100%;min-width:4px;transition:width .24s ease}.consumption-note{align-items:center;background:#ffffff70;border:1px solid rgba(121,166,213,.14);border-radius:999px;color:var(--muted);display:inline-flex;gap:8px;font-size:13px;justify-self:start;padding:8px 12px}.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;gap:8px;justify-content:flex-start;min-height:32px;padding:0 10px;white-space:nowrap}.select-menu-check{flex:0 0 auto}.select-menu-check.hidden{visibility:hidden}.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)}.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:var(--table-detail);padding:0!important}.pricing-detail-panel{background:var(--table-detail);contain:layout paint;color:var(--text);overflow:hidden}.pricing-detail-panel-header{align-items:center;background:color-mix(in srgb,var(--table-group) 82%,var(--table-detail));border-bottom:1px solid var(--table-divider);display:flex;justify-content:space-between;min-height:38px;padding:7px 12px}.pricing-detail-panel-header>div{align-items:center;display:flex;gap:8px}.pricing-detail-panel-header span{color:var(--muted);font-size:11px}.pricing-detail-panel-scroll{overflow-x:auto;overscroll-behavior:contain}.pricing-detail-grid-shell{min-width:860px}.pricing-detail-grid{align-items:center;display:grid;grid-template-columns:minmax(96px,.8fr) minmax(120px,1.1fr) repeat(5,minmax(104px,.8fr))}.pricing-detail-grid-header{background:color-mix(in srgb,var(--table-group) 64%,var(--table-detail));border-bottom:1px solid var(--table-divider);color:var(--muted);font-size:11px;font-weight:700;min-height:34px}.pricing-detail-grid-header>div,.pricing-detail-grid-cell{min-width:0;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}.pricing-detail-grid-header>div:nth-child(n+3){text-align:right}.pricing-detail-grid-body{max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.pricing-detail-grid-body.virtualized{contain:strict;height:440px}.pricing-detail-grid-row{background:var(--table-detail);border-bottom:1px solid var(--table-divider);min-height:44px}.pricing-detail-grid-row:hover{background:var(--table-hover)}.pricing-detail-grid-cell{color:var(--text)}.pricing-detail-grid-cell.numeric{text-align:right}.pricing-detail-virtual-space{position:relative;width:100%}.pricing-detail-virtual-row{left:0;position:absolute;top:0;width:100%}.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){.consumption-summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.consumption-rank-row{border-radius:20px;grid-template-columns:1fr}.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}}:root{--text: #233041;--muted: #647080;--neo-ink: #202c3a;--canvas: #f5f3e7;--surface: #fffef8;--surface-raised: #ffffff;--surface-soft: #fff8d8;--dot: rgba(32, 44, 58, .12);--border: #202c3a;--border-strong: #202c3a;--blue: #a9d7f0;--blue-deep: #224f69;--blue-soft: #dff2fb;--mint: #c9f3e3;--yellow: #fff0a6;--pink: #ffddea;--lavender: #e3dcff;--peach: #ffd6c7;--shadow: 5px 5px 0 var(--neo-ink);color:var(--text);background:var(--canvas)}:root[data-theme=dark]{--text: #f4f0e4;--muted: #adb7c3;--canvas: #151a20;--surface: #202730;--surface-raised: #272f39;--surface-soft: #30323a;--dot: rgba(244, 240, 228, .1);--blue-deep: #b7def1;--blue-soft: #243d4b;--mint: #21483f;--yellow: #514821;--pink: #50313e;--lavender: #393552;--peach: #52382f}html{background-color:var(--canvas)}body{color:var(--text);background-color:var(--canvas);background-image:radial-gradient(circle,var(--dot) 1.15px,transparent 1.25px);background-position:0 0;background-size:20px 20px}button{min-height:38px;padding:0 13px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:3px 3px 0 var(--neo-ink);font-weight:750;transition:background-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}button:not(:disabled):hover{border-color:var(--neo-ink);box-shadow:5px 5px 0 var(--neo-ink);transform:translate(-2px,-2px)}button:not(:disabled):active{box-shadow:1px 1px 0 var(--neo-ink);transform:translate(2px,2px)}input,select,textarea{min-height:38px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}input:focus,select:focus,textarea:focus{border-color:var(--neo-ink);box-shadow:3px 3px 0 var(--yellow)}input::placeholder,textarea::placeholder{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr);background:transparent;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:60;grid-column:1;grid-row:1 / -1;height:100vh;padding:0 14px 14px;overflow:hidden;color:var(--text);background:var(--surface);border-right:4px solid var(--neo-ink);display:flex;flex-direction:column;gap:14px}.sidebar-brand{min-height:82px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--neo-ink)}.brand-mark{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;color:var(--neo-ink);background:var(--yellow);border:2px solid var(--neo-ink);border-radius:5px;box-shadow:4px 4px 0 var(--neo-ink);transform:rotate(-1.5deg)}.brand-copy{min-width:0;display:grid;gap:2px}.brand-copy strong{overflow:hidden;color:var(--text);font-size:19px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.brand-copy span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.02em;white-space:nowrap}.nav-section-label{padding:4px 8px 0;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.12em}.sidebar nav{display:grid;gap:8px}.nav-item{width:100%;min-height:45px;justify-content:flex-start;gap:11px;padding:0 12px;color:var(--text);background:transparent;border:2px solid transparent;border-radius:4px;box-shadow:none;font-weight:750}.nav-item:hover{background:var(--blue-soft);border-color:var(--neo-ink);box-shadow:3px 3px 0 var(--neo-ink);transform:translate(-1px,-1px)}.nav-item.active{color:var(--text);background:var(--yellow);border-color:var(--neo-ink);box-shadow:4px 4px 0 var(--neo-ink);font-weight:850}.nav-item.active svg{stroke-width:2.5}.sidebar-spacer{min-height:12px;flex:1}.sidebar-service{display:flex;align-items:center;gap:9px;padding:10px;background:var(--mint);border:2px dashed var(--neo-ink);border-radius:4px}.sidebar-service.service-checking,.topbar-balance.service-checking{background:var(--yellow)}.sidebar-service.service-offline,.topbar-balance.service-offline{background:var(--pink)}.sidebar-service>div{min-width:0;display:grid;gap:1px}.sidebar-service small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:800}.sidebar-service strong{color:var(--text);font-size:12px}.service-dot{width:10px;height:10px;flex:0 0 10px;background:#16b978;border:2px solid var(--neo-ink);border-radius:50%;box-shadow:2px 2px 0 var(--neo-ink)}.service-dot.checking{background:#f5b942}.service-dot.offline{background:#e05252}.sidebar-footer{display:grid;gap:8px;padding-top:12px;border-top:2px dashed var(--neo-ink)}.sidebar-footer button{width:100%;min-height:40px;justify-content:flex-start;box-shadow:none;background:transparent;border-color:transparent}.sidebar-footer button:hover{background:var(--surface-soft);border-color:var(--neo-ink);box-shadow:3px 3px 0 var(--neo-ink)}.sidebar-footer .logout{margin:0;color:#b72e3c}.sidebar-collapsed .sidebar{padding:0 10px 12px;align-items:stretch}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .sidebar-service>div{display:none}.sidebar-collapsed .sidebar-service{justify-content:center;padding:10px 0}.sidebar-collapsed .nav-label{width:0;opacity:0}.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-footer button{width:100%;justify-content:center;padding:0}.topbar{position:sticky;top:0;z-index:50;grid-column:2;grid-row:1;min-width:0;min-height:82px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);border-bottom:4px solid var(--neo-ink)}.topbar-copy{min-width:0;display:flex;align-items:center;gap:18px}.topbar-copy>p{margin:0;padding:7px 9px;color:var(--neo-ink);background:var(--yellow);border:2px solid var(--neo-ink);border-radius:3px;box-shadow:3px 3px 0 var(--neo-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap;transform:rotate(-1deg)}.topbar-copy>div{min-width:0;display:grid;gap:2px}.topbar h1{margin:0;color:var(--text);font-size:24px;line-height:1.05}.topbar-copy span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-status-icon,.topbar-balance,.topbar-user{min-height:44px;display:flex;align-items:center;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:3px 3px 0 var(--neo-ink)}.topbar-status-icon{width:44px;position:relative;justify-content:center;background:var(--blue-soft)}.topbar-status-icon span{position:absolute;top:8px;right:8px;width:7px;height:7px;background:#ff4b69;border:1px solid var(--neo-ink);border-radius:50%}.topbar-theme{width:44px;min-height:44px;padding:0;background:var(--surface-soft)}.topbar-balance{gap:9px;padding:0 12px;background:var(--mint)}.topbar-balance span,.topbar-user>span:not(.user-avatar){display:grid;gap:1px}.topbar-balance small,.topbar-user small{color:var(--muted);font-size:9px;font-weight:750}.topbar-balance strong,.topbar-user strong{color:var(--text);font-size:12px}.topbar-user{gap:9px;padding:0 10px 0 7px;background:var(--pink)}.user-avatar{width:30px;height:30px;display:grid;place-items:center;color:var(--neo-ink);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:3px}.page{grid-column:2;grid-row:2;min-width:0;padding:26px 28px 32px;overflow-x:hidden}.page-header{min-height:42px;margin-bottom:16px;align-items:center;justify-content:flex-end}.page-header>div:first-child{display:none}.header-actions{gap:10px}.header-actions>button:last-child,.save-key-button,.add-site-button{background:var(--yellow)}.pricing-page{padding:22px 28px 28px}.pricing-page .page-header{margin-bottom:14px}.pricing-page .header-actions button{min-height:38px;padding:0 12px}.stats-grid,.pricing-page .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card,.pricing-page .stat-card{min-height:100px;padding:15px 17px;display:flex;align-items:center;gap:14px;background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.stat-card:hover{border-color:var(--neo-ink);box-shadow:7px 7px 0 var(--neo-ink);transform:translate(-2px,-2px)}.pricing-page .stat-card.stat-mint{background:var(--mint)}.pricing-page .stat-card.stat-yellow{background:var(--yellow)}.pricing-page .stat-card.stat-blue{background:var(--blue-soft)}.pricing-page .stat-card.stat-pink{background:var(--pink)}.pricing-page .stat-card.stat-lavender{background:var(--lavender)}.pricing-page .stat-card.stat-peach{background:var(--peach)}.stat-icon,.stat-card .stat-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:var(--neo-ink);background:#ffffffa3;border:2px solid var(--neo-ink);border-radius:4px;box-shadow:3px 3px 0 var(--neo-ink)}.stat-copy{min-width:0;display:grid;gap:1px}.stat-card .stat-copy>span{color:var(--text);font-size:12px;font-weight:800}.stat-card .stat-copy>strong{color:var(--text);font-size:26px;line-height:1.05}.stat-card .stat-copy>small{color:var(--muted);font-size:10px}.toolbar,.page-update-progress{color:var(--text);background:var(--surface-soft);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.pricing-page .toolbar{margin-bottom:16px;padding:12px}.search-field{min-height:40px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}.search-field input{min-height:36px;background:transparent}.select-menu-trigger{background:var(--surface-raised);border-color:var(--neo-ink)}.select-menu-panel{padding:7px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.select-menu-option{min-height:34px;justify-content:flex-start;background:transparent;border:0;box-shadow:none}.select-menu-option.selected,.select-menu-option:hover{background:var(--yellow)}.starred-filter-toggle{min-height:38px;padding:0 9px 0 4px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}.starred-filter-toggle:hover,.starred-filter-toggle:focus-within{color:var(--text);background:var(--blue-soft)}.toggle-track{background:var(--surface);border:2px solid var(--neo-ink)}.toggle-thumb{background:var(--surface-raised);border:1px solid var(--neo-ink);box-shadow:none}.table-shell{height:calc(100vh - 438px);min-height:420px;overflow:hidden;background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:6px 6px 0 var(--neo-ink)}.table-wrap{color:var(--text);background:var(--surface-raised)}.table-wrap table{color:var(--text)}.table-wrap thead th{color:var(--text);background:var(--yellow);border-bottom:2px solid var(--neo-ink)}.table-wrap tbody td{border-bottom-color:color-mix(in srgb,var(--neo-ink) 24%,transparent)}.site-group-row td{background:var(--blue-soft);border-bottom:2px solid var(--neo-ink)}.group-toggle{color:var(--text);background:transparent;border:0;box-shadow:none}.group-toggle:hover{box-shadow:none;transform:none}.site-summary-row:hover td,.pricing-detail-row:hover td{background:var(--surface-soft)}.pinned-row td{background:color-mix(in srgb,var(--pink) 58%,var(--surface-raised))}.row-actions .icon-button,.expand-button,.notes-trigger,.latency-button,.balance-refresh-button,.pager-button,.page-size-button{box-shadow:2px 2px 0 var(--neo-ink)}.pagination{margin-top:16px;padding:11px 13px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.page-size-button.active{color:var(--text);background:var(--yellow);border-color:var(--neo-ink)}.consumption-page{gap:20px}.consumption-summary-grid{grid-template-columns:repeat(5,minmax(136px,1fr));gap:13px}.consumption-summary-card{min-height:108px;padding:16px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.consumption-summary-card:nth-child(1),.consumption-summary-card.primary{background:var(--blue-soft);border-color:var(--neo-ink)}.consumption-summary-card:nth-child(2),.consumption-summary-card.hot{background:var(--pink);border-color:var(--neo-ink)}.consumption-summary-card:nth-child(3){background:var(--yellow)}.consumption-summary-card:nth-child(4){background:var(--lavender)}.consumption-summary-card:nth-child(5),.consumption-summary-card.remaining{background:var(--mint);border-color:var(--neo-ink)}.consumption-summary-card span,.consumption-summary-card strong{color:var(--text)}.consumption-rank-panel,.qq-alert-card,.api-key-site{color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:6px 6px 0 var(--neo-ink)}.consumption-rank-row{color:var(--text);background:var(--surface-soft);border:2px solid var(--neo-ink);border-radius:4px}.consumption-rank-value strong{color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}.consumption-bar-track{height:10px;background:var(--surface);border:1px solid var(--neo-ink);border-radius:2px}.consumption-bar-fill{border-radius:1px}.consumption-note{color:var(--text);background:var(--yellow);border:2px dashed var(--neo-ink);border-radius:4px}.api-key-panel{padding:0;background:transparent;border:0;box-shadow:none}.api-key-site{padding:16px}.account-card{color:var(--text);background:var(--surface-soft);border:2px dashed var(--neo-ink);border-radius:4px;box-shadow:none}.api-key-row{color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}.api-key-new-row{background:var(--mint)}.api-key-display,.api-key-balance,.balance-values,.account-title,.api-key-site-header,.api-key-field-label{color:var(--text)}.qq-alert-grid{gap:18px}.qq-alert-card{padding:18px}.qq-alert-card:nth-child(2n){background:color-mix(in srgb,var(--pink) 30%,var(--surface-raised))}.qq-alert-card-header h2,.qq-alert-card-header p,.qq-form-grid label,.qq-textarea-field,.switch-row{color:var(--text)}.qq-status-pill{color:var(--text);border:2px solid var(--neo-ink);border-radius:4px}.qq-status-pill.ok{color:var(--text);background:var(--mint);border-color:var(--neo-ink)}.qq-status-pill.warn{color:var(--text);background:var(--yellow);border-color:var(--neo-ink)}.qq-status-pill.error{color:var(--text);background:var(--pink);border-color:var(--neo-ink)}.qrcode-box,.runs-table{color:var(--text);background:var(--surface);border:2px solid var(--neo-ink);border-radius:4px}.runs-head{color:var(--text);background:var(--yellow)}.runs-row{border-bottom-color:var(--neo-ink)}.site-option{color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px}.site-option.selected{color:var(--text);background:var(--yellow);border-color:var(--neo-ink)}.dialog,.login-card{color:var(--text);background:var(--surface-raised);border:3px solid var(--neo-ink);border-radius:5px;box-shadow:8px 8px 0 var(--neo-ink)}.modal-backdrop{background:#131a2294;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{padding-bottom:12px;border-bottom:2px solid var(--neo-ink)}.dialog label,.login-card label{color:var(--text);font-weight:700}.dialog-actions{padding-top:12px;border-top:2px dashed var(--neo-ink)}.login-page{padding:28px;background:linear-gradient(var(--canvas),var(--canvas)) padding-box,radial-gradient(circle,var(--dot) 1.15px,transparent 1.25px);background-size:auto,20px 20px}.login-card{width:min(430px,100%);padding:32px}.login-card:before{content:"SECURE ACCESS";justify-self:start;padding:6px 8px;color:var(--neo-ink);background:var(--yellow);border:2px solid var(--neo-ink);box-shadow:3px 3px 0 var(--neo-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:900}.login-card .eyebrow{display:none}.login-card h1{font-size:30px}.login-card button[type=submit]{min-height:46px;background:var(--yellow)}.state-box,.toast,.error-state,.empty-state{color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:4px 4px 0 var(--neo-ink)}.toast{background:var(--mint)}.muted-line,.eyebrow,.consumption-rank-key span,.consumption-rank-header>span,.qrcode-placeholder{color:var(--muted)}@media (max-width: 1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.topbar{padding-inline:20px}.topbar-copy>p,.topbar-status-icon{display:none}.page,.pricing-page{padding-inline:20px}.consumption-summary-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width: 900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:66px 72px minmax(0,1fr)}.sidebar,.sidebar-collapsed .sidebar{position:sticky;top:0;grid-column:1;grid-row:1;width:100%;height:66px;padding:7px 10px;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;background:var(--surface);border-right:0;border-bottom:3px solid var(--neo-ink)}.sidebar-brand,.sidebar-collapsed .sidebar-brand{min-height:auto;flex:0 0 auto;justify-content:flex-start;border:0}.brand-mark{width:42px;height:42px;flex-basis:42px}.brand-copy span,.nav-section-label,.sidebar-spacer,.sidebar-service,.sidebar-toggle{display:none}.sidebar nav{flex:1;display:flex;justify-content:center;gap:6px}.nav-item,.sidebar-collapsed .nav-item{width:auto;min-width:42px;min-height:42px;justify-content:center;padding:0 9px}.sidebar-footer{flex:0 0 auto;display:flex;gap:6px;padding:0;border:0}.sidebar-footer button,.sidebar-collapsed .sidebar-footer button{width:42px;min-height:42px;justify-content:center;padding:0}.sidebar-footer .nav-label{display:none}.topbar{position:sticky;top:66px;grid-column:1;grid-row:2;min-height:72px;padding:9px 14px;border-bottom-width:3px}.topbar h1{font-size:20px}.topbar-copy span{font-size:11px}.topbar-balance{display:none}.page,.pricing-page{grid-column:1;grid-row:3;padding:18px 16px 26px}.stats-grid,.pricing-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-shell{height:auto;min-height:560px}.consumption-summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width: 660px){.brand-copy,.topbar-user>span:not(.user-avatar),.topbar-user>svg,.topbar-theme{display:none}.sidebar nav{justify-content:flex-start;overflow-x:auto}.nav-item .nav-label,.sidebar-collapsed .nav-item .nav-label{display:none}.topbar-user{padding:0 6px}.page-header{min-height:0}.header-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions>button,.page-update-action,.page-update-action>button{width:100%}.page-update-progress{min-width:0}.stats-grid,.pricing-page .stats-grid,.consumption-summary-grid{grid-template-columns:1fr}.stat-card,.pricing-page .stat-card{min-height:88px}.filter-bar{align-items:stretch}.search-field,.select-menu,.starred-filter-toggle{width:100%}.starred-filter-toggle{justify-content:flex-start}.pagination{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.pagination-left,.pagination-right{width:100%;min-width:0;flex-wrap:wrap;justify-content:center}.page-size-label{width:100%;justify-content:center}.page-size-slider{width:min(220px,100%)}}:root{--table-head: #f4f5f7;--table-group: #f1f2ef;--table-row: #ffffff;--table-detail: #fafaf8;--table-hover: #f6f6f2;--table-divider: #d8dde3;--death-soft: #f8d9dd;--death-soft-hover: #f4cbd1;--death-text: #a44e59;--death-border: #c9858e}:root[data-theme=dark]{--table-head: #30363e;--table-group: #2a3037;--table-row: #252c34;--table-detail: #2a3139;--table-hover: #313840;--table-divider: #434b55;--death-soft: #56383e;--death-soft-hover: #634047;--death-text: #efb1ba;--death-border: #9f646e}.search-field:focus-within{border-color:var(--neo-ink);box-shadow:none;outline:none}.search-field input:focus,.search-field input:focus-visible{border:0;box-shadow:none;outline:none}.starred-filter-toggle:has(input:checked){color:var(--text);background:var(--surface-raised);border-color:var(--neo-ink)}.starred-filter-toggle:has(input:checked):hover,.starred-filter-toggle:has(input:checked):focus-within{color:var(--text);background:var(--blue-soft)}.starred-filter-toggle input:checked+.toggle-track{background:var(--mint);border-color:var(--neo-ink)}.starred-filter-toggle input:checked+.toggle-track .toggle-thumb{background:#fff;border-color:var(--neo-ink)}.table-wrap{background:var(--table-row)}.table-wrap table{border-collapse:collapse;table-layout:fixed}.table-wrap th,.table-wrap td{box-sizing:border-box;padding:9px;vertical-align:middle}.table-wrap thead th{height:44px;color:var(--text);background:var(--table-head);border-bottom:2px solid var(--neo-ink)}.table-wrap tbody td{background:var(--table-row);border-bottom:1px solid var(--table-divider)}.table-wrap tbody .site-group-row td{background:var(--table-group);border-bottom:1px solid var(--table-divider)}.site-group-row .group-toggle{color:var(--text)}.site-group-row .group-toggle strong{color:var(--muted);background:color-mix(in srgb,var(--table-divider) 72%,transparent)}.table-wrap tbody .pinned-row td{background:var(--table-row)}.table-wrap tbody .pricing-detail-row td{color:var(--text);background:var(--table-detail)}.site-summary-row:hover,.site-summary-row.pinned-row:hover,.pricing-detail-row:hover{background:transparent}.table-wrap tbody .site-summary-row:hover td,.table-wrap tbody .site-summary-row.pinned-row:hover td,.table-wrap tbody .pricing-detail-row:hover td{background:var(--table-hover);box-shadow:none}.site-summary-row:hover>td:first-child{box-shadow:none}.table-shell button,.table-shell button:not(:disabled):hover,.table-shell button:not(:disabled):active{box-shadow:none;transform:none}.table-shell .row-actions .icon-button,.table-shell .row-actions .icon-button:not(:disabled):active{box-shadow:none;transform:none}.table-shell .row-actions .icon-button:not(:disabled):hover{box-shadow:0 4px 10px #202c3a2e;transform:translateY(-1px)}.table-shell .icon-button{background:var(--surface-raised)}.table-shell .dead-button{color:var(--death-text);background:color-mix(in srgb,var(--death-soft) 40%,var(--surface-raised));border-color:var(--death-border)}.table-shell .dead-button:hover{color:var(--death-text);background:var(--death-soft-hover);border-color:var(--death-border)}.table-shell .dead-button[aria-pressed=true]{color:var(--death-text);background:var(--death-soft);border-color:var(--death-border)}.table-shell .row-actions{align-items:center}.table-wrap .numeric,.table-wrap .time-cell{vertical-align:middle}.page-status-layer,.viewport-toast{z-index:2147483647}.page-update-action{position:relative;display:inline-flex;align-items:center;gap:0}.page-update-button{width:132px;min-width:132px;flex:0 0 132px}.page-update-progress{position:absolute;top:calc(100% + 10px);right:0;z-index:12000;width:320px;min-width:320px;padding:11px;color:var(--text);background:var(--surface-raised);border:2px solid var(--neo-ink);border-radius:4px;box-shadow:5px 5px 0 var(--neo-ink)}.page-update-segmented-bar{width:100%;height:10px;display:flex;overflow:hidden;background:var(--table-divider);border:1px solid var(--neo-ink);border-radius:2px}.page-update-segment{display:block;height:100%;flex:0 0 auto;transition:width .22s ease}.page-update-segment.success{background:#279465}.page-update-segment.failure{background:#d9535f}.page-update-progress.status-failed .page-update-progress-row strong{color:#b83e49}@media (max-width: 660px){.page-update-button{width:100%;min-width:0;flex-basis:auto}.page-update-progress{right:0;width:min(320px,calc(100vw - 32px));min-width:0}}