:root{--bg-app: #f4f1ea;--bg-panel: #fffdf9;--bg-subtle: #efebe3;--bg-strong: #24211d;--border: #d9d0c5;--text-main: #27231f;--text-soft: #72695f;--accent: #8b8680;--accent-strong: #5f5a53;--danger: #a14a3b;--success: #2b7a5a;--warning: #a6721d;--shadow: 0 10px 30px rgba(25, 18, 10, .08);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-app)}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#fffaf0 0%,var(--bg-app) 45%);color:var(--text-main);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;width:100%}.sidebar{background:linear-gradient(180deg,#1f1c19,#2a2621);color:#f7f3ee;padding:20px 16px;border-right:1px solid rgba(255,255,255,.06);position:sticky;top:0;min-height:100vh;align-self:start}.sidebar__brand{font-size:18px;font-weight:700;margin-bottom:20px;letter-spacing:.03em}.sidebar__nav{display:grid;gap:6px}.sidebar__link{padding:11px 12px;border-radius:12px;color:#ffffffbf}.sidebar__link--active,.sidebar__link:hover{background:#ffffff14;color:#fff}.main{display:flex;flex-direction:column;min-width:0;width:100%;background:radial-gradient(circle at top right,#fffcf6f2,#f4f1ea00 28%),linear-gradient(180deg,#fffdf9ad,#f4f1ea38)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;background:#fffdf9db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(95,90,83,.12)}.topbar__meta{display:flex;flex-direction:column;gap:4px}.topbar__title{font-size:20px;font-weight:700}.topbar__sub{color:var(--text-soft);font-size:13px}.topbar__status{padding:8px 12px;border-radius:999px;background:var(--bg-subtle);color:var(--text-soft);font-size:13px}.page{width:100%;min-width:0;min-height:calc(100vh - 80px);padding:28px 32px 48px;display:grid;align-content:start;gap:24px}.page>*{min-width:0}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-header__title{margin:0;font-size:40px;line-height:1.08}.page-header__desc{margin:8px 0 0;color:var(--text-soft);font-size:16px}.page-header__actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);width:100%}.card--pad{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-grid--accounts{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{display:grid;gap:8px}.stat-card__value{font-size:36px;font-weight:700;line-height:1}.stat-card__label{color:var(--text-soft);font-size:14px}.toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.toolbar--accounts{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto}.toolbar--tasks{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}.toolbar--keys{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.toolbar--logs{grid-template-columns:minmax(0,2.2fr) repeat(2,minmax(0,1.5fr)) repeat(2,minmax(0,1fr))}.toolbar--system-pricing{grid-template-columns:minmax(0,2.2fr) minmax(180px,1fr) minmax(180px,1fr)}.toolbar--model-config{grid-template-columns:minmax(0,2.3fr) minmax(150px,.9fr) minmax(140px,.8fr) minmax(140px,auto)}.toolbar--model-config-list{grid-template-columns:minmax(0,1.4fr)}.field{display:grid;gap:6px}.field--wide{min-width:0}.field--actions{align-content:end}.field label,.field>span{color:var(--text-soft);font-size:13px;letter-spacing:.02em}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;min-height:46px;padding:11px 14px;background:#fff;color:var(--text-main)}.button{border:none;border-radius:12px;min-height:44px;padding:10px 16px;cursor:pointer;background:var(--bg-subtle);color:var(--text-main);font-weight:600}.button:hover{opacity:.92}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--accent);color:#fff}.button--danger{background:var(--danger);color:#fff}.button--ghost{background:transparent;border:1px solid var(--border)}.button--sm{min-height:34px;padding:7px 12px;font-size:13px;border-radius:10px}.toggle{display:inline-flex;align-items:center;gap:10px;padding-top:24px;color:var(--text-soft);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--idle,.badge--active,.badge--healthy{background:#2b7a5a1f;color:var(--success)}.badge--busy_chat,.badge--busy_edit{background:#8b868029;color:var(--accent-strong)}.badge--cooldown,.badge--exhausted{background:#a6721d29;color:var(--warning)}.badge--expired{background:#5f5a531f;color:var(--text-soft)}.badge--invalid,.badge--disabled{background:#a14a3b24;color:var(--danger)}.badge--done{background:#2b7a5a1f;color:var(--success)}.badge--failed,.badge--aborted,.badge--offline{background:#a14a3b24;color:var(--danger)}.badge--generating,.badge--pending,.badge--stale{background:#8b868029;color:var(--accent-strong)}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel-grid--accounts-detail{grid-template-columns:repeat(4,minmax(0,1fr))}.accounts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-card{display:grid;gap:14px}.account-card--compact{gap:12px;padding:2px}.account-card__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding-bottom:10px;border-bottom:1px solid rgba(95,90,83,.08)}.account-card__check{padding-top:4px}.account-card__identity{display:grid;gap:4px;min-width:0}.account-card__name{font-size:17px;font-weight:700;line-height:1.2}.account-card__token,.mono{font-family:Consolas,SFMono-Regular,Cascadia Code,monospace}.account-card__subline{display:flex;align-items:center;gap:8px;min-width:0}.account-card__token{color:var(--text-soft);font-size:12px}.account-card__email{color:var(--text-soft);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card__dot{color:#72695f80;font-size:10px}.account-card__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.account-card__metric{padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f4f1eae6);border:1px solid rgba(95,90,83,.08);display:grid;gap:4px}.account-card__metric-label{color:var(--text-soft);font-size:11px;letter-spacing:.03em}.account-card__metric-value{font-size:20px;line-height:1}.account-card__metric-value--text{font-size:14px;line-height:1.25}.account-card__info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.account-card__info-item{min-width:0;display:grid;gap:3px}.account-card__info-label{color:var(--text-soft);font-size:11px}.account-card__info-value{font-size:13px;color:var(--text-main);word-break:break-all}.account-card__notes{display:grid;gap:8px;color:var(--text-soft);font-size:13px}.account-card__error{color:var(--danger);font-size:12px;padding:10px 12px;border-radius:12px;background:#a14a3b14;border:1px solid rgba(161,74,59,.12)}.account-card__actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.empty{padding:48px 36px;text-align:center;color:var(--text-soft)}.inline-message{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fffdf9e6;color:var(--text-soft)}.refresh-progress{display:grid;gap:14px}.refresh-progress__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.refresh-progress__title{font-size:18px;font-weight:700}.refresh-progress__meta{color:var(--text-soft);font-size:13px}.refresh-progress__bar{width:100%;height:12px;border-radius:999px;background:#8b868024;overflow:hidden}.refresh-progress__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8b8680,#5f5a53);transition:width .2s ease}.refresh-progress__list{display:grid;gap:10px;max-height:220px;overflow-y:auto;padding-right:4px}.refresh-progress__item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:1px solid rgba(95,90,83,.08);background:#fffdf9d6}.refresh-progress__item-text{color:var(--text-soft);font-size:13px}.notification-stack{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;gap:12px;width:min(360px,calc(100vw - 24px))}.notification{padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#fffcf7fa;box-shadow:0 18px 36px #1f1a161f;display:grid;gap:8px}.notification--success{border-color:#35846142}.notification--error{border-color:#b5564547}.notification--info{border-color:#90806d42}.notification__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification__message,.notification__time{color:var(--text-soft);font-size:13px}.notification__close{border:0;background:transparent;color:var(--text-soft);cursor:pointer;padding:0;font:inherit}.generated-keys{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--bg-subtle);color:var(--text-main);font-size:12px;border:1px solid rgba(95,90,83,.08)}.pill--mono{font-family:Consolas,SFMono-Regular,Cascadia Code,monospace}.pill--success{background:#2b7a5a1f;color:var(--success)}.pill--warning{background:#a6721d24;color:var(--warning)}.pill--danger{background:#a14a3b24;color:var(--danger)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:#5f5a533d}.status-dot--online{background:var(--success)}.drawer-backdrop{position:fixed;inset:0;background:#1c18145c;display:flex;justify-content:flex-end;z-index:50}.drawer{width:min(620px,100vw);height:100%;background:var(--bg-panel);padding:24px;overflow-y:auto;box-shadow:-14px 0 40px #00000024}.drawer__head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-item{padding:12px;border-radius:14px;background:var(--bg-subtle)}.detail-item__label{font-size:12px;color:var(--text-soft);margin-bottom:6px}.detail-item__value{font-size:14px;word-break:break-all}.detail-block{display:grid;gap:10px}.detail-block__title{margin:0;font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-head__meta{color:var(--text-soft);font-size:13px}.system-edit-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;margin-bottom:16px;border:1px solid rgba(95,90,83,.16);border-radius:18px;background:linear-gradient(135deg,#efebe3e6,#fffaf0f5)}.system-edit-banner--active{border-color:#2b7a5a3d;background:linear-gradient(135deg,#e9f5eff5,#f7fffbfa)}.system-edit-banner__title{font-size:16px;font-weight:700}.system-edit-banner__desc{margin-top:4px;color:var(--text-soft);font-size:13px;line-height:1.6}.suggestion-list{display:grid;gap:12px}.suggestion-item{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--bg-subtle)}.suggestion-item strong{display:block;margin-bottom:6px}.suggestion-item p{margin:0;color:var(--text-soft);line-height:1.6}.suggestion-item--danger{border-color:#a23f3433;background:#a23f3414}.suggestion-item--warning{border-color:#ad722e3d;background:#ad722e14}.suggestion-item--info{border-color:#506f9033;background:#506f9014}.detail-pre{padding:14px;border-radius:16px;background:var(--bg-subtle);color:var(--text-main);white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,Cascadia Code,monospace;font-size:13px}.detail-pre pre{margin:0;white-space:pre-wrap;word-break:break-word}.detail-pre--compact{padding:12px}.detail-pre__title{margin-bottom:8px;color:var(--text-soft);font-family:inherit}.detail-tags,.detail-json-list{display:grid;gap:10px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#1c18145c;z-index:60}.modal{width:min(560px,calc(100vw - 24px));background:var(--bg-panel);padding:24px;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}.modal--detail{width:min(960px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;overflow:hidden}.table{width:100%;border-collapse:collapse;table-layout:auto}.table-wrap{overflow-x:auto}.table th,.table td{padding:14px 10px;border-bottom:1px solid rgba(95,90,83,.1);text-align:left;font-size:14px;vertical-align:top}.table-subtext{margin-top:4px;color:var(--text-soft);font-size:12px}.table--billing th,.table--billing td{white-space:nowrap}.table--billing th:nth-child(1),.table--billing td:nth-child(1){min-width:150px}.table--billing th:nth-child(4),.table--billing td:nth-child(4){min-width:160px}.table--billing th:nth-child(6),.table--billing td:nth-child(6){min-width:140px}.toolbar-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px}.timeline{display:grid;gap:10px}.timeline__item{padding:12px 14px;border-radius:14px;background:var(--bg-subtle)}.timeline__head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.modal-results{display:grid;gap:12px}.key-detail-modal{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.key-detail-tabs{display:flex;gap:10px;flex-wrap:wrap}.key-detail-tab{border:1px solid var(--border);background:#ffffffb3;color:var(--text-soft);border-radius:999px;padding:10px 16px;cursor:pointer}.key-detail-tab--active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.key-detail-panel{flex:1;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}.key-detail-panel::-webkit-scrollbar{width:10px}.key-detail-panel::-webkit-scrollbar-track{background:#5f5a531a;border-radius:999px}.key-detail-panel::-webkit-scrollbar-thumb{background:#5f5a5359;border-radius:999px}.key-detail-panel::-webkit-scrollbar-thumb:hover{background:#5f5a5380}.key-detail-actions{padding:2px 0 4px}.system-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}.system-section{display:grid;gap:16px}.system-section__title{margin:0;font-size:20px}.system-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.system-overview__label{margin-bottom:10px;color:var(--text-soft);font-size:13px}.system-list{display:grid;gap:12px}.system-list__item{display:grid;gap:6px;padding:14px;border-radius:16px;background:var(--bg-subtle)}.system-list__item--compact{padding:12px 14px}.system-list__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.system-list__meta{color:var(--text-soft);font-size:13px}.system-list__error{color:var(--danger);font-size:13px}.empty--compact{padding:16px 12px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.stat-grid,.toolbar,.panel-grid,.detail-grid,.system-grid,.system-overview,.accounts-grid,.account-card__metrics,.account-card__info-grid{grid-template-columns:1fr}.topbar,.page{padding-left:20px;padding-right:20px}.system-edit-banner{flex-direction:column;align-items:flex-start}.page-header__title{font-size:32px}.notification-stack{left:12px;right:12px;bottom:12px;width:auto}}@media(max-width:1400px){.stat-grid--accounts{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-grid--accounts-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.stat-grid--accounts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.stat-grid--accounts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1600px){.topbar{padding:22px 40px}.page{padding:32px 40px 56px}.page-header__title{font-size:44px}.page-header__desc{font-size:17px}.card--pad{padding:24px}.stat-card__value{font-size:40px}.table th,.table td{padding:16px 12px;font-size:15px}}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.topbar__status--success{background:#2b7a5a1f;color:var(--success)}.topbar__status--warning{background:#a6721d29;color:var(--warning)}.topbar__action{white-space:nowrap}.admin-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#fffaf0f2,#f4f1ea00 38%),linear-gradient(180deg,#f7f3ec,#eee7dc)}.admin-gate__panel{width:min(560px,calc(100vw - 24px));display:grid;gap:18px;border-radius:24px}.admin-gate__eyebrow{color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.admin-gate__title{margin:0;font-size:34px;line-height:1.08}.admin-gate__desc{margin:0;color:var(--text-soft);line-height:1.65}.admin-gate__tips{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:#ffffff8c;border:1px solid rgba(95,90,83,.08);color:var(--text-soft);font-size:14px;line-height:1.55}.admin-gate__actions{display:flex;justify-content:flex-end}.admin-gate__error{color:var(--danger);font-size:14px}.admin-key-modal{width:min(760px,calc(100vw - 24px));display:grid;gap:16px}.admin-key-modal__hint{margin:0;color:var(--text-soft);line-height:1.6}.admin-key-modal__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-key-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:600;width:fit-content}.admin-key-chip--ok{background:#2b7a5a1f;color:var(--success)}.admin-key-chip--warn{background:#a6721d29;color:var(--warning)}@media(max-width:1100px){.topbar{align-items:flex-start}.topbar__actions{justify-content:flex-start;width:100%}}@media(max-width:640px){.admin-gate{padding:16px}.admin-gate__panel{width:100%}.admin-gate__title{font-size:28px}.admin-gate__actions,.admin-key-modal__actions{justify-content:stretch}.admin-gate__actions .button,.admin-key-modal__actions .button{width:100%}}.admin-gate__grid{width:min(1120px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-gate--loading{background:radial-gradient(circle at top left,#fffaf0f2,#f4f1ea00 38%),linear-gradient(180deg,#f7f3ec,#eee7dc)}.admin-gate__loading{width:min(560px,calc(100vw - 24px));border-radius:24px}.admin-gate__panel--subtle{background:linear-gradient(180deg,#fffffff5,#f8f5eff0)}.admin-gate__subtitle{margin:0;font-size:28px;line-height:1.15}.admin-access-card{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:#ffffff94;border:1px solid rgba(95,90,83,.08)}.admin-access-card__title{font-weight:700}.admin-access-card__meta{color:var(--text-soft);font-size:14px}.admin-password-card{display:grid;gap:14px;padding:16px 18px;border-radius:18px;background:#ffffffa3;border:1px solid rgba(95,90,83,.1)}.admin-password-card--subtle{background:#f4f1eab3}.admin-password-card__head{display:grid;gap:4px}.admin-password-card__title{font-size:17px;font-weight:700}.admin-password-card__desc,.admin-password-card__hint{margin:0;color:var(--text-soft);line-height:1.6}.admin-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1100px){.admin-gate__grid{grid-template-columns:1fr}}@media(max-width:800px){.admin-password-grid{grid-template-columns:1fr}}
