.client-resources{--resource-gold:#d9b66f;--resource-panel:#0d1219;--resource-line:#344153;--resource-text:#c8d6e5;--resource-muted:#718196}
.client-resources .resource-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.client-resources .resource-page-heading p{margin:0 0 4px;color:var(--resource-gold);font-size:12px}
.client-resources .resource-page-heading h1{margin:0;font-size:24px}
.client-resources .resource-page-heading>div{min-width:0}.client-resources .resource-page-heading h1{overflow-wrap:anywhere}
.client-resources .resource-page-heading .button{font-size:12px}
.client-resources .resource-board{padding:14px;border:1px solid var(--resource-line);border-radius:14px;background:var(--resource-panel);min-width:0}
.client-resources .resource-board-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.client-resources .resource-board-heading h2{margin:0 0 3px;color:#f0ca78;font-size:17px}
.client-resources .resource-board-heading p{margin:0;color:var(--resource-muted);font-size:10px}
.client-resources .resource-zoom{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:4px;border:1px solid #39485b;border-radius:10px;background:#111821}
.client-resources .resource-zoom button{min-width:36px;min-height:34px;height:34px;padding:0 10px;border:1px solid #46566a;border-radius:7px;background:#1a2533;color:#e8c97f;font-size:12px;font-weight:800}
.client-resources .resource-zoom output{min-width:48px;color:#f0ca78;font-size:11px;font-weight:800;text-align:center}
.client-resources .resource-zoom [data-zoom-reset]{font-size:10px;color:#9fb0c3}
.client-resources .resource-zoom button:disabled{opacity:.38;cursor:not-allowed}
.client-resources .resource-filters{display:flex;flex-wrap:wrap;align-items:end;gap:7px;margin:10px 0;padding:10px;border:1px solid #263246;border-radius:10px;background:var(--resource-panel)}
.client-resources .resource-filters>label{flex:1;min-width:112px}
.client-resources .resource-filters label{gap:4px;color:#9aaabd;font-size:10px;font-weight:400}
.client-resources .resource-filters input,.client-resources .resource-filters select{min-width:0;min-height:40px;padding:7px 8px;border:1px solid #2a374a;border-radius:6px;background:#131820;color:var(--resource-text);font-size:12px}
.client-resources .resource-ratio{display:flex;align-items:end;flex:2;min-width:210px;gap:5px}
.client-resources .resource-ratio label{flex:1;min-width:0}
.client-resources .resource-ratio>span{align-self:center;padding-top:14px;color:var(--resource-muted)}
.client-resources .resource-filter-reset,.client-resources .resource-apply{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;border:1px solid #46566a;border-radius:7px;background:#1a2533;color:#e8c97f;font-size:12px}
.client-resources.resources-enhanced .resource-apply{display:none}
.client-resources .resource-advanced{flex-basis:100%;border-top:1px solid #263246;padding-top:7px;margin-top:2px}
.client-resources .resource-advanced summary{min-height:30px;padding:4px 0;color:#9fb0c3;cursor:pointer;font-size:11px}
.client-resources .resource-advanced>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:7px 0}
.client-resources .resource-count{flex-basis:100%;margin:0;color:var(--resource-muted);font-size:11px;text-align:right}
.client-resources .resource-filter-error{flex-basis:100%;margin:0;color:#f4b0a6;font-size:12px}
.client-resources .resource-scroll-hint{margin:0 0 7px;color:var(--resource-gold);font-size:10px;text-align:right}
.client-resources .resource-table-viewport{height:min(520px,calc(100dvh - 260px));min-height:360px;max-width:100%;overflow:scroll;padding:0;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--resource-gold) #1a2230;touch-action:pan-x pan-y}
.client-resources .resource-table-viewport::-webkit-scrollbar{width:14px;height:12px}
.client-resources .resource-table-viewport::-webkit-scrollbar-track{background:#1a2230}
.client-resources .resource-table-viewport::-webkit-scrollbar-thumb{border:3px solid #1a2230;border-radius:12px;background:var(--resource-gold)}
.client-resources .resource-account-table{width:100%;min-width:1160px;border-collapse:collapse;font-size:12px;zoom:var(--resource-zoom,.3);transform-origin:top left}
.client-resources .resource-account-table thead{position:sticky;top:0;z-index:3}
.client-resources .resource-account-table th{padding:10px 8px;background:#1a2232;color:#a9bad0;white-space:nowrap;text-align:left;font-size:12px;font-weight:600}
.client-resources .resource-account-table td{padding:9px 8px;border-bottom:1px solid #182231;color:var(--resource-text);white-space:nowrap;text-align:left}
.client-resources [data-resource-row]{cursor:pointer;transition:background .15s ease}
.client-resources [data-resource-row]:hover,.client-resources [data-resource-row]:focus-visible{background:rgba(217,182,111,.08);outline:none;box-shadow:inset 3px 0 var(--resource-gold)}
.client-resources .resource-code-cell a{color:#e8c97f;font-family:Consolas,monospace;font-weight:700}
.client-resources .resource-knife-preview{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#e8c97f;font-weight:700}
.client-resources .resource-scan{display:block;min-width:150px;max-width:230px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.client-resources [data-resource-empty] td{text-align:center;color:var(--resource-muted);padding:58px 20px}
.client-resources [hidden]{display:none!important}
.client-resources .resource-detail-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:22px;border:1px solid #46566a;border-radius:16px;background:#0d1219;color:var(--resource-text);overflow:auto;overscroll-behavior:contain}
.client-resources .resource-detail-dialog::backdrop{background:rgba(0,0,0,.8)}
.client-resources .resource-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.client-resources .resource-detail-heading h2{color:#f0ca78;font-size:19px;margin:0}
.client-resources [data-detail-close]{min-width:44px;width:44px;min-height:44px;padding:0;background:#273346;color:white;font-size:26px;border-radius:50%}
.client-resources .resource-detail-code{color:#8fa0b6;font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere}
.client-resources .resource-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.client-resources .resource-detail-grid>div{min-width:0;border:1px solid #263246;background:#131b26;border-radius:8px;padding:11px}
.client-resources .resource-detail-grid dt{color:#8596ac;font-size:11px}
.client-resources .resource-detail-grid dd{margin:5px 0 0;color:#e5edf6;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.client-resources .resource-skin-detail{border-top:1px solid #263246;padding:14px 0}
.client-resources .resource-skin-detail h3{font-size:13px;color:#e8c97f;margin:0 0 7px}
.client-resources .resource-skin-detail p{margin:0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.client-resources .resource-detail-action{padding:16px 0 0;border-top:1px solid #394657}
.client-resources .resource-detail-action p{font-size:13px}
.client-resources .resource-detail-action strong{font-size:24px;color:#e8c97f;margin-left:8px}
.client-resources .resource-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.client-resources .resource-public-layout h2{font-size:17px;color:#f0ca78;margin:2px 0 12px}
.client-resources .resource-contact{position:sticky;top:20px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.client-resources .resource-take{position:static;max-width:720px;margin-inline:auto;box-sizing:border-box}
.client-resources .resource-take>h2{font-size:20px;color:#f0ca78;margin:0 0 18px}
.client-resources .resource-contact .button,.client-resources .resource-contact button{margin-top:10px;min-height:44px}
.client-resources .resource-contact-total{display:grid;gap:4px;border-bottom:1px solid #344153;padding-bottom:18px}
.client-resources .resource-contact-total span{font-size:12px;color:#9fb0c3}
.client-resources .resource-contact-total strong{font-size:28px;color:#e8c97f}
.client-resources.resource-dialog-open{overflow:hidden}
.client-resources :is(button,input,select,summary,a,.resource-table-viewport):focus-visible{outline:2px solid var(--resource-gold);outline-offset:2px}
@media(max-width:700px){
  .client-resources .resource-public-layout{grid-template-columns:1fr;gap:14px}.client-resources .resource-contact{position:static}
  .client-resources .client-main{padding:22px 10px 32px}
  .client-resources .resource-page-heading{gap:10px}.client-resources .resource-page-heading h1{font-size:21px}.client-resources .resource-page-heading .button{padding:10px;font-size:11px}
  .client-resources .resource-board{padding:10px}
  .client-resources .resource-board[aria-labelledby="resource-board-title"]{padding-block:8px}
  .client-resources .resource-board-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;margin-bottom:6px}
  .client-resources .resource-board-heading>div:first-child{display:contents}
  .client-resources .resource-board-heading h2{grid-column:1;grid-row:1;margin:0;font-size:14px;line-height:1.3}
  .client-resources .resource-board-heading p{grid-column:1/-1;grid-row:2}
  .client-resources .resource-zoom{grid-column:2;grid-row:1;gap:2px;padding:2px}
  .client-resources .resource-zoom button{min-width:44px;min-height:44px;height:44px;padding:0}
  .client-resources .resource-zoom output{min-width:28px}
  .client-resources .resource-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;margin:6px 0;padding:6px 9px}
  .client-resources .resource-filters>label{min-width:0}
  .client-resources .resource-filters label{gap:2px;line-height:1.2}
  .client-resources .resource-ratio{grid-column:1/-1;min-width:0}
  .client-resources .resource-filters input,.client-resources .resource-filters select{min-height:44px;font-size:16px}
  .client-resources .resource-apply,.client-resources .resource-filter-reset{grid-row:4;min-height:44px}
  .client-resources .resource-filter-reset{grid-column:2;justify-self:end;align-self:start;z-index:1}
  .client-resources .resource-advanced{grid-column:1/-1;grid-row:5;margin:0;padding:0;border:0;min-width:0}
  .client-resources.resources-enhanced .resource-advanced{grid-row:4}
  .client-resources.resources-enhanced .resource-advanced summary{padding-right:60px}
  .client-resources .resource-advanced>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px 0}
  .client-resources .resource-advanced summary{min-height:44px;display:flex;align-items:center;font-size:12px}
  .client-resources .resource-count,.client-resources .resource-filter-error{grid-column:1/-1}
  .client-resources .resource-table-viewport{height:calc(100dvh - 220px);min-height:360px}.client-resources .resource-account-table{min-width:1080px}
  .client-resources .resource-detail-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:16px 14px calc(20px + env(safe-area-inset-bottom))}
  .client-resources .resource-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-resources .resource-detail-heading h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.client-resources [data-resource-row]{transition:none}}