/* AI studio layout. Kept separate from the older shared page overrides. */
#pageContent.client-content-page:has(.creation-workspace){display:block;height:calc(100dvh - 71px)!important;min-height:0; padding:12px 18px!important;overflow:hidden!important;background:#fafbf8}
#pageContent .creation-heading{min-height:90px;height:90px;margin:0 0 10px;padding:8px 18px;background:linear-gradient(90deg,#fafbf8 35%,#fafbf8aa 65%,transparent),url('/assets/client-landscape-wash.png') right center/auto 220px no-repeat}
#pageContent .creation-heading h1{font-size:34px;font-weight:600;letter-spacing:.02em}
#pageContent .creation-heading p{font-size:13px;line-height:1.7}
#pageContent .creation-heading-art{height:auto;flex:none;margin-left:auto;font-size:10px;padding:0 4px 0 20px}
#pageContent .creation-tabs{width:min(440px,65%);height:42px;min-height:42px;margin:0 0 14px;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:8px}
#pageContent .creation-tabs button{min-height:40px;height:40px;padding:0 12px}
#pageContent .creation-tabs button span{gap:10px;font-size:13px}
#pageContent .creation-tabs button.active{background:#edf2e9;box-shadow:inset 0 0 0 3px #fff;border-radius:8px}
#pageContent .creation-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px;align-items:start}
#pageContent .creation-main{min-width:0}
#pageContent.client-content-page .creation-chat{height:calc(100dvh - 250px);min-height:390px;max-height:none;padding:16px!important;background:#fff;border-radius:10px}
#pageContent .creation-toolbar{border:0;padding:0 0 12px;min-height:40px}
#pageContent .creation-toolbar label{font-size:12px;color:#273d33}
#pageContent .creation-toolbar .field{height:36px;width:245px;background:#fff}
#pageContent .creation-toolbar .text-action{display:flex;flex-direction:row-reverse;gap:6px}
#pageContent.client-content-page .creation-conversation{flex:1;min-height:0;overflow:auto;gap:14px;padding:8px 0 16px}
#pageContent .creation-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}
#pageContent .creation-composer{margin:0;padding:11px 12px 9px;background:#fff;border:1px solid #e5e8e5;border-radius:8px}
#pageContent .creation-composer>textarea{height:38px;min-height:38px;max-height:100px;resize:none;font-size:12px}
#pageContent .composer-tools{border:0;min-height:34px;padding-top:5px}
#pageContent .composer-tools .button{height:36px;min-height:36px;padding:0 18px}
#pageContent .creation-aside{display:grid;gap:12px;margin-top:-56px;min-width:0}
#pageContent.client-content-page .creation-settings{padding:16px!important;background:#fff;border-radius:10px}
#pageContent .creation-settings .card-head{margin-bottom:14px}
#pageContent .creation-settings .card-head h2,#pageContent .recent-creation .card-head h2{font-size:15px;color:#172c25}
#pageContent .creation-model-field{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px}
#pageContent .creation-model-field .field{margin:0;height:36px}
#pageContent .creation-settings .field-label{color:#38483f;font-size:12px}
#pageContent .creation-settings .field-label textarea{min-height:68px;height:68px;resize:none;line-height:1.7;font-size:12px}
#pageContent .range-label{position:relative;display:block;margin-top:14px;padding-top:4px;font-size:12px;color:#38483f}
#pageContent .range-label>span{display:block;margin-top:13px}
#pageContent .range-label output{position:absolute;right:0;top:0;width:50px;padding:4px 8px;background:#fff;border:1px solid #e5e8e5;border-radius:5px;color:#263c30;text-align:center;font-size:11px}
#pageContent .range-label input{appearance:none;display:block;height:5px;margin:0;width:100%;border-radius:20px;background:linear-gradient(to right,#3e694a 0 var(--range-fill,35%),#eff0ee var(--range-fill,35%) 100%)}
#pageContent .range-label input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;border:1px solid #3e694a;background:#fff;cursor:pointer}
#pageContent .switch-row{font-size:12px;margin-top:12px;color:#38483f}
#pageContent.client-content-page .recent-creation{min-height:0;padding:16px!important;background:#fff;border-radius:10px}
#pageContent .creation-history-empty{min-height:84px;border:0;background:#fafbf8}
#pageContent .assistant-response{max-width:90%;padding:14px 16px;border:1px solid #eceeeb;border-radius:8px;background:#f8f9f7;color:#536057;font-size:13px;line-height:1.8}
#pageContent .user-message{font-size:13px;background:#edf2e9}
/* Keep settings and history on a full-height left rail; place modes above chat. */
#pageContent:has(.creation-workspace) .creation-heading{display:none!important}
#pageContent:has(.creation-workspace) .creation-workspace{height:100%;grid-template-columns:minmax(300px,.88fr) minmax(0,1.72fr);gap:16px;align-items:stretch}
#pageContent:has(.creation-workspace) .creation-aside{grid-column:1;grid-row:1;margin:0;height:100%;min-height:0;display:flex;flex-direction:column;gap:14px}
#pageContent:has(.creation-workspace) .creation-settings{flex:0 0 auto;padding:16px!important}
#pageContent:has(.creation-workspace) .recent-creation{flex:1 1 auto;min-height:220px;display:flex;flex-direction:column}
#pageContent:has(.creation-workspace) .recent-creation .creation-history-empty{flex:1;min-height:120px;align-content:center}
#pageContent:has(.creation-workspace) .creation-main{grid-column:2;grid-row:1;min-width:0}
#pageContent:has(.creation-workspace) .creation-tabs{display:grid;width:100%;max-width:640px;height:48px;margin:0 0 14px}
#pageContent:has(.creation-workspace) .creation-tabs button{height:46px;min-height:46px}
#pageContent.client-content-page:has(.creation-workspace) .creation-main{height:100%;display:flex;flex-direction:column;min-height:0}
#pageContent.client-content-page:has(.creation-workspace) .creation-chat{flex:1;height:auto;min-height:0}
@media(max-width:1050px){#pageContent.client-content-page:has(.creation-workspace){height:auto!important;min-height:calc(100dvh - 54px);overflow:visible!important}#pageContent:has(.creation-workspace) .creation-workspace{height:auto;grid-template-columns:minmax(0,1fr)}#pageContent:has(.creation-workspace) .creation-aside,#pageContent:has(.creation-workspace) .creation-main{grid-column:1;grid-row:auto}#pageContent:has(.creation-workspace) .creation-aside{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#pageContent.client-content-page:has(.creation-workspace) .creation-main{height:auto}#pageContent.client-content-page:has(.creation-workspace) .creation-chat{height:520px;min-height:390px;flex:auto}}
@media(max-width:680px){#pageContent:has(.creation-workspace) .creation-aside{grid-template-columns:1fr}}
@media(min-width:1900px){#pageContent .creation-heading{height:110px}#pageContent .creation-heading h1{font-size:38px}#pageContent.client-content-page .creation-chat{height:calc(100dvh - 270px)}}
@media(max-width:1050px){#pageContent .creation-workspace{grid-template-columns:minmax(0,1fr)}#pageContent .creation-aside{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}#pageContent.client-content-page .creation-chat{height:520px;min-height:390px}#pageContent .creation-tabs{width:min(440px,100%)}}
@media(max-width:680px){#pageContent.client-content-page:has(.creation-workspace){padding:12px!important}#pageContent .creation-heading{padding:8px 0;height:auto;min-height:90px}#pageContent .creation-heading h1{font-size:28px}#pageContent .creation-heading p{font-size:11px;max-width:100%}#pageContent .creation-aside{grid-template-columns:1fr}#pageContent .creation-toolbar .field{width:100%;margin:0}#pageContent .creation-toolbar label{display:grid;grid-template-columns:65px 1fr;align-items:center}#pageContent .creation-chat{min-height:390px!important;height:500px!important}#pageContent .composer-tools{gap:5px}#pageContent .composer-count{font-size:9px}}
/* Consistent 12px page gutters and column gaps; both columns fill the canvas. */
#pageContent.client-content-page:has(.creation-workspace){padding:12px!important;scrollbar-gutter:auto!important}
#pageContent:has(.creation-workspace) .creation-workspace{grid-template-columns:minmax(300px,1fr) minmax(0,2fr);gap:12px}
#pageContent:has(.creation-workspace) .creation-aside{gap:12px}
#pageContent:has(.creation-workspace) .creation-tabs{max-width:none;margin-bottom:12px}

#pageContent .composer-attachment{display:flex;align-items:center;gap:8px;max-width:210px;padding:4px 8px;border:1px solid #e4e9e1;border-radius:8px;background:#f8f9f6;color:#526257;font-size:10px}
#pageContent .composer-attachment>img{width:32px;height:32px;flex:none;border-radius:5px;object-fit:cover}
#pageContent .composer-attachment>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pageContent .composer-attachment>button{width:22px;height:22px;flex:none;border:0;border-radius:50%;background:#eef1ec;color:#637066;font-size:16px;line-height:1}
#pageContent .studio-message-image{display:block;max-width:min(220px,100%);max-height:180px;margin-top:8px;border-radius:8px;object-fit:contain}
.model-info-dialog{width:min(520px,calc(100vw - 24px));max-height:min(80dvh,640px);overflow:auto;padding:20px;border:1px solid #e3e8e0;border-radius:12px;background:#fffefa;color:#2e4235;box-shadow:0 24px 72px #1d302433}
.model-info-dialog::backdrop{background:#17243a66;backdrop-filter:blur(2px)}
.model-info-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.model-info-dialog>header h2{margin:0;color:#263b30;font:600 19px Georgia,'Noto Serif SC',serif}
.model-info-dialog>header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f3ee;color:#59665c;font-size:20px}
.model-info-dialog dl{display:grid;gap:0;margin:0;border-top:1px solid #e8ece5}
.model-info-dialog dl>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid #e8ece5}
.model-info-dialog dt{color:#818b82;font-size:11px}
.model-info-dialog dd{margin:0;color:#344a3a;font-size:12px;overflow-wrap:anywhere}

/* Keep every client workspace card on the shared 18px interior spacing scale. */
#pageContent .card:not(#pageContent){padding:18px!important}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2){padding:18px!important}
#pageContent:has(.overview-top-grid)>.dashboard-account{padding:18px!important}
#pageContent:has(.overview-top-grid) .dashboard-lower>.card{padding:18px!important}
#pageContent:has(.overview-top-grid) .dashboard-billing .table-wrap{margin-top:0!important}
#pageContent:has(.key-management-card) .key-table-toolbar{gap:12px!important}
#pageContent:has(.key-management-card) .key-management-card>.card-head{align-items:flex-start!important}
#pageContent:has(.key-management-card) .key-management-card>.card-head .subtle{margin:4px 0 0!important}
#pageContent:has(#modelSearch)>.card>.card-head>.table-tools{margin:0!important}
#pageContent:has(.usage-filters) .record-stats>div{justify-content:flex-start;gap:12px;min-height:72px}
#pageContent.page-content:has(#billingSearch) .table-tools>.filter-field{gap:12px!important}

/* Full-height workbench for AI chat, image/video generation, and model pricing. */
#pageContent.client-content-page:has(.wb-studio-page),#pageContent.client-content-page:has(.wb-models-page){height:calc(100dvh - 71px)!important;min-height:0;padding:12px!important;overflow:hidden!important;display:flex;flex-direction:column;gap:12px;background:#fafbf8}
#pageContent .wb-studio-page,#pageContent .wb-models-page{display:flex;flex:1 1 auto;min-width:0;min-height:0;flex-direction:column;gap:12px}
#pageContent .wb-tabs{display:flex;flex:none;gap:8px;margin:0}
#pageContent .wb-tabs .button{height:34px;min-height:34px;padding:0 14px;font-size:12px}
#pageContent .wb-studio{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-width:0;min-height:0;gap:12px}
#pageContent .wb-main,#pageContent .wb-aside,#pageContent .wb-model-card{min-width:0;min-height:0;padding:18px!important;background:#fff;border:1px solid #e6eae5;border-radius:10px;box-shadow:0 1px 3px #1c30200a}
#pageContent .wb-main{display:flex;flex-direction:column;gap:12px;overflow:hidden}
#pageContent .wb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin:0}
#pageContent .wb-head h2{margin:0;color:#23372b;font-size:15px;font-weight:600}
#pageContent .wb-model-select{display:flex;align-items:center;gap:10px;color:#425248;font-size:12px}
#pageContent .wb-model-select select{width:min(360px,48vw)}
#pageContent .wb-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
#pageContent .wb-main .button,#pageContent .wb-aside .button,#pageContent .wb-model-card .button{height:32px;min-height:32px;padding:0 11px;font-size:11px}
#pageContent .wb-conversation{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:auto;padding:14px;border:1px solid #edf0ec;border-radius:8px;background:#fbfcfa}
#pageContent .wb-empty{display:grid;flex:1;place-items:center;min-height:100px;color:#879187;text-align:center;font-size:12px;line-height:1.8}
#pageContent .wb-message{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px 12px;max-width:92%;padding:12px;border:1px solid #e8ece7;border-radius:8px;background:#fff;color:#35443a;font-size:12px;line-height:1.8}
#pageContent .wb-message.user{align-self:flex-end;background:#edf3e9;border-color:#e1eadd}
#pageContent .wb-message.assistant{align-self:flex-start}
#pageContent .wb-message small{color:#79857b;font-size:10px}
#pageContent .wb-message>div{white-space:pre-wrap;overflow-wrap:anywhere}
#pageContent .wb-message .button{grid-column:3;grid-row:1;font-size:10px}
#pageContent .wb-composer{display:grid;flex:none;gap:8px;margin:0;padding:10px;border:1px solid #e5e9e3;border-radius:8px;background:#fff}
#pageContent .wb-composer>textarea{width:100%;min-height:64px;max-height:180px;resize:vertical;padding:9px 10px;border:0;outline:0;font:12px/1.7 inherit}
#pageContent .wb-composer>footer{display:flex;align-items:center;gap:8px;min-height:32px}
#pageContent .wb-composer>footer #wbStatus{flex:1;min-width:0;color:#728075;font-size:11px}
#pageContent .wb-attachment{display:flex;align-items:center;gap:8px;color:#57655b;font-size:11px}
#pageContent .wb-attachment[hidden]{display:none}
#pageContent .wb-attachment img{width:42px;height:42px;object-fit:cover;border-radius:5px}
#pageContent .wb-aside{display:flex;flex-direction:column;gap:12px;overflow:hidden}
#pageContent .wb-settings{display:grid;flex:none;gap:10px;padding-bottom:12px;border-bottom:1px solid #edf0ec}
#pageContent .wb-settings label,#pageContent .wb-form-grid label{display:grid;gap:5px;color:#536056;font-size:11px}
#pageContent .wb-settings input,#pageContent .wb-settings textarea,#pageContent .wb-model-select select,#pageContent .wb-filters input,#pageContent .wb-filters select,#pageContent .wb-form-grid input{width:100%;min-width:0;height:32px;padding:0 9px;border:1px solid #e3e8e1;border-radius:6px;background:#fff;color:#35443a;font-size:11px}
#pageContent .wb-settings textarea{height:68px;padding:8px;resize:vertical}
#pageContent .wb-note{margin:0;color:#7c887e;font-size:10px;line-height:1.7}
#pageContent .wb-history{display:flex;min-height:0;flex:1;flex-direction:column;gap:6px;overflow:auto}
#pageContent .wb-history-item{display:flex;min-width:0;gap:4px}
#pageContent .wb-history-item>button:first-child{display:flex;flex:1;min-width:0;height:auto;min-height:40px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 8px;border:1px solid #edf0ec;border-radius:6px;background:#fff;color:#3c4a40;text-align:left;font-size:11px;overflow-wrap:anywhere}
#pageContent .wb-history-item small{color:#849086;font-size:9px}
#pageContent .wb-history-item>button:last-child{flex:none;width:30px;padding:0}
#pageContent .wb-media{display:block;max-width:min(100%,640px);max-height:460px;object-fit:contain;border-radius:8px;background:#f4f6f3}
#pageContent .wb-model-card{display:flex;flex:1;flex-direction:column;gap:12px;overflow:hidden}
#pageContent .wb-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(135px,1fr)) auto;gap:8px}
#pageContent .wb-filters .button{white-space:nowrap}
#pageContent .wb-model-card>.wb-note{flex:none}
#pageContent .wb-model-card .table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #e9ede8;border-radius:7px}
#pageContent .wb-model-card table{width:100%;min-width:900px;border-collapse:collapse}
#pageContent .wb-model-card th{position:sticky;top:0;z-index:1;background:#f4f6f2;color:#59665b;font-size:10px;font-weight:600}
#pageContent .wb-model-card th,#pageContent .wb-model-card td{padding:9px 10px;border-bottom:1px solid #edf0ec;text-align:left;font-size:10px;vertical-align:middle}
#pageContent .wb-model-card td strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#304036;font-size:11px}
#pageContent .wb-model-card td .wb-row-actions{flex-wrap:nowrap;gap:4px}
#pageContent .wb-model-card td .button{height:28px;min-height:28px;padding:0 7px;font-size:9px;white-space:nowrap}
#pageContent .wb-pager{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:8px;color:#647066;font-size:10px}
#pageContent .wb-pager>span:first-child{margin-right:auto}
#pageContent .wb-pager select{width:64px;height:30px;border:1px solid #e3e8e1;border-radius:6px;background:#fff;font-size:10px}
.wb-dialog{width:min(640px,calc(100vw - 24px));max-height:min(84dvh,760px);overflow:auto;padding:18px;border:1px solid #e3e8e0;border-radius:12px;background:#fffefa;color:#2e4235;box-shadow:0 24px 72px #1d302433}
.wb-dialog::backdrop{background:#17243a66;backdrop-filter:blur(2px)}
.wb-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.wb-dialog>header h2{margin:0;color:#263b30;font:600 18px Georgia,'Noto Serif SC',serif}
.wb-dialog>header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f3ee;color:#59665c;font-size:20px}
.wb-model-detail{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:0;margin:0 0 18px;border-top:1px solid #e8ece5}
.wb-model-detail dt,.wb-model-detail dd{padding:8px 4px;border-bottom:1px solid #e8ece5;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.wb-model-detail dt{color:#818b82}.wb-model-detail dd{margin:0;color:#344a3a}
.wb-dialog h3{font-size:13px}
.wb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.wb-form-grid button,.wb-form-grid output{grid-column:1/-1}
.wb-form-grid output{color:#3e694a;font-size:13px}
@media(max-width:1000px){#pageContent.client-content-page:has(.wb-studio-page),#pageContent.client-content-page:has(.wb-models-page){height:auto!important;min-height:calc(100dvh - 71px);overflow:visible!important}#pageContent .wb-studio{grid-template-columns:minmax(0,1fr)}#pageContent .wb-main{min-height:600px}#pageContent .wb-aside{min-height:320px}#pageContent .wb-model-card{min-height:70dvh}#pageContent .wb-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#pageContent .wb-filters input{grid-column:1/-1}}
@media(max-width:600px){#pageContent .wb-main,#pageContent .wb-aside,#pageContent .wb-model-card{padding:12px!important}#pageContent .wb-head{align-items:flex-start;flex-wrap:wrap}#pageContent .wb-model-select{width:100%;justify-content:space-between}#pageContent .wb-model-select select{width:72%}#pageContent .wb-filters{grid-template-columns:1fr}#pageContent .wb-filters input{grid-column:auto}#pageContent .wb-composer>footer{flex-wrap:wrap}#pageContent .wb-composer>footer #wbStatus{flex-basis:100%;order:-1}#pageContent .wb-pager{flex-wrap:wrap;justify-content:center}#pageContent .wb-pager>span:first-child{flex-basis:100%;text-align:center}}
@media(min-width:901px){
  #pageContent:has(.overview-top-grid) .api-access-card .connect-strip{min-height:188px;margin-bottom:0!important}
  #pageContent:has(.overview-top-grid) .dashboard-models th,#pageContent:has(.overview-top-grid) .dashboard-models td{padding:8px 6px!important}
}

/* Call-log filters and table, aligned to the Model & Pricing list-page layout. */
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters{
  display:grid!important;
  grid-template-columns:minmax(145px,.95fr) minmax(145px,1fr) minmax(145px,1fr) minmax(145px,1fr) minmax(230px,1.5fr) 64px 64px!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters){
  row-gap:12px!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters::before{
  content:"调用明细";
  grid-column:1;
  color:#263b30;
  font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif;
  letter-spacing:.01em;
  white-space:nowrap;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>label{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#526256!important;
  font-size:11px!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters input,
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters select{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #e1e7df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#394b3e!important;
  font-size:12px!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>.button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border-radius:8px!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>.button.primary{
  border-color:#48674f!important;
  background:#48674f!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .table-wrap{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  margin-right:0!important;
  margin-left:0!important;
  padding:0!important;
  border:1px solid #e5e9e1!important;
  border-radius:11px!important;
  background:#fffefa!important;
  overflow:auto!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .table-wrap table{
  height:auto!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .table-wrap tbody tr:has(td.empty){
  height:132px!important;
}
#pageContent#pageContent#pageContent:has(.usage-filters) .table-wrap td.empty{
  height:132px!important;
  color:#8a958b!important;
  text-align:center!important;
}
@media(max-width:1150px){
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters::before{
    grid-column:1/-1;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters .request-id-filter{
    grid-column:span 2;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>.button{
    width:auto!important;
  }
}
@media(max-width:640px){
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters{
    grid-template-columns:minmax(0,1fr)!important;
    padding:12px!important;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters::before,
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters .request-id-filter{
    grid-column:1;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>label{
    grid-template-columns:80px minmax(0,1fr)!important;
  }
  #pageContent#pageContent#pageContent:has(.usage-filters) .usage-filters>.button{
    width:100%!important;
  }
}

/* Ledger page: align its title, filters, and table like the Model & Pricing page. */
@media(min-width:901px){
  #pageContent#pageContent#pageContent:has(#billingSearch)>.card:nth-child(2)>.card-head{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    width:100%!important;
    min-height:54px!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:9px 14px!important;
    border:0!important;
    background:transparent!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch)>.card:nth-child(2)>.card-head>h2{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    color:#263b30!important;
    font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch) .table-tools{
    display:grid!important;
    flex:1 1 auto!important;
    grid-template-columns:minmax(210px,1fr) minmax(190px,1fr) minmax(220px,1.15fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch) .table-tools>.filter-field{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    font-size:11px!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch) #billingDate,
  #pageContent#pageContent#pageContent:has(#billingSearch) #billingType,
  #pageContent#pageContent#pageContent:has(#billingSearch) #billingSearch{
    height:36px!important;
    min-width:0!important;
    font-size:12px!important;
  }
}
@media(min-width:901px) and (max-width:1150px){
  #pageContent#pageContent#pageContent:has(#billingSearch)>.card:nth-child(2)>.card-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch) .table-tools{
    flex:0 0 auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
  }
}
@media(max-width:900px){
  #pageContent#pageContent#pageContent:has(#billingSearch)>.card:nth-child(2)>.card-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  #pageContent#pageContent#pageContent:has(#billingSearch)>.card:nth-child(2)>.card-head>h2{display:block!important}
}

/* Redeem history uses one clean card frame, without the nested-card look. */
#pageContent#pageContent#pageContent:has(.redeem-steps)>.support-records{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#pageContent#pageContent#pageContent:has(.redeem-steps)>.support-records>.card{
  min-width:0!important;
  padding:14px!important;
  border:1px solid #e5e9e1!important;
  border-radius:11px!important;
  background:#fffefa!important;
}
#pageContent#pageContent#pageContent:has(.redeem-steps)>.support-records>.card>.card-head{
  margin:0 0 6px!important;
}
#pageContent#pageContent#pageContent:has(.redeem-steps)>.support-records>.card>.table-wrap{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

/* The key page's stretched grid leaves a trailing row gap after the full-height
   card; remove the extra page-bottom space while keeping the card's 18px inset. */
#pageContent.page-content:has(> .key-management-card){
  padding-bottom:0!important;
}

/* Account overview metrics: a larger, vertically centered icon rail with the
   label, value and supporting actions grouped to its right. */
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
  align-content:stretch!important;
  column-gap:14px!important;
  row-gap:0!important;
  min-width:0!important;
  min-height:140px!important;
  padding:16px!important;
}

/* Compact API-key search and filter controls to a calmer 34px toolbar. */
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar{
  gap:10px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-search,
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar select,
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-create-button{
  box-sizing:border-box!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:8px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-search{
  padding:0 11px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-search .search-mark{
  font-size:18px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-search input,
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar select{
  font-size:12px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar select{
  padding:0 28px 0 11px!important;
}
#pageContent#pageContent#pageContent:has(.key-management-card) .key-table-toolbar .key-create-button{
  padding:0 15px!important;
}

/* Shared table-header treatment based on the API-key table reference. */
#pageContent table thead th{
  box-sizing:border-box!important;
  height:38px!important;
  padding:8px 10px!important;
  border-bottom:1px solid #e4e9e2!important;
  background:#f1f4ef!important;
  color:#738075!important;
  font-family:Inter,"Noto Sans SC","Microsoft YaHei UI",sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
  vertical-align:middle!important;
}
#pageContent table thead th:first-child{border-top-left-radius:7px}
#pageContent table thead th:last-child{border-top-right-radius:7px}
#pageContent table.subscription-comparison thead th{
  text-align:center!important;
}
#pageContent table.subscription-comparison thead th:first-child{
  text-align:left!important;
}
#pageContent table.subscription-comparison thead th .button{
  min-height:30px!important;
  padding:0 10px!important;
  font-size:10px!important;
}

/* Normalize card titles and prominent metric numerals across the client UI. */
#pageContent .card-head h2{
  color:#263b30!important;
  font-family:Georgia,"Noto Serif SC","Songti SC",serif!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.01em!important;
}
#pageContent .dashboard-metric:not(.overview-plan)>div>b,
#pageContent .record-stats>div>b,
#pageContent .order-stat-card>div>b,
#pageContent .subscription-usage-total>b,
#pageContent .subscription-usage>b,
#pageContent .balance-quick-stats b{
  font-family:Inter,"Noto Sans SC","Microsoft YaHei UI",sans-serif!important;
  font-size:28px!important;
  font-weight:650!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums lining-nums!important;
}
#pageContent .dashboard-metric.dashboard-balance>div>b,
#pageContent .order-stat-card>div>b.is-copper{
  color:#a95a37!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > .metric-icon{
  grid-column:1!important;
  grid-row:1 / -1!important;
  align-self:center!important;
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:14px!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > .metric-icon .ui-icon{
  width:27px!important;
  height:27px!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > div{
  box-sizing:border-box!important;
  grid-column:2!important;
  grid-row:1 / -1!important;
  display:grid!important;
  grid-auto-rows:max-content!important;
  align-content:center!important;
  justify-items:start!important;
  gap:5px!important;
  height:auto!important;
  min-height:0!important;
  width:100%!important;
  min-width:0!important;
  text-align:left!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > div > span{
  font-size:12px!important;
  line-height:1.4!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > div > b{
  font-size:25px!important;
  line-height:1.12!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric.overview-plan > div > b{
  font-size:22px!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric.dashboard-balance > div > b{
  font-size:27px!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > div > small{
  font-size:10px!important;
  line-height:1.45!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric button[data-go]{
  margin-top:1px!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric.dashboard-balance > div > .button[data-go="support"]{
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  justify-self:start!important;
  padding-right:14px!important;
  padding-left:14px!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  #pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric{
    grid-template-columns:44px minmax(0,1fr)!important;
    min-height:128px!important;
    padding:14px!important;
    column-gap:12px!important;
  }
  #pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > .metric-icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  #pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric > .metric-icon .ui-icon{
    width:24px!important;
    height:24px!important;
  }
}
.support-help-dialog{width:min(600px,calc(100vw - 24px));max-height:min(82dvh,680px);overflow:auto;padding:20px;border:1px solid #e3e8e0;border-radius:12px;background:#fffefa;color:#34483a;box-shadow:0 24px 72px #1d302433}
.support-help-dialog::backdrop{background:#17243a66;backdrop-filter:blur(2px)}
.support-help-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.support-help-dialog>header h2{margin:4px 0 0;color:#263b30;font:600 20px Georgia,'Noto Serif SC',serif}
.support-help-dialog>header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f3ee;color:#59665c;font-size:20px}
.support-help-dialog section h3{margin:16px 0 6px;color:#273d33;font-size:13px}
.support-help-dialog section p,.support-help-dialog section li{color:#68756b;font-size:12px;line-height:1.8}
.support-help-dialog section p{margin:5px 0}
.support-help-dialog section ul{padding-left:20px}
.support-help-dialog code{padding:2px 5px;border-radius:4px;background:#f1f3ee;color:#315d49;font-size:11px}
.support-help-dialog .help-code{display:block;padding:10px 12px;overflow-wrap:anywhere}
.is-unavailable{opacity:.58;cursor:not-allowed}
.order-detail-dialog{width:min(520px,calc(100vw - 24px));max-height:min(82dvh,640px);overflow:auto;padding:20px;border:1px solid #e3e8e0;border-radius:12px;background:#fffefa;color:#34483a;box-shadow:0 24px 72px #1d302433}
.order-detail-dialog::backdrop{background:#17243a66;backdrop-filter:blur(2px)}
.order-detail-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.order-detail-dialog>header h2{margin:4px 0 0;color:#263b30;font:600 20px Georgia,'Noto Serif SC',serif}
.order-detail-dialog>header button{width:32px;height:32px;border:0;border-radius:8px;background:#f1f3ee;color:#59665c;font-size:20px}
.order-detail-dialog dl{display:grid;gap:0;margin:0;border-top:1px solid #e8ece5}
.order-detail-dialog dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #e8ece5}
.order-detail-dialog dt{color:#818b82;font-size:11px}
.order-detail-dialog dd{margin:0;color:#344a3a;font-size:12px;overflow-wrap:anywhere}

/* Keep cards on the creation workspace aligned with the shared 18px standard. */
#pageContent .card{
  padding:18px!important;
}

/* Remove only subtitles attached to card headings; keep in-card guidance intact. */
#pageContent .card-head .subtle{
  display:none!important;
}

/* Final shared card-spacing rule: override legacy per-page and responsive padding exceptions. */
#pageContent#pageContent#pageContent .card{
  padding:18px!important;
}
#pageContent#pageContent#pageContent > .overview-top-grid > .api-access-card,
#pageContent#pageContent#pageContent > .overview-top-grid > .dashboard-models{
  padding-top:18px!important;
  padding-right:18px!important;
  padding-bottom:18px!important;
  padding-left:18px!important;
}

/* Make overview content occupy the full inner height so the visible bottom
   edge is the same 18px as the top and side edges. */
@media(min-width:761px){
  #pageContent#pageContent#pageContent > .overview-top-grid > .api-access-card,
  #pageContent#pageContent#pageContent > .overview-top-grid > .dashboard-models{
    display:flex!important;
    flex-direction:column!important;
  }
  #pageContent#pageContent#pageContent > .overview-top-grid > .api-access-card > .connect-strip{
    flex:1 1 auto;
    grid-auto-rows:minmax(48px,1fr);
  }
  #pageContent#pageContent#pageContent > .overview-top-grid > .dashboard-models > .table-wrap{
    flex:1 1 auto;
    min-height:0;
  }
  #pageContent#pageContent#pageContent > .overview-top-grid > .dashboard-models > .table-pagination{
    flex:0 0 auto;
  }
}

/* Account overview: use the same 18px interior spacing on the four summary
   cards and let their content determine the section height. */
#pageContent#pageContent#pageContent > .dashboard-account{
  height:auto!important;
  min-height:0!important;
}
#pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric{
  height:auto!important;
  min-height:140px!important;
  padding-top:18px!important;
  padding-right:18px!important;
  padding-bottom:18px!important;
  padding-left:18px!important;
}

@media(min-width:901px){
  #pageContent#pageContent#pageContent > .dashboard-account .account-overview-content{
    align-items:stretch!important;
  }
  #pageContent#pageContent#pageContent > .dashboard-account .dashboard-metric{
    height:100%!important;
  }
}

/* Compact overview refresh control. */
#pageContent#pageContent .overview-updated > #refreshOverview{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  flex:0 0 24px!important;
  border-radius:7px!important;
}
#pageContent#pageContent .overview-updated > #refreshOverview .refresh-custom-icon{
  width:14px!important;
  height:14px!important;
}

/* Stack overview activity and billing as two full-width rows. The overview
   page grows naturally and uses the document scrollbar. */
#pageContent#pageContent#pageContent:has(> .overview-top-grid){
  height:auto!important;
  min-height:calc(100dvh - 72px)!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}
#pageContent#pageContent#pageContent > .dashboard-lower{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
}
#pageContent#pageContent#pageContent > .dashboard-lower > .card{
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:260px!important;
  overflow:visible!important;
}
#pageContent#pageContent#pageContent > .dashboard-lower > .dashboard-billing > .table-wrap{
  min-width:0!important;
  max-width:100%!important;
}
@media(min-width:901px){
  #pageContent#pageContent#pageContent:has(> .overview-top-grid){
    width:100%!important;
    max-width:100%!important;
    height:calc(100dvh - 71px)!important;
    min-height:0!important;
    overflow-x:hidden!important;
    scrollbar-gutter:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}

/* Keep the desktop sidebar and main column on the original fixed-height grid;
   only the overview content panel owns vertical scrolling. */
@media(min-width:901px){
  #workspace#workspace:has(#pageContent > .overview-top-grid){
    grid-template-rows:71px minmax(0,1fr)!important;
  }
  #workspace#workspace:has(#pageContent > .overview-top-grid) > .main > .topbar{
    height:71px!important;
    min-height:71px!important;
  }
  #workspace#workspace:has(#pageContent > .overview-top-grid) > .main > #pageContent.page-content{
    height:calc(100dvh - 71px)!important;
  }
  .workspace:has(#pageContent:has(> .overview-top-grid)){
    display:grid!important;
    grid-template-columns:278px minmax(0,1fr)!important;
    grid-template-rows:71px minmax(0,1fr)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  .workspace:has(#pageContent:has(> .overview-top-grid)) > .sidebar{
    grid-column:1!important;
    grid-row:1/3!important;
    width:278px!important;
    height:100dvh!important;
    position:relative!important;
  }
  .workspace:has(#pageContent:has(> .overview-top-grid)) > .main{
    display:contents!important;
  }
  .workspace:has(#pageContent:has(> .overview-top-grid)) > .main > .topbar{
    grid-column:2!important;
    grid-row:1!important;
    height:71px!important;
  }
  .workspace:has(#pageContent:has(> .overview-top-grid)) > .main > #pageContent.page-content{
    grid-column:2!important;
    grid-row:2!important;
    height:calc(100dvh - 71px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:auto!important;
    padding-bottom:18px!important;
  }
}

/* Ledger and redemption history share the compact table-and-footer treatment
   shown in the reference: flush table header, centered empty state, and a
   compact pager anchored to the bottom of the record card. */
@media(min-width:901px){
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head{min-height:52px!important;flex:0 0 auto!important;padding:8px 14px!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head>h2{display:none!important}
  #pageContent.page-content:has(#billingSearch) .table-tools{grid-template-columns:minmax(200px,1fr) minmax(190px,1fr) minmax(220px,1.1fr)!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{box-sizing:border-box!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;min-height:0!important;height:auto!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:auto!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap table,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap table{width:100%!important;height:100%!important;min-width:640px;table-layout:fixed}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th{height:38px!important;padding:8px 14px!important;background:#f0f3ee!important;color:#68796e!important;font-size:12px!important;font-weight:600!important;border-bottom:1px solid #e1e7df!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th:first-child,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th:first-child{border-radius:9px 0 0 0}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th:last-child,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th:last-child{border-radius:0 9px 0 0}
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody tr:has(td.empty),
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody tr:has(td.empty){height:100%!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap td.empty,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap td.empty{height:100%!important;vertical-align:middle!important;text-align:center!important;color:#758276!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{flex:0 0 auto!important;margin-top:auto!important;padding:8px 14px 14px!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination .button,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination .button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important;font-size:12px!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination .button .ui-icon,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination .button .ui-icon{width:14px!important;height:14px!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card{display:flex!important;flex:1 1 0!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card{padding:0!important}
}
@media(max-width:900px){
  #pageContent.page-content:has(#billingSearch),
  #pageContent.page-content:has(.redeem-steps){height:auto!important;min-height:calc(100dvh - 64px)!important;overflow:visible!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{min-height:220px!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{padding:8px 12px 12px!important}
}

/* Make the actual table boundary visible (not only the surrounding card), and
   keep consistent column and row separators on both history tables. */
@media(min-width:901px){
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{
    margin:0 18px!important;
    padding:0!important;
    border:1px solid #dfe6dd!important;
    border-radius:10px!important;
    background:#fffefa!important;
  }
  #pageContent.page-content:has(#billingSearch) .table-wrap table,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap table{border-collapse:separate!important;border-spacing:0!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th+th,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th+th,
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody td+td,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody td+td{border-left:1px solid #e8ece6!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody td,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody td{border-bottom:1px solid #e8ece6!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th:first-child,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th:first-child{border-radius:9px 0 0 0}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th:last-child,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th:last-child{border-radius:0 9px 0 0}
  #pageContent.page-content:has(#billingSearch) .table-pagination,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{padding:8px 18px 14px!important}
}
@media(max-width:900px){
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{margin:0 10px!important;padding:0!important;border:1px solid #dfe6dd!important;border-radius:9px!important;background:#fffefa!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap table,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap table{border-collapse:separate!important;border-spacing:0!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap thead th+th,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap thead th+th,
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody td+td,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody td+td{border-left:1px solid #e8ece6!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody td,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody td{border-bottom:1px solid #e8ece6!important}
}

/* Align the ledger/history cards to the call-details spacing system: 12px card
   inset, matching 7px inner gutters for the heading/filter row and table. */
@media(min-width:901px){
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2){padding:12px!important;gap:8px!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:42px!important;margin:0 7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head>h2{display:block!important;flex:0 0 auto!important;margin:0!important;color:#263b30!important;font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important;white-space:nowrap}
  #pageContent.page-content:has(#billingSearch) .table-tools{display:grid!important;flex:1 1 auto!important;grid-template-columns:minmax(165px,.95fr) minmax(185px,1fr) minmax(210px,1.15fr)!important;align-items:center!important;gap:8px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  #pageContent.page-content:has(#billingSearch) .table-tools>.filter-field{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-width:0!important;margin:0!important;color:#526256!important;font-size:11px!important;white-space:nowrap}
  #pageContent.page-content:has(#billingSearch) #billingDate,
  #pageContent.page-content:has(#billingSearch) #billingType,
  #pageContent.page-content:has(#billingSearch) #billingSearch{height:36px!important;min-width:0!important;width:100%!important;padding:0 10px!important;box-sizing:border-box!important;border:1px solid #e1e7df!important;border-radius:8px!important;font-size:12px!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{flex:1 1 0!important;margin:0 7px!important;padding:0!important;border:1px solid #e5e9e1!important;border-radius:11px!important;background:#fffefa!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap table,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap table{height:100%!important;min-width:640px!important;table-layout:fixed!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap tbody tr:has(td.empty),
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap tbody tr:has(td.empty){height:100%!important}
  #pageContent.page-content:has(#billingSearch) .table-wrap td.empty,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap td.empty{height:100%!important;vertical-align:middle!important;text-align:center!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{flex:0 0 auto!important;margin:0 7px!important;padding:0!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card{gap:8px!important;padding:12px!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head{display:flex!important;flex:0 0 auto!important;min-height:42px!important;margin:0 7px!important;padding:0!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head h2{display:block!important;margin:0!important;color:#263b30!important;font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head .subtle{display:none!important}
}
@media(max-width:900px){
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2){padding:12px!important;gap:8px!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 7px!important;padding:0!important}
  #pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head>h2{display:block!important}
  #pageContent.page-content:has(#billingSearch) .table-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  #pageContent.page-content:has(#billingSearch) .table-tools>#billingSearch{grid-column:1/-1}
  #pageContent.page-content:has(#billingSearch) .table-wrap,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap{margin:0 7px!important;padding:0!important;border:1px solid #e5e9e1!important;border-radius:10px!important}
  #pageContent.page-content:has(#billingSearch) .table-pagination,
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{margin:0 7px!important;padding:0!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card{gap:8px!important;padding:12px!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head{display:flex!important;margin:0 7px!important;padding:0!important}
  #pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head h2{display:block!important}
}

/* Prevent the 100%-width table from overflowing past its right gutter. */
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head,
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.table-wrap,
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.table-pagination,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:100%!important;
  align-self:stretch!important;
}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head,
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.table-wrap,
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.table-pagination,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-wrap,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{margin-left:0!important;margin-right:0!important}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head>.table-tools{box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-width:0!important}

/* Match the model and usage cards: one 18px inset, without nested gutters. */
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card{
  padding:18px!important;
  gap:12px!important;
}
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card>.card-head,
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card>.table-wrap,
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card>.table-pagination{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
}
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card>.card-head{min-height:36px!important;border:0!important}
#pageContent#pageContent#pageContent:has(.redeem-layout)>.support-records>.card>.table-wrap{border:1px solid var(--line)!important;border-radius:8px!important}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2),
#pageContent.page-content:has(.redeem-steps)>.support-records>.card{
  padding:18px!important;
  gap:12px!important;
}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.card-head,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.card-head{
  margin:0!important;
  padding:0!important;
  min-height:36px!important;
  border:0!important;
}
#pageContent.page-content:has(#billingSearch)>.card:nth-child(2)>.table-pagination,
#pageContent.page-content:has(.redeem-steps)>.support-records>.card>.table-pagination{
  min-height:24px!important;
  padding:0!important;
}

/* Shared client table system. Applied by render() to actual table owners,
   including nested referral, commission, subscription and support tables. */
#pageContent#pageContent#pageContent#pageContent .standard-table-card{
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
  gap:12px!important;
  box-sizing:border-box!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-card>.card-head,
#pageContent#pageContent#pageContent#pageContent .standard-table-card>.orders-table-head{
  margin:0!important;
  padding:0!important;
  min-height:36px!important;
  border:0!important;
  background:transparent!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-viewport{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#fffdfa!important;
  overflow:auto!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-viewport table{
  width:100%!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-viewport thead th{
  height:26px!important;
  padding:5px 12px!important;
  background:#f0f3ee!important;
  color:#68796e!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:16px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-viewport tbody td{
  padding:10px 12px!important;
  font-size:12px!important;
  line-height:18px!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid #edf0e9!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-viewport td.empty{
  border-bottom:0!important;
  color:#89958b!important;
  text-align:center!important;
  vertical-align:middle!important;
}
#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#647268!important;
  font-size:11px!important;
  line-height:20px!important;
  gap:8px!important;
}
#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination) .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dce4df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#435b4b!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1!important;
}
#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination) .button .ui-icon{
  width:12px!important;
  height:12px!important;
}
#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination)>div{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-card :is(.card-head,.orders-table-head) h2{
  margin:0!important;
  color:#263b30!important;
  font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-card>.standard-table-viewport{
  margin-top:0!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-card>.standard-table-viewport+:is(.table-pagination,.usage-pagination,.orders-pagination){
  margin-top:0!important;
}
#pageContent#pageContent#pageContent#pageContent .standard-table-card:where([class]){
  row-gap:12px!important;
}
/* Legacy billing selectors include #billingSearch in :has(), increasing their
   specificity. Reset their header box so the visible gap stays exactly 12px. */
#pageContent#pageContent#pageContent#pageContent#pageContent .standard-table-card>.card-head,
#pageContent#pageContent#pageContent#pageContent#pageContent .standard-table-card>.orders-table-head{
  height:auto!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  flex:0 0 auto!important;
}

/* Overview's first row follows its content: four model previews, no nested scroll. */
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .overview-top-grid{height:auto!important;min-height:0!important;grid-template-rows:auto!important;align-items:start!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .overview-top-grid>.card{height:auto!important;min-height:0!important;max-height:none!important;align-self:start!important;overflow:visible!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-models .table-wrap{height:auto!important;max-height:none!important;min-height:0!important;flex:0 0 auto!important;overflow:visible!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-models table{height:auto!important;table-layout:fixed!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-models :is(th,td){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
dialog.api-guide-dialog{position:fixed;inset:0;margin:auto;width:560px;max-width:calc(100vw - 32px);height:max-content;max-height:calc(100dvh - 48px);overflow:auto;padding:24px;box-sizing:border-box;border:1px solid #dfe6da;border-radius:14px;background:#fffdfa;color:#36503d;box-shadow:0 20px 70px #17302626}
dialog.api-guide-dialog::backdrop{background:#20352d66}
.api-guide-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.api-guide-dialog h2{margin:0;font-size:18px}.api-guide-dialog header button{width:30px;height:30px;border:0;border-radius:7px;background:#edf3e9;color:#526b55;font-size:22px;cursor:pointer}
.api-guide-dialog .api-connection-guide{font-size:13px;line-height:1.9}.api-guide-dialog p{margin:8px 0 16px}.api-guide-dialog code{font-size:12px;overflow-wrap:anywhere}.api-guide-dialog .api-guide-heading{display:block;margin-top:16px}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent:has(.overview-top-grid){
  display:flex!important;flex-direction:column!important;height:calc(100dvh - 71px)!important;gap:12px!important;overflow-y:auto!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent>.overview-top-grid{
  flex:0 0 auto!important;height:auto!important;min-height:0!important;grid-template-rows:auto!important;align-items:stretch!important;margin:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent>.overview-top-grid>.card{
  height:auto!important;max-height:none!important;min-height:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent>.dashboard-account,
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent>.dashboard-lower{flex:0 0 auto!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .overview-top-grid>.api-access-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:12px!important;height:auto!important;min-height:0!important;overflow:visible!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .api-access-card>.card-head{flex:0 0 auto!important;min-height:24px!important;height:24px!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .api-access-card .connect-strip{display:block!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .api-access-card>.api-connection-guide{flex:0 0 auto!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .api-connection-guide{padding:12px;border:1px solid #e4eadf;border-radius:8px;background:#f7f9f3;color:#7a887a;font-size:11px;line-height:1.8}
#pageContent .api-connection-guide b{color:#45604a;font-size:12px}
#pageContent .api-connection-guide p{margin:5px 0 0}
#pageContent .api-guide-heading{display:block;margin-top:12px}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .api-access-card .connect-strip{display:grid!important;gap:10px!important}
#pageContent .api-connection-guide code{font-size:11px;overflow-wrap:anywhere}
.topbar.topbar{padding:0 24px!important;gap:20px!important;background:#fffdfa!important}
.topbar .top-greeting{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:100px!important}
.topbar .top-greeting strong{font:600 20px/1.2 "Microsoft YaHei UI",sans-serif!important;color:#294335!important;letter-spacing:0!important}
.topbar .top-greeting small{font-size:11px!important;color:#8a9588!important}
.topbar .topbar-right{display:flex!important;align-items:center!important;gap:18px!important}
.top-quick-actions{display:flex;align-items:center;gap:10px}
.top-balance{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e4eade;border-radius:8px;background:#f7f9f3;color:#81907e;font-size:11px;cursor:pointer}
.top-balance .ui-icon{width:17px;height:17px;color:#587151}
.top-balance b{margin-left:6px;color:#36553e;font:600 13px/1.2 "Microsoft YaHei UI",sans-serif;font-variant-numeric:tabular-nums}
.topbar .top-recharge{height:32px!important;min-height:32px!important;padding:0 14px!important;border-radius:7px!important;font-size:12px!important}
.topbar .help-button{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:500!important;padding:6px!important}
.topbar .account-menu{padding-left:16px!important;border-left:1px solid #e6ebdf!important}
.topbar .account-trigger{gap:9px!important}
.topbar #avatar{width:32px!important;height:32px!important;font-size:12px!important}
.topbar .account-identity b{font-size:12px!important}.topbar .account-identity small{font-size:10px!important}
@media(max-width:800px){.topbar .top-balance,.topbar .help-button{display:none!important}.topbar .topbar-right{gap:8px!important}.topbar .account-menu{padding-left:8px!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-aside{align-self:stretch!important;height:100%!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:100%!important;gap:18px!important;box-sizing:border-box!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings>.card-head{margin:0!important;padding:0!important;min-height:24px!important;flex:0 0 auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .studio-settings-intro{margin:0!important;padding:12px!important;background:#f4f7f0;border:1px solid #e7ecdf;border-radius:8px;color:#7a8879;font-size:11px;line-height:1.8}

.notification-menu{position:relative;z-index:30;flex:0 0 auto}
/* Key center: consistent controls and normal, non-pinned action cells. */
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-management-card{gap:12px!important;padding:18px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(.key-table-toolbar,.key-bulk-bar,.key-management-heading,.key-pager){margin:0!important;padding:0!important;border:0!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(.key-table-toolbar input.field,.key-table-toolbar select,.key-table-toolbar .button,.key-columns summary,.key-bulk-bar .button,#newManagedKey){box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 12px!important;margin:0!important;border:1px solid #dce4d7!important;border-radius:7px!important;line-height:30px!important;font:500 12px/30px "Microsoft YaHei UI",sans-serif!important;box-shadow:none!important;outline:none!important;background:#fffefa!important;color:#526753!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;white-space:nowrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar input.field{display:block!important;flex:1 1 260px!important;min-width:180px!important;width:auto!important;text-align:left!important;line-height:normal!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar select{flex:0 1 170px!important;width:170px!important;max-width:170px!important;min-width:110px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar{gap:8px!important;align-items:center!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page #newManagedKey{background:#48694e!important;color:#fff!important;border-color:#48694e!important;min-width:102px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-bulk-bar{gap:8px!important;min-height:32px!important;align-items:center!important}
.key-center-page .key-bulk-bar>span{margin-right:auto}.key-center-page .key-columns summary::marker{content:""}.key-center-page .key-columns summary::after{content:"⌄";margin-left:7px;color:#82907e}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(th,td):last-child{position:static!important;inset:auto!important;z-index:auto!important;border-left:0!important;box-shadow:none!important;min-width:0!important;max-width:none!important;background:transparent!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page th:last-child{background:#eff3eb!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(th,td){padding:10px 12px!important;vertical-align:middle!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;max-width:none!important;width:max-content!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-row-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:28px!important;min-height:28px!important;padding:0 9px!important;border:1px solid #e0e7da!important;border-radius:6px!important;background:#f6f8f2!important;color:#526d53!important;font:500 11px/26px "Microsoft YaHei UI",sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-row-action.is-danger{color:#b56250!important;border-color:#ead7d0!important;background:#fff9f5!important}
.key-center-page :is(.key-row-action,.button,.key-columns summary):hover{filter:brightness(.97)}.key-center-page :is(.key-row-action,.button):active{transform:scale(.97)}.key-center-page :is(.button,.key-row-action,input,select,summary):focus-visible{outline:2px solid #729575!important;outline-offset:2px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-management-heading{flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-management-heading>.card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:32px!important;height:auto!important;margin:0!important;padding:0!important}
.key-center-page .key-management-heading>p{margin:6px 0 0!important;font-size:11px;line-height:1.5}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page{display:flex!important;flex-direction:column!important;gap:12px!important;overflow:auto!important;padding:12px!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page>.key-safety-card{flex:0 0 auto!important;padding:18px!important;margin:0!important;min-height:0!important}
.key-center-page .key-safety-card .card-head{margin:0!important}.key-center-page .key-safety-card p{margin:8px 0 0!important;font-size:11px}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page>.key-management-card{display:flex!important;flex-direction:column!important;gap:12px!important;flex:1 0 420px!important;min-height:420px!important;height:auto!important;padding:18px!important;margin:0!important;overflow:visible!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;height:auto!important;min-height:32px!important}
.key-center-page .key-table-toolbar>.field{flex:1;min-width:180px}.key-center-page :is(select,.field,.button){font-size:11px}.key-center-page .key-table-toolbar select{height:32px;max-width:200px;border:1px solid #e0e6dd;border-radius:7px;background:#fffefa;padding:0 8px;color:#526657}
.key-columns{position:relative;font-size:11px;color:#58715a}.key-columns summary{padding:8px;cursor:pointer}.key-columns>div{position:absolute;z-index:15;top:100%;right:0;min-width:160px;padding:12px;border:1px solid #e2e8de;border-radius:9px;background:#fffefa;box-shadow:0 8px 25px #233c2b18;display:grid;gap:8px}.key-columns label{white-space:nowrap}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page table{table-layout:auto!important;min-width:1180px!important;width:100%!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(th,td){width:auto!important;height:auto!important;white-space:nowrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page :is(th,td):first-child{width:28px!important;min-width:28px!important;padding:8px!important}
.key-center-page [data-key-column="name"]{min-width:105px}.key-center-page [data-key-column="key"]{min-width:165px}.key-center-page [data-key-column="group"]{min-width:130px}.key-center-page [data-key-column="spentMicros"]{min-width:115px}.key-center-page [data-key-column="expiresAt"]{min-width:90px}.key-center-page [data-key-column="status"]{min-width:65px}.key-center-page [data-key-column="createdAt"]{min-width:110px}
.key-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;color:#7c897e}.key-bulk-bar label{display:flex;align-items:center;gap:5px}.key-bulk-bar .button{min-height:26px;height:26px;padding:0 9px}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-management-card>.table-wrap{flex:1 1 auto!important;min-height:240px!important;margin:0!important;overflow:auto!important;border:1px solid #e4e9df!important;border-radius:8px!important}
.key-center-page table{min-width:1180px;width:100%;table-layout:auto!important}.key-center-page :is(th,td){font-size:11px!important;padding:10px 12px!important;vertical-align:middle!important}.key-center-page th{position:sticky;top:0;z-index:2;background:#eff3eb!important;white-space:nowrap}.key-center-page th:last-child,.key-center-page td:last-child{position:sticky;right:0;background:#fffefa;min-width:210px;max-width:250px;border-left:1px solid #edf0e9;z-index:1}.key-center-page th:last-child{background:#eff3eb!important;z-index:3}.key-center-page input[type=checkbox]{width:14px;height:14px;accent-color:#4e7052}.key-center-page .key-table-actions{display:flex;flex-wrap:wrap;gap:5px 9px;max-width:235px;white-space:normal}.key-center-page .key-row-action{font-size:10px!important;white-space:nowrap}.key-center-page .key-hint-copy code{font-size:10px!important}.key-center-page .key-group-tags{max-width:180px;display:flex;flex-wrap:wrap;gap:4px}.key-center-page .key-group-tags span{font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:170px}.key-center-page .key-cell-note{display:block;margin-top:5px;color:#93a08f;font-size:9px}.key-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0}.key-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;font-size:10px;color:#83907e}.key-pager>span:first-child{margin-right:auto}.key-pager .button{height:27px;min-height:27px;padding:0 8px}.key-pager select{height:27px;border:1px solid #e1e8dc;border-radius:6px;background:#fffefa;color:#5c705b}
dialog.managed-key-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:740px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 40px)!important;height:max-content!important;overflow:auto!important;padding:22px!important;border:1px solid #dfe6d9!important;border-radius:14px!important;background:#fffefa!important;color:#3d5440;box-shadow:0 24px 80px #1c362f30}
.managed-key-dialog::backdrop{background:#20352b66}.managed-key-dialog>header{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.managed-key-dialog h2{font-size:17px;margin:0}.managed-key-dialog .key-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.managed-key-dialog .field-label{display:grid;gap:7px;font-size:11px;color:#60765e}.managed-key-dialog :is(input,textarea,select).field{box-sizing:border-box;width:100%;max-width:100%;min-height:34px;font-size:12px;border:1px solid #dde5d6;border-radius:7px;background:white;padding:7px 9px}.managed-key-dialog textarea{height:75px;resize:vertical}.key-routes{margin:18px 0 0;padding:14px;border:1px solid #e5eadf;border-radius:8px;display:grid;gap:10px}.key-routes legend{font-size:12px;font-weight:600}.key-routes p{font-size:10px;margin:0 0 3px}.managed-key-dialog footer{margin-top:18px;display:flex;justify-content:flex-end}.managed-key-dialog .codebox{white-space:pre-wrap;word-break:break-all;padding:14px;border:1px solid #e0e8d9;background:#f5f8f0;font-size:12px;max-height:320px;overflow:auto}.key-secret-notice{font-size:12px;line-height:1.8;color:#a47148}.key-detail-metrics{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:16px;font-size:12px}.managed-key-dialog .table-wrap{max-height:350px;overflow:auto}.managed-key-dialog #clientConfigType{margin-bottom:10px}
@media(max-width:700px){.managed-key-dialog .key-form-grid{grid-template-columns:1fr}.key-center-page .key-table-toolbar select{max-width:150px}.key-center-page .key-safety-card .card-head h2{font-size:16px}.key-center-page .key-safety-card .button{padding:0 10px}}
.notification-trigger{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#526a57;cursor:pointer;transition:background .16s,border-color .16s}
.notification-trigger:hover,.notification-trigger[aria-expanded="true"]{border-color:#e3e9df;background:#f2f5ef}
.notification-trigger>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border:2px solid #fffdfa;border-radius:10px;background:#c66d50;color:white;font:650 9px/13px "Microsoft YaHei UI",sans-serif;text-align:center}
.notification-badge[hidden],.notification-panel[hidden]{display:none!important}
.notification-panel{position:absolute;top:calc(100% + 11px);right:-12px;width:380px;max-width:calc(100vw - 24px);max-height:min(560px,calc(100dvh - 96px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3e8df;border-radius:13px;background:#fffefa;box-shadow:0 18px 48px #263b2c24;animation:notification-in .15s ease-out}
@keyframes notification-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px;border-bottom:1px solid #edf0ea}
.notification-panel>header>div{display:grid;gap:3px}.notification-panel>header strong{color:#294335;font-size:14px}.notification-panel>header small{color:#89958b;font-size:10px}
.notification-mark-read{padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#567357;font-size:10px;cursor:pointer}.notification-mark-read:hover{background:#eff4eb}.notification-list{min-height:70px;overflow:auto;overscroll-behavior:contain}
.notification-item{position:relative;width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px 15px;border:0;border-bottom:1px solid #f0f2ed;background:#fffefa;text-align:left;cursor:pointer}.notification-item:hover{background:#f8faf5}.notification-item.is-unread{background:#f8faf5}.notification-item-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:#edf3e9;color:#526f54;font:650 13px "Microsoft YaHei UI",sans-serif}.notification-item-icon.is-billing,.notification-item-icon.is-balance{background:#f8efe6;color:#a86d3f}.notification-item-icon.is-order{background:#edf1f7;color:#55708e}.notification-item-icon.is-support{background:#f3eef7;color:#79648d}.notification-item-icon.is-key{background:#eef3f1;color:#54736a}.notification-item-copy{min-width:0;display:grid;gap:4px;flex:1}.notification-item-copy>b{overflow:hidden;color:#334a39;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.notification-item-copy>small{color:#758178;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.notification-item-copy>time{color:#a0a89f;font-size:9px}.notification-unread-dot{width:7px;height:7px;margin:5px 1px 0 0;flex:0 0 7px;border-radius:50%;background:#c66d50}.notification-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#849187;text-align:center}.notification-empty>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf4e9;color:#63845f;font-size:16px}.notification-empty>b{color:#526257;font-size:11px}.notification-empty>small{font-size:9px}
@media(max-width:800px){.notification-panel{position:fixed;top:calc(62px + 8px);right:12px;width:380px;max-height:calc(100dvh - 84px)}.notification-trigger{width:34px;height:34px}}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings>.field-label{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;color:#405843!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings>.range-label{margin:0!important;padding-top:16px!important;border-top:1px solid #e8ede2!important;gap:12px!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings textarea[name=system]{min-height:150px!important;background:#fafbf8!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .studio-setting-hint{font-size:11px;color:#8a9587;line-height:1.7;font-weight:400}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .studio-settings-footer{margin-top:auto!important;padding-top:18px;border-top:1px solid #e8ede2;display:flex;flex-direction:column;gap:12px;order:10}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .studio-settings-footer .button{width:100%;min-height:34px;font-size:12px;background:#f4f7f0;color:#48674f;border-color:#dce5d5}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .studio-settings-footer>small{font-size:10px;line-height:1.6;text-align:center;color:#8a9587}
#pageContent#pageContent#pageContent#pageContent#pageContent:has(.creation-workspace){display:flex!important;flex-direction:column!important;gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-heading{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:12px!important;flex:1!important;min-height:560px!important;height:auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-main{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-tabs{margin:0!important;min-height:44px!important;flex:0 0 auto!important;border-radius:10px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-tabs button{min-height:44px!important;font-size:13px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-aside{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings{padding:18px!important;height:auto!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-chat{padding:18px!important;flex:1!important;min-height:450px!important;height:auto!important;display:flex!important;flex-direction:column!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-toolbar{flex-wrap:wrap!important;gap:10px!important;padding:0 0 12px!important;border-bottom:1px solid #e7ebe2!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-toolbar label{font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-toolbar select{width:220px!important;max-width:100%!important;height:34px!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .studio-session-actions{display:flex;gap:6px;margin-left:auto}
#pageContent#pageContent#pageContent#pageContent#pageContent .studio-session-actions .button{height:30px;min-height:30px;font-size:11px;padding:0 10px}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-conversation{flex:1!important;min-height:260px!important;padding:18px 0!important;overflow:auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-empty>span{background:#edf3e9!important;border-radius:16px!important;width:56px!important;height:56px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .studio-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
#pageContent#pageContent#pageContent#pageContent#pageContent .studio-suggestions button{padding:8px 12px;border:1px solid #dfe7d9;border-radius:8px;background:#fafbf8;color:#58705b;font-size:12px}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-composer{flex:0 0 auto!important;margin:0!important;padding:12px!important;border-radius:12px!important;background:#fafbf8!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-composer textarea{min-height:70px!important;font-size:13px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .composer-tools .primary{background:#48674f!important;border-color:#48674f!important;height:34px!important;min-height:34px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .creation-settings textarea{font-size:12px!important;line-height:1.7!important;min-height:110px!important}
@media(max-width:900px){#pageContent#pageContent#pageContent#pageContent#pageContent .creation-workspace{grid-template-columns:1fr!important}#pageContent#pageContent#pageContent#pageContent#pageContent .creation-aside{grid-column:1!important;grid-row:2!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent:has(.usage-summary-redesign)>.card:first-child{
  min-height:100px!important;padding:18px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .record-stats.usage-summary-redesign{
  min-height:0!important;height:auto!important;padding:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign>div{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  min-height:64px!important;gap:14px!important;padding:0 18px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign>div:first-child{padding-left:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign .usage-summary-icon{
  display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
  border-radius:11px!important;background:#edf3e9!important;color:#4b7253!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign>div:nth-child(2) .usage-summary-icon{background:#edf1f7!important;color:#617c9b!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign>div:nth-child(3) .usage-summary-icon{background:#f8eee7!important;color:#ae6948!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-redesign>div:nth-child(4) .usage-summary-icon{background:#faf2e4!important;color:#ad803d!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-icon .ui-icon{width:25px!important;height:25px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-content{display:flex;flex-direction:column;gap:7px;min-width:0}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-content>span{font-size:12px!important;color:#819082!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-content>b{font:600 28px/1.15 "Microsoft YaHei UI",sans-serif!important;color:#294335!important;white-space:nowrap}
#pageContent#pageContent#pageContent#pageContent#pageContent .usage-summary-content>b>small{margin-left:6px;font-size:11px;font-weight:400;color:#819082}
@media(max-width:700px){#pageContent#pageContent#pageContent#pageContent#pageContent .record-stats.usage-summary-redesign{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent .topup-layout.support-redesign{
  display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)!important;
  grid-template-areas:"balance balance" "packages help" "orders orders" "compose compose" "tickets tickets"!important;
  grid-template-rows:auto!important;gap:12px!important;margin:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.card{padding:18px!important;margin:0!important;min-height:0!important;height:auto!important;grid-column:auto!important;grid-row:auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.topup-balance{grid-area:balance!important;display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:24px!important;align-items:center!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.package-card{grid-area:packages!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.help-panel{grid-area:help!important;display:flex!important;flex-direction:column!important;gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-orders{grid-area:orders!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-compose{grid-area:compose!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-tickets{grid-area:tickets!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .card-head{height:auto!important;min-height:24px!important;margin:0 0 12px!important;padding:0!important;border:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign h2{margin:0!important;font:600 18px/1.3 Georgia,"Noto Serif SC",serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-balance strong{display:block!important;font-size:32px!important;line-height:1.2!important;margin:12px 0!important;color:#48674f!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .balance-topup-action{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .balance-quick-stats{padding:0!important;border:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .balance-quick-stats b{font-size:22px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-packages{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-package{padding:12px!important;min-height:100px!important;border-radius:8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-package b{font-size:20px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-checkout{display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:12px!important;margin:16px 0 0!important;padding:16px 0 0!important;border-top:1px solid #e5eadd!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .topup-checkout>.field-label{flex:1 1 180px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .payment-methods{flex:1 1 180px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .support-help-row{margin:0!important;padding:14px!important;border:1px solid #e6ebe1!important;border-radius:8px!important;background:#f8faf5!important;min-height:68px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .support-help-row small{line-height:1.6!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .ticket-inline-form{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(180px,1fr)!important;gap:14px!important;margin:0!important;padding:0!important;border:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .ticket-inline-form>.field-label:nth-child(3){grid-column:1/-1!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .ticket-inline-form textarea{min-height:100px!important;width:100%!important;padding:12px!important;border:1px solid #dfe6db!important;border-radius:8px!important;box-sizing:border-box!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign .ticket-inline-form>.button{grid-column:1/-1!important;justify-self:end!important;background:#48674f!important;border-color:#48674f!important;color:white!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign :is(.support-orders,.support-tickets)>.table-wrap{min-height:150px!important;flex:1!important}
@media(max-width:900px){#pageContent#pageContent#pageContent#pageContent#pageContent .topup-layout.support-redesign{grid-template-columns:1fr!important;grid-template-areas:"balance" "packages" "help" "orders" "compose" "tickets"!important}#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.topup-balance{grid-template-columns:1fr!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent dialog.affiliate-settlement-dialog{
  position:fixed!important;inset:0!important;margin:auto!important;
  width:420px!important;max-width:calc(100vw - 32px)!important;
  height:max-content!important;max-height:calc(100dvh - 48px)!important;
  padding:24px!important;box-sizing:border-box!important;
  border:1px solid #e1e7dd!important;border-radius:16px!important;
  background:#fffdfa!important;box-shadow:0 24px 80px #172e282e!important;
  overflow:auto!important;
}
#pageContent dialog.affiliate-settlement-dialog::backdrop{background:#182b2859;backdrop-filter:blur(3px)}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog>section{margin:0!important;padding:0!important;border:0!important;background:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog h3{margin:0 40px 8px 0!important;font-size:20px!important;line-height:28px!important;color:#263e30!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .subtle{margin:0 0 24px!important;font-size:12px!important;color:#7c897e!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .form-grid{display:flex!important;flex-direction:column!important;gap:20px!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .field-label{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:0!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog input{width:100%!important;height:44px!important;padding:0 12px!important;border-radius:8px!important;font-size:15px!important;box-sizing:border-box!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .form-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;margin:0!important;padding-top:16px!important;border-top:1px solid #edf0e8!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .form-actions .button{min-height:36px!important;height:36px!important;padding:0 16px!important;font-size:12px!important;border-radius:8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog [type=submit]{background:#48674f!important;border-color:#48674f!important;color:white!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .affiliate-settlement-dialog .settlement-close{position:absolute!important;right:16px!important;top:16px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:#f2f5ee!important;color:#748072!important;font:24px/1 Arial!important;cursor:pointer}
.affiliate-settlement-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #dfe6db;border-radius:12px;background:#fffdfa;color:#294335;box-shadow:0 20px 60px #20352d26}
.affiliate-settlement-dialog::backdrop{background:#20352d55}
.affiliate-settlement-dialog h3{margin:0 0 12px}
.affiliate-settlement-dialog>button{margin-top:16px}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign{
  display:flex!important;flex-direction:column!important;gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign :is(.affiliate-top-grid,.affiliate-middle-grid,.affiliate-bottom-grid){
  display:grid!important;gap:12px!important;margin:0!important;min-height:0!important;flex:0 0 auto!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid{grid-template-columns:1fr 1fr 1.4fr!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid>.card{
  min-height:140px!important;height:auto!important;padding:18px!important;align-items:center!important;background:#fffdfa!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid .section-icon{width:44px!important;height:44px!important;border-radius:10px!important;flex:0 0 44px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid h2{font:600 20px/1.3 "Microsoft YaHei UI",sans-serif!important;margin:6px 0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid b{font-size:28px!important;line-height:1.2!important;margin:8px 0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid p{margin:6px 0!important;font-size:11px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-top-grid .button{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:11px!important;margin-top:6px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-middle-grid{grid-template-columns:minmax(320px,1fr) minmax(0,1.4fr)!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-middle-grid>.card{
  padding:18px!important;min-height:260px!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .card-head{margin:0!important;padding:0!important;min-height:24px!important;height:auto!important;border:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .card-head h2{font:600 18px/1.3 Georgia,"Noto Serif SC",serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .card-head .subtle{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-link-block{display:flex!important;flex-direction:column!important;gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-link-block>.summary-label{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .copy-row{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;height:40px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .copy-row code{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .copy-row .button{position:static!important;transform:none!important;flex:0 0 80px!important;min-height:28px!important;height:28px!important;font-size:11px!important;padding:0 8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-qr-row{margin:0!important;padding:12px!important;gap:14px!important;background:#f5f7f1!important;border:0!important;border-radius:8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-qr-row img{width:82px!important;height:82px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-link-actions{margin:0!important;padding:0!important;border:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-link-actions>.subtle{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-chart-empty{flex:1!important;min-height:170px!important;display:grid!important;place-items:center!important;background:#fafbf8!important;border:1px dashed #e1e7dd!important;border-radius:8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-bottom-grid{grid-template-columns:1fr 1fr!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-bottom-grid>.card{min-height:270px!important;height:auto!important;display:flex!important;flex-direction:column!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-bottom-grid>.card:last-child:nth-child(odd){grid-column:1/-1!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-bottom-grid .table-wrap{flex:1!important;min-height:170px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-action-area{padding:18px!important;margin:0!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign .affiliate-actions>section{padding:14px!important;background:#f7f9f4!important;border:1px solid #e4e9df!important;border-radius:8px!important}
@media(max-width:900px){
 #pageContent#pageContent#pageContent#pageContent#pageContent.distributor-redesign :is(.affiliate-top-grid,.affiliate-middle-grid,.affiliate-bottom-grid,.affiliate-actions){grid-template-columns:1fr!important}
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-summary{
  display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 18px;border-bottom:1px solid #e4e9df;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-identity{display:flex;align-items:center;gap:14px;min-width:0}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-identity .subscription-plan-title{display:flex;align-items:center;gap:20px;min-width:0}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-identity .subscription-label{font-size:11px;color:#829080}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-identity .subscription-crown{background:#eef3e9!important;flex:0 0 48px}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-summary .subscription-current-actions{margin:0!important;flex:0 0 auto}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0;padding:4px 18px;border-left:1px solid #e7ebe3}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics>div:first-child{padding-left:0;border:0}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics>div>span{color:#819082;font-size:12px}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics b{color:#294335;font:600 20px/1.3 "Microsoft YaHei UI",sans-serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics b small{margin-left:5px;color:#819082;font-size:11px;font-weight:400}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics>div>small{display:none}
@media(max-width:800px){
  #pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-summary{flex-wrap:wrap;gap:16px}
  #pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  #pageContent#pageContent#pageContent#pageContent#pageContent .subscription-unified-metrics>div{padding:0;border:0}
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-billing>.card-head{
  min-height:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .key-management-card>.key-table-toolbar{
  margin:0!important;
  padding:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-models>.card-head{
  min-height:24px!important;
  height:24px!important;
  align-items:center!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .dashboard-models{
  row-gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview{
  display:flex!important;flex-direction:column!important;gap:18px!important;padding:18px!important;
  background:#fffdfa!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview .section-kicker,
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-period,
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-description,
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-progress,
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-caption{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview-head{margin:0!important;padding:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview-head h2{margin:0!important;font:600 18px/1.3 Georgia,"Noto Serif SC",serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview-body{
  display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr)!important;gap:24px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;align-content:start!important;
  padding:18px!important;border:1px solid #e4e9df!important;border-radius:10px!important;background:#f5f7f1!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-crown{width:48px!important;height:48px!important;border-radius:12px!important;background:#fffdfa!important;color:#54734f!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-crown .ui-icon{width:28px!important;height:28px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-plan-title h3{margin:6px 0 0!important;font:600 24px/1.3 "Microsoft YaHei UI",sans-serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-details{margin-top:18px!important;padding:12px 0!important;border-top:1px solid #dfe6d9!important;border-bottom:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-actions{margin-top:12px!important;gap:8px!important;flex-wrap:wrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-actions .button{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:12px!important;border-radius:7px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-actions .primary{background:#48674f!important;border-color:#48674f!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-current-actions .outline-accent{background:#fffdfa!important;border-color:#d4ded0!important;color:#48674f!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:16px!important;padding:0!important;border:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-head h3{margin:0!important;font-size:14px!important;font-weight:600!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-total{margin:0!important;align-items:center!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-total b{font:600 32px/1.2 "Microsoft YaHei UI",sans-serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-total b small{font-size:14px!important;font-weight:400!important;color:#829080!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-percent{padding:5px 9px!important;border-radius:6px!important;background:#edf3e9!important;color:#54734f!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-detail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-detail>div{padding:12px!important;border:1px solid #e6ebe2!important;border-radius:8px!important;background:#fafbf8!important;gap:7px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-detail>div>small{display:none!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-usage-detail b{font-size:20px!important}
@media(max-width:900px){#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-overview-body{grid-template-columns:1fr!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-share-panel .invite-qr{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:22px 18px!important;
  border:1px solid #e2e9df!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#f7f9f4,#edf3e9)!important;
  box-shadow:inset 0 1px 0 #ffffff!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-share-panel .invite-qr .invite-qr-image{
  display:block!important;
  width:144px!important;
  height:144px!important;
  box-sizing:content-box!important;
  padding:10px!important;
  margin:0 0 4px!important;
  border:1px solid #dce5d8!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 4px 14px #263d2b0a!important;
  object-fit:contain!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-share-panel .invite-qr>b{
  margin:0!important;
  color:#304b37!important;
  font:600 14px/1.4 "Microsoft YaHei UI",sans-serif!important;
  letter-spacing:.04em!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-share-panel .invite-qr>small{
  max-width:240px!important;
  margin:0!important;
  color:#7b897c!important;
  font-size:11px!important;
  line-height:1.6!important;
  text-align:center!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-copy-field .copy-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  height:44px!important;
  min-width:0!important;
  padding:5px 6px 5px 12px!important;
  box-sizing:border-box!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-copy-field .copy-row code{
  display:block!important;
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-copy-field .copy-row .button{
  position:static!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #d7e2d6!important;
  border-radius:6px!important;
  background:#eef3eb!important;
  color:#36563e!important;
  font:500 12px/1 "Microsoft YaHei UI",sans-serif!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-copy-field .copy-row .button:hover{background:#e2ecde!important;border-color:#b6cbb3!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-copy-field .copy-row .button:focus-visible{outline:2px solid #48674f;outline-offset:2px}
/* Every view owns its scroll area and retains a real 12px bottom gutter. */
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent{
  scrollbar-gutter:auto!important;
}
@media(min-width:901px){
  #pageContent#pageContent#pageContent#pageContent#pageContent#pageContent{
    box-sizing:border-box!important;
    height:calc(100dvh - 71px)!important;
    min-height:0!important;
    padding-bottom:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}
@media(max-width:900px){
  #pageContent#pageContent#pageContent#pageContent#pageContent#pageContent{
    box-sizing:border-box!important;
    padding-bottom:12px!important;
  }
}
#pageContent#pageContent#pageContent#pageContent#pageContent .client-numeric,
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.affiliate-stat-card,.affiliate-cash-card,.affiliate-earnings-card,.record-stats,.order-stat-card,.balance-quick-stats,.subscription-usage-total,.subscription-usage-detail) b,
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.topup-balance,.balance-summary) strong,
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plan-price,.order-amount,.amount-positive,.amount-negative){
  font-family:Inter,"Noto Sans SC","Microsoft YaHei UI",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;
  letter-spacing:normal!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent:has(.invite-share-panel){
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:calc(100dvh - 71px)!important;
  overflow:visible!important;
  gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.invite-share-panel,.invite-rules-card,.invite-stat-grid>.affiliate-stat-card){
  padding:18px!important;
  margin:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.invite-stat-grid,.invite-lower-grid){
  margin:0!important;
  gap:12px!important;
  flex:0 0 auto!important;
  min-height:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-lower-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)!important;
  align-items:stretch!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-lower-grid>.card{
  height:auto!important;
  min-height:320px!important;
  overflow:visible!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent #affiliate-referrals>.card-head{
  min-height:24px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent #affiliate-referrals>.table-wrap{
  flex:1 1 auto!important;
  min-height:220px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent #affiliate-referrals>.table-wrap>table{height:100%!important}
#pageContent#pageContent#pageContent#pageContent#pageContent #affiliate-referrals td.empty{height:190px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-rules-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-rules-card .card-head{
  margin:0!important;
  padding:0!important;
  min-height:24px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-rules-card h2{
  margin:0!important;
  font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-rules-card .notice{margin:0!important;padding:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-share-panel .invite-qr-image{width:140px!important;height:140px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-stat-grid>.affiliate-stat-card{min-height:112px!important}
@media(max-width:800px){
  #pageContent#pageContent#pageContent#pageContent#pageContent .invite-lower-grid{grid-template-columns:minmax(0,1fr)!important}
}
#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-card>#ordersFilter{
  flex:0 0 auto!important;
  order:-1!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .orders-view{
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plans-panel,.subscription-history-panel){
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
  gap:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plans-panel,.subscription-history-panel)>.subscription-section-head{
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plans-panel,.subscription-history-panel)>.subscription-section-head :is(.section-kicker,p),
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plans-panel,.subscription-history-panel)>.subscription-section-head>span{
  display:none!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.subscription-plans-panel,.subscription-history-panel)>.subscription-section-head h2{
  margin:0!important;
  color:#263b30!important;
  font:600 18px/1.3 Georgia,"Noto Serif SC","Songti SC",serif!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-empty-plans{
  margin:0!important;
  min-height:128px!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#fffdfa!important;
  color:#89958b!important;
  font-size:12px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-empty-plans>b{font-weight:400!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .subscription-page{gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent:has(.redeem-layout) .standard-table-card>.card-head{
  min-height:24px!important;
  height:24px!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination){
  height:20px!important;
  min-height:20px!important;
  line-height:20px!important;
  align-items:center!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination) button[aria-label="上一页"] .ui-icon{
  transform:rotate(180deg)!important;
}
#pageContent#pageContent#pageContent#pageContent#pageContent :is(.table-pagination,.usage-pagination,.orders-pagination) button[aria-label="下一页"] .ui-icon{
  transform:none!important;
}

/* The workbench classes belong to the page root itself. */
/* Keep order rows content-sized, matching the other record pages. */
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-card{padding:18px!important;gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-filter-card{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(240px,1.5fr) minmax(120px,.8fr) minmax(120px,.8fr) auto!important;gap:12px!important;align-items:end!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-field{gap:6px!important;font-size:11px!important;font-weight:400!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-filter-card :is(input,select,.button){box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 10px!important;font-size:12px!important;font-weight:400!important;border-radius:7px!important;margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-filter-actions{grid-column:auto!important;display:flex!important;gap:8px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap{padding:0!important;margin:0!important;flex:1 1 0!important;min-height:0!important;border-radius:7px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap table{height:auto!important;min-height:0!important;table-layout:auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap :is(thead,tbody){height:auto!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap tbody tr{height:48px!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap td{height:auto!important;padding:10px 12px!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-table-wrap th{height:34px!important;padding:0 12px!important;font-size:11px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .order-number{display:block!important;max-width:230px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-pagination{margin:0!important;padding:0!important;min-height:32px!important}
@media(max-width:1050px){#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .orders-filter-card{grid-template-columns:minmax(0,1fr)!important}}
#pageContent#pageContent#pageContent#pageContent#pageContent:is(.wb-studio-page,.wb-models-page){display:flex!important;flex-direction:column!important;height:calc(100dvh - 64px)!important;min-height:0!important;padding:12px!important;gap:12px!important;overflow:hidden!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .wb-model-card>.table-wrap{margin:0!important;padding:0!important;min-height:0!important;flex:1!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .wb-model-card th,#pageContent#pageContent#pageContent#pageContent#pageContent .wb-model-card td{height:auto!important;padding:9px 10px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .wb-history-item>button:only-child{flex:1;width:auto;padding:6px 8px}
#pageContent#pageContent#pageContent#pageContent#pageContent [hidden]{display:none!important}
.wb-dialog .wb-form-grid label{display:grid;gap:6px;font-size:12px}
.wb-dialog .wb-form-grid input{width:100%;box-sizing:border-box;height:34px;border:1px solid #dfe5db;border-radius:6px;padding:0 10px;background:#fff;color:#344a3a}
.operations-tools,.operations-table-tools,.operations-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.operations-tools{justify-content:flex-end;flex:none}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-title-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-title-actions h2{margin:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent .invite-title-actions .button{flex:none!important;height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:12px!important}
.operations-table-tools{margin:0 0 12px;justify-content:flex-end}
.operations-table-tools input{flex:1;max-width:300px;height:32px;border:1px solid #e0e6dd;border-radius:6px;padding:0 10px;background:#fff;font-size:12px}
.operations-pager{justify-content:flex-end;margin-top:12px;color:#70806e;font-size:11px}
.operations-pager span{margin-right:auto}.operations-pager select{height:32px;border:1px solid #e0e6dd;border-radius:6px;background:#fff}
#pageContent .operations-tools .button,#pageContent .operations-table-tools .button,#pageContent .operations-pager .button{height:32px;min-height:32px;padding:0 10px;font-size:11px}
.operations-dialog .operations-thread p{white-space:pre-wrap;padding:12px;border:1px solid #e7ece2;border-radius:6px;font-size:12px;line-height:1.7;background:#f8faf5;overflow-wrap:anywhere}
.operations-reply{display:grid;gap:10px;margin:16px 0}.operations-reply textarea{min-height:90px;resize:vertical;border:1px solid #dfe6da;border-radius:7px;padding:10px;font:inherit}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .card-head>.operations-table-tools{margin:0!important;padding:0!important;flex:0 1 300px!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .card-head>.operations-table-tools input{height:32px!important;min-height:32px!important;margin:0!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;height:auto!important;padding:18px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records>.card-head{display:flex!important;justify-content:space-between!important;align-items:center!important;flex:none!important;min-height:32px!important;height:auto!important;margin:0!important;padding:0!important;gap:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records>.card-head h2{margin:0!important;font:600 15px/1.5 "Microsoft YaHei UI",sans-serif!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records>.table-wrap{flex:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records table{height:auto!important;min-height:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records tbody tr{height:48px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records td{padding:10px 12px!important;height:auto!important;font-size:12px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent .support-redesign>.support-records>.operations-pager{margin:0!important;padding:0!important;min-height:32px!important;font-size:11px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar{flex-wrap:nowrap!important;gap:8px!important;min-width:0!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar input.field{flex:1 1 180px!important;min-width:120px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar select{flex:0 1 120px!important;width:120px!important;min-width:90px!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar .key-bulk-bar{display:flex!important;flex:none!important;flex-wrap:nowrap!important;gap:8px!important;white-space:nowrap!important}
#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-bulk-bar>span{margin:0!important}
@media(max-width:1100px){#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent#pageContent.key-center-page .key-table-toolbar{overflow-x:auto!important;padding-bottom:4px!important}#pageContent .key-table-toolbar .key-columns{position:static}}
@media(max-width:1000px){#pageContent#pageContent#pageContent#pageContent#pageContent:is(.wb-studio-page,.wb-models-page){height:auto!important;min-height:calc(100dvh - 64px)!important;overflow:visible!important}}