.creator-login-body { min-height:100vh; display:grid; place-items:center; padding:24px; background:#f5f6fa; }
.creator-login-card { width:min(100%,430px); padding:32px; border:1px solid #e8e9f0; border-radius:16px; background:#fff; box-shadow:0 16px 44px #23263a0d; }
.creator-login-card .brand { display:inline-flex; margin-bottom:28px; }
.creator-login-card h1 { margin:0; color:#25283a; font-size:27px; letter-spacing:-.04em; }
.creator-login-intro { margin:8px 0 22px; color:#74798a; font-size:13px; line-height:1.55; }
.creator-login-card form { display:grid; gap:14px; }
.creator-login-card form>button { min-height:43px; margin-top:4px; border:0; border-radius:9px; background:#6254d9; color:#fff; font-weight:680; }
.creator-login-footnote { margin:17px 0 0; color:#8a8e9d; font-size:11px; }
.creator-login-error,.creator-editor-message,.creator-form-message { color:#ad434d; font-size:12px; }
.creator-login-error[hidden] { display:none; }
.creator-shell { padding-top:38px; }
.creator-metrics { margin-bottom:8px; }
.creator-recent-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:14px; margin-bottom:24px; }
.creator-recent-grid .admin-upload-panel { margin:0; padding:17px; }
.creator-recent-grid .admin-section-heading { margin-bottom:11px; }
.creator-recent-grid .admin-section-heading h2 { font-size:15px; }
.creator-recent-list { display:grid; }
.creator-recent-grid .creator-recent-list,#creator-revenue-data>.creator-recent-list { overflow-y:auto; overscroll-behavior:contain; scrollbar-color:#55516f #11131b; scrollbar-width:thin; }
.creator-recent-grid .creator-recent-list { max-height:120px; }
.creator-recent-grid .creator-recent-list::-webkit-scrollbar,#creator-revenue-data>.creator-recent-list::-webkit-scrollbar { width:7px; }
.creator-recent-grid .creator-recent-list::-webkit-scrollbar-track,#creator-revenue-data>.creator-recent-list::-webkit-scrollbar-track { background:#11131b; }
.creator-recent-grid .creator-recent-list::-webkit-scrollbar-thumb,#creator-revenue-data>.creator-recent-list::-webkit-scrollbar-thumb { border:2px solid #11131b; border-radius:99px; background:#55516f; }
.creator-recent-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid #eff0f4; }
.creator-recent-item>div { min-width:0; display:grid; gap:4px; }
.creator-recent-item strong { overflow:hidden; color:#383b4d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.creator-recent-item small,.creator-recent-empty { color:#858999; font-size:10px; }
.creator-recent-item button { min-height:30px; padding:4px 9px; border:1px solid #dedfea; border-radius:7px; background:#fff; color:#5548c8; font-size:10px; }
#creator-upload-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#creator-upload-form .field:nth-child(3) { grid-column:1/-1; }
#creator-upload-form [type=file] { padding:9px; }
#creator-upload-form>button { justify-self:start; min-height:41px; padding:0 16px; border:1px solid #6254d9; border-radius:9px; background:#6254d9; color:#fff; font-weight:670; }
#creator-upload-form>button:disabled,.creator-dialog button:disabled { cursor:wait; opacity:.65; }
.creator-form-message { grid-column:1/-1; margin:0; }
.creator-form-message[data-state="success"],.creator-editor-message[data-state="success"] { color:#26764f; }
.creator-video-filters { margin-bottom:14px; }
.creator-video-filters .admin-search input { padding-left:12px; }
.creator-video-list { display:grid; gap:10px; }
.creator-video-card { display:grid; grid-template-columns:172px minmax(0,1fr); gap:17px; padding:13px; border:1px solid #e9eaf0; border-radius:12px; background:#fff; box-shadow:0 2px 5px #22253a05; }
.creator-card-thumb { aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; border-radius:9px; background:#f0f1f6; color:#828697; font-size:11px; text-align:center; }
.creator-card-thumb img { width:100%; height:100%; object-fit:cover; }
.creator-video-details { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.creator-video-heading { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.creator-video-heading h3 { margin:0; color:#2c2e3e; font-size:15px; font-weight:690; }
.creator-video-subtitle,.creator-video-views { margin:7px 0 0; color:#818697; font-size:11px; }
.creator-video-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:12px; }
.creator-copy-menu { position:fixed; z-index:80; box-sizing:border-box; width:min(360px,calc(100vw - 24px)); max-width:calc(100vw - 24px); overflow-y:auto; overscroll-behavior:contain; padding:13px; border:1px solid #37394c; border-radius:13px; background:#191a25; color:#f4f4fa; box-shadow:0 16px 42px #08091155; }
.creator-copy-field { min-width:0; margin:0 0 11px; }
.creator-copy-field:last-child { margin-bottom:0; }
.creator-copy-label { display:block; margin:0 0 5px 2px; color:#c7c8d4; font-size:10px; font-weight:650; letter-spacing:.02em; }
.creator-copy-input-row { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:stretch; min-width:0; overflow:hidden; border:1px solid #393b4c; border-radius:9px; background:#11121b; }
.creator-copy-value { display:block; box-sizing:border-box; width:100%; min-width:0; height:40px; margin:0; padding:0 10px; overflow-x:auto; border:0; outline:0; background:transparent; color:#f0eff8; font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; }
.creator-copy-value:focus-visible { box-shadow:inset 0 0 0 2px #8075ed; }
.creator-copy-value::placeholder { color:#8b8d9d; opacity:1; }
.creator-copy-value:is(textarea) { height:auto; min-height:48px; max-height:76px; padding:7px 10px; resize:vertical; white-space:pre-wrap; overflow-wrap:anywhere; }
.creator-copy-icon { display:grid; place-items:center; width:42px; min-height:40px; padding:0; border:0; border-left:1px solid #393b4c; border-radius:0; background:#20212e; color:#c8c5ff; cursor:pointer; }
.creator-copy-icon:hover { background:#2c2d3d; color:#fff; }
.creator-copy-icon:focus-visible { z-index:1; outline:2px solid #958bff; outline-offset:-3px; }
.creator-copy-icon:disabled { opacity:.72; cursor:wait; }
.creator-copy-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.creator-video-actions button,.creator-view-link { min-height:32px; display:inline-flex; align-items:center; justify-content:center; padding:5px 10px; border:1px solid #dedfea; border-radius:7px; background:#fff; color:#5143c5; font-size:11px; text-decoration:none; }
.creator-video-actions .creator-publish-button { border-color:#6254d9; background:#6254d9; color:#fff; }
.creator-video-actions .creator-delete-button { color:#ad434d; border-color:#f0dada; }
.creator-video-actions button:disabled { opacity:.6; cursor:wait; }
.creator-account-trigger { cursor:pointer; }
.creator-account-drawer { position:fixed; inset:0 0 0 auto; margin:0; width:min(360px,calc(100vw - 24px)); max-width:none; height:100dvh; max-height:100dvh; border:0; border-left:1px solid #e7e8ef; border-radius:16px 0 0 16px; padding:24px; box-shadow:-18px 0 48px #15172a24; }
.creator-account-drawer::backdrop { background:#10111a66; }
.creator-account-drawer .admin-primary-link { display:inline-flex; margin:10px 0 18px; }
.creator-empty-state { padding:35px 20px; border:1px dashed #dfe1e9; border-radius:12px; color:#797e8f; text-align:center; }
.creator-empty-state strong { color:#383b4d; font-size:14px; }
.creator-empty-state p { margin:7px 0 0; font-size:12px; }
.creator-page-number { display:inline-flex; align-items:center; padding:0 10px; color:#777b8b; font-size:11px; }
.creator-feature-note { margin:18px 0 0; color:#8c90a0; font-size:11px; line-height:1.5; }
.creator-dialog { width:min(700px,calc(100vw - 28px)); max-height:min(88vh,850px); padding:0; overflow:auto; border:1px solid #e2e3eb; border-radius:15px; background:#fff; color:#313346; box-shadow:0 25px 80px #16162a33; }
.creator-dialog::backdrop { background:#17182780; backdrop-filter:blur(3px); }
.creator-frame-dialog { width:min(760px,calc(100vw - 28px)); }
.creator-frame-dialog video { display:block; width:100%; max-height:min(55vh,520px); margin:12px 0 16px; border-radius:10px; background:#080a10; object-fit:contain; }
.creator-frame-seek { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px 14px; }
.creator-frame-seek .field { min-width:0; margin:0; }
.creator-frame-seek input[type="range"] { width:100%; min-height:32px; padding:0; accent-color:#6254d9; touch-action:pan-y; }
.creator-frame-seek .admin-field-help { grid-column:2; margin:0; }
.creator-dialog>form { display:grid; gap:14px; padding:22px; }
.creator-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.creator-dialog-heading h2,.creator-confirm-dialog h2 { margin:0; font-size:21px; letter-spacing:-.03em; }
.creator-icon-button { width:34px; height:34px; border:1px solid #e4e5ec; border-radius:8px; background:#fff; color:#6d7181; font-size:21px; }
.creator-media-preview { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(120px,.6fr); align-items:start; gap:13px; }
.creator-media-preview video { width:100%; max-height:270px; border-radius:9px; background:#080a10; }
.creator-media-preview img { width:100%; max-height:140px; margin-top:8px; border:1px solid #e8e9ef; border-radius:8px; object-fit:cover; }
.creator-media-preview p { margin:8px 0 0; color:#858999; font-size:11px; }
.creator-thumbnail-fields { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.creator-thumbnail-actions { display:flex; flex-wrap:wrap; gap:7px; padding-bottom:1px; }
.creator-thumbnail-actions button,.creator-dialog-actions button { min-height:38px; padding:0 12px; border:1px solid #dfdfea; border-radius:8px; background:#fff; color:#5143c5; font-size:11px; font-weight:630; }
.creator-dialog-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:4px; }
.creator-dialog-actions button[type=submit] { border-color:#6254d9; background:#6254d9; color:#fff; }
.creator-dialog-actions .creator-danger { border-color:#ad434d; background:#ad434d; color:#fff; }
.creator-confirm-dialog { width:min(430px,calc(100vw - 28px)); }
.creator-confirm-dialog p { margin:0; color:#777b8b; font-size:13px; line-height:1.5; }
.creator-toast { position:fixed; z-index:30; right:20px; bottom:20px; max-width:min(420px,calc(100vw - 40px)); padding:12px 16px; border:1px solid #dcece3; border-radius:10px; background:#f2fbf5; color:#286c4c; box-shadow:0 8px 28px #22253a1c; font-size:12px; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .18s ease,transform .18s ease; }
.creator-toast.is-visible { opacity:1; transform:translateY(0); }
.creator-toast[data-state="error"] { border-color:#f0dada; background:#fff6f6; color:#ad434d; }
.creator-admin-section { margin-top:34px; padding:20px; border:1px solid #e9eaf0; border-radius:13px; background:#fff; }
.creator-create-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:end; gap:12px; margin:18px 0 8px; padding:16px; border:1px solid #ececf3; border-radius:11px; background:#fafaff; }
.creator-create-form>button { min-height:42px; padding:0 14px; border:1px solid #6254d9; border-radius:8px; background:#6254d9; color:#fff; font-size:11px; font-weight:650; white-space:nowrap; }
.creator-admin-message { min-height:16px; margin:10px 2px; color:#26764f; font-size:11px; }
.creator-admin-message[data-state="error"] { color:#ad434d; }
.creator-admin-list { display:grid; gap:8px; }
.creator-admin-card { display:grid; grid-template-columns:minmax(170px,1fr) auto auto auto; align-items:center; gap:15px; padding:13px; border:1px solid #ececf2; border-radius:10px; background:#fff; }
.creator-admin-details { min-width:0; display:grid; gap:3px; }
.creator-admin-details strong { color:#35374a; font-size:12px; }
.creator-admin-details span,.creator-admin-details small,.creator-admin-stats { color:#858999; font-size:10px; }
.creator-admin-stats { display:grid; gap:3px; }
.creator-status { justify-self:start; padding:5px 8px; border-radius:20px; background:#eaf7ef; color:#287451; font-size:10px; font-weight:650; }
.creator-status-suspended { background:#fff1ed; color:#a44e39; }
.creator-admin-actions { display:flex; gap:6px; }
.creator-admin-actions button { min-height:31px; padding:4px 9px; font-size:10px; }
.creator-admin-videos { margin-top:14px; padding:14px; border:1px solid #ececf2; border-radius:10px; background:#fafbfc; }
.creator-admin-videos[hidden] { display:none; }
.creator-admin-videos h3 { margin:0 0 10px; font-size:13px; }
.creator-admin-video-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; align-items:center; gap:12px; padding:9px 0; border-top:1px solid #e9eaf0; font-size:10px; }
.creator-admin-video-row code { color:#74798a; }
.creator-admin-video-row a { color:#5548c8; }

@media(max-width:760px) {
  .creator-body .admin-header-inner { width:auto; }
  .creator-shell { padding-top:26px; }
  .creator-recent-grid { grid-template-columns:1fr; }
  .creator-video-card { grid-template-columns:125px minmax(0,1fr); gap:11px; padding:10px; }
  .creator-video-heading h3 { font-size:13px; }
  .creator-create-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .creator-create-form>button { justify-self:start; }
  .creator-admin-card { grid-template-columns:minmax(0,1fr) auto; }
  .creator-admin-stats { grid-column:1; }
  .creator-admin-card>.creator-status { grid-column:2; grid-row:1; }
  .creator-admin-actions { grid-column:1/-1; }
}
@media(max-width:520px) {
  .creator-login-card { padding:24px; }
  #creator-upload-form { grid-template-columns:1fr; }
  #creator-upload-form .field:nth-child(3),.creator-form-message { grid-column:auto; }
  .creator-video-card { grid-template-columns:1fr; }
  .creator-card-thumb { max-height:210px; }
  .creator-thumbnail-fields { grid-template-columns:1fr; }
  .creator-media-preview { grid-template-columns:1fr; }
  .creator-media-preview video { max-height:220px; }
  .creator-admin-section { padding:14px; }
  .creator-create-form { grid-template-columns:1fr; padding:12px; }
  .creator-admin-video-row { grid-template-columns:1fr auto; }
  .creator-admin-video-row code { grid-row:2; }
  .creator-admin-video-row a { grid-row:2; grid-column:2; }
}
.creator-history-panel { margin-top:22px; padding-top:17px; border-top:1px solid #e7e9f0; }
.creator-history-panel h3 { margin:0 0 10px; color:#303345; font-size:14px; font-weight:700; }
#creator-revenue-data>.creator-recent-list { max-height:173px; gap:7px; padding-right:5px; }
#creator-revenue-data .creator-recent-item { box-sizing:border-box; min-height:38px; align-items:flex-start; gap:12px; padding:8px 12px; border:1px solid #ffffff12; border-radius:10px; background:linear-gradient(125deg,#ffffff08,#ffffff03); transition:border-color .16s,background .16s; }
#creator-revenue-data .creator-recent-item:hover { border-color:#a48cff38; background:#a48cff0a; }
#creator-revenue-data .creator-recent-item strong { flex:0 0 auto; color:#e5e2f0; font-size:11px; }
#creator-revenue-data .creator-recent-item small { max-width:72%; color:#969aab; font-size:10px; line-height:1.45; text-align:right; overflow-wrap:anywhere; }
@media(max-width:520px) {
  #creator-revenue-data .creator-recent-item { flex-direction:column; gap:4px; }
  #creator-revenue-data .creator-recent-item small { max-width:100%; text-align:left; }
}
.creator-withdrawal-list,.creator-transaction-list { display:grid; gap:10px; }
.creator-withdrawal-card,.creator-transaction-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding:14px; border:1px solid #e4e6ed; border-radius:11px; background:#fff; box-shadow:0 2px 5px #22253a05; }
.creator-withdrawal-main,.creator-transaction-main { min-width:0; display:grid; gap:5px; }
.creator-withdrawal-main strong,.creator-transaction-main strong { color:#292d40; font-size:13px; font-variant-numeric:tabular-nums; }
.creator-withdrawal-meta,.creator-transaction-meta { color:#656a7b; font-size:11px; overflow-wrap:anywhere; }
.creator-withdrawal-destination { grid-column:1/-1; margin:0; color:#4d5263; font-size:11px; line-height:1.55; overflow-wrap:anywhere; }
.creator-withdrawal-card .finance-status { align-self:start; }
.creator-shell .finance-pagination { justify-content:flex-end; }
.creator-shell .finance-page-summary { margin-right:auto; }
.creator-shell .finance-page-button { min-height:34px; padding:5px 10px; border:1px solid #d2d5df; border-radius:7px; background:#fff; color:#3e4354; font-size:11px; font-weight:650; }
.creator-shell .finance-page-button:disabled { opacity:.45; cursor:not-allowed; }
.creator-payment-settings-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; align-items:end; }
.creator-payment-settings-form .field:first-child { grid-column:1/-1; }
.creator-payment-settings-form>button { justify-self:start; min-height:40px; padding:0 14px; border:1px solid #6254d9; border-radius:9px; background:#6254d9; color:#fff; font-size:11px; font-weight:670; }
.creator-payment-settings-form>button:disabled { opacity:.6; cursor:wait; }
.creator-payment-current { margin-top:16px; padding:13px 15px; border:1px solid #e1e5ee; border-radius:10px; background:#f8f9fc; color:#3b4052; font-size:12px; line-height:1.6; }
.creator-payment-current strong { color:#292d40; }
.creator-payment-current[data-state="empty"],.creator-payment-current[data-state="error"] { color:#7d4b22; }
@media(max-width:760px) {
  .creator-withdrawal-card,.creator-transaction-card { padding:12px; }
  .creator-payment-settings-form { grid-template-columns:1fr; }
  .creator-payment-settings-form .field:first-child { grid-column:auto; }
  .creator-shell .finance-pagination { justify-content:flex-start; }
  .creator-shell .finance-page-summary { flex-basis:100%; }
}