.authorization-workspace { max-width: 1440px; margin-top: 0; }
.tool-page > .authorization-workspace { margin-top: 0; }
.authorization-workspace > .business-workspace-tabs { margin-top: 0; }
.license-validity { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; margin-bottom: 18px; border: 1px solid #e5e5e5; border-radius: 12px; background: #f7f7f7; }
.license-validity span { font-size: 12px; color: #666; }
.license-validity time { font-size: 16px; font-weight: 600; color: #262626; font-variant-numeric: tabular-nums; }
@media(max-width:700px) { .license-validity { align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px 18px; }.license-validity time { font-size: 15px; } }
.entitlement-summary h2 { font-size: 22px; }
#license-panel { max-width: 920px; margin: 30px auto 0; }
.business-workspace-tabs { display: flex; gap: 28px; border-bottom: 1px solid #e9e9e9; margin: 0 0 24px; }
.business-workspace-tabs button { display: flex; align-items: center; gap: 8px; position: relative; padding: 12px 0 15px; color: #525252; font-size: 14px; }
.business-workspace-tabs button[aria-selected="true"] { color: #222222; font-weight: 600; }
.business-workspace-tabs button[aria-selected="true"]::after { content: ''; position: absolute; height: 3px; border-radius: 3px; background: #262626; bottom: -1px; left: 0; right: 0; }
.business-workspace-tabs button span { border-radius: 5px; background: #ededed; padding: 2px 7px; font-size: 10px; }
.creator-demo-notice { display: flex; align-items: center; gap: 10px; color: #525252; font-size: 11px; line-height: 1.8; margin-bottom: 18px; }
.creator-demo-notice .preview-badge { flex: none; margin: 0; }
.creator-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 26px; }
.creator-stat { padding: 21px 22px; border: 1px solid #e9e9e9; border-radius: 13px; background: linear-gradient(130deg,#fcfcfc,#fff 90%); }
.creator-stat>span { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #525252; }
.creator-stat svg { width: 17px; height: 17px; color: #737373; }
.creator-stat>strong { display: block; font-size: 34px; font-weight: 600; color: #222222; margin: 12px 0 8px; line-height: 1.2; }
.creator-stat small { font-size: 11px; font-weight: 400; margin-left: 8px; color: #737373; }
.creator-stat p { font-size: 10px; color: #737373; }
.creator-list-card { border: 1px solid #e8e8e8; border-radius: 14px; background: #fff; overflow: hidden; }
.creator-list-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 23px 23px 20px; }
.creator-list-heading h3 { font-size: 18px; font-weight: 600; }
.creator-list-heading p { font-size: 11px; margin-top: 7px; color: #737373; }
.creator-filters { display: flex; align-items: center; gap: 9px; padding: 0 23px 20px; flex-wrap: wrap; }
.creator-search { display: flex; align-items: center; gap: 8px; border: 1px solid #e5e5e5; border-radius: 7px; height: 37px; padding: 0 11px; flex: 1; min-width: 210px; max-width: 330px; }
.creator-search svg { width: 16px; height: 16px; color: #737373; }
.creator-search input { font: inherit; font-size: 11px; width: 100%; border: 0; background: transparent; color: #444444; outline: none; min-width: 0; }
.creator-search:focus-within { outline: 2px solid #a4a4a4; outline-offset: 2px; }
.creator-search input::placeholder { color: #737373; }
.creator-filters select { height: 37px; background: #fff; border: 1px solid #e5e5e5; border-radius: 7px; padding: 0 25px 0 10px; color: #525252; font: inherit; font-size: 11px; max-width: 100%; }
.creator-type-tabs { display: flex; padding: 0 23px; gap: 6px; overflow-x: auto; }
.creator-type-tabs button { border-radius: 6px; padding: 8px 15px; color: #525252; font-size: 11px; white-space: nowrap; }
.creator-type-tabs button[aria-selected="true"] { background: #ebebeb; color: #262626; font-weight: 600; }
.creator-table-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px; font-size: 10px; color: #737373; padding: 15px 23px; line-height: 1.8; }
.creator-table-caption>span { color: #737373; }
.creator-table-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #d0d0d0 #f5f5f5; }
.creator-floating-scroll { position: fixed; bottom: 0; z-index: 8; height: 22px; overflow-x: scroll; overflow-y: hidden; background: #f5f5f5; border-top: 1px solid #e3e3e3; box-shadow: 0 -3px 10px #0000000a; scrollbar-width: auto; scrollbar-color: #a3a3a3 #f5f5f5; }
.creator-floating-scroll[hidden] { display: none; }
.creator-floating-scroll::-webkit-scrollbar { height: 16px; }
.creator-floating-scroll::-webkit-scrollbar-thumb { background: #a3a3a3; border: 3px solid #f5f5f5; border-radius: 8px; }
.creator-floating-scroll::-webkit-scrollbar-thumb:hover { background: #777; }
.creator-floating-scroll:focus-visible { outline: 2px solid #737373; outline-offset: -2px; }
.creator-floating-scroll-space { height: 1px; }
.creator-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 1510px; font-size: 11px; color: #444444; }
.creator-table th { background: #f7f7f7; color: #525252; font-weight: 400; padding: 14px 15px; text-align: left; white-space: nowrap; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.creator-table td { height: 88px; padding: 14px 15px; background: #fff; border-bottom: 1px solid #eeeeee; white-space: nowrap; }
.creator-table tr:hover td { background: #fbfbfb; }
.creator-table th:first-child,.creator-table td:first-child { position: sticky; left: 0; z-index: 1; width: 255px; }
.creator-table th:last-child,.creator-table td:last-child { position: sticky; right: 0; z-index: 1; box-shadow: -7px 0 12px -10px #7c7c7c; width: 102px; }
.creator-identity { display: flex; align-items: center; gap: 11px; }
.creator-avatar { display: grid; place-items: center; background: #e9e9e9; color: #525252; width: 39px; height: 39px; border-radius: 50%; flex: none; font-size: 16px; font-weight: 600; }
.creator-avatar.tone-1 { background: #f1f1f1; color: #737373; }.creator-avatar.tone-2 { background: #ededed; color: #737373; }.creator-avatar.tone-3 { background: #ececec; color: #525252; }.creator-avatar.tone-4 { background: #eeeeee; color: #737373; }
.creator-avatar.is-large { width: 58px; height: 58px; font-size: 23px; }
.creator-name { font-size: 12px; font-weight: 600; padding: 0; color: #333333; text-align: left; }
.creator-name:hover { color: #525252; }
.creator-identity p { font-size: 10px; margin-top: 5px; color: #737373; }
.creator-data-state { display: inline-block; margin-top: 6px; padding: 1px 5px; font-size: 9px; background: #f4f4f4; color: #525252; border-radius: 3px; }
.creator-data-state.partial { background: #f2f2f2; color: #737373; }.creator-data-state.restricted { background: #efefef; color: #525252; }
.metric-unavailable { color: #737373; font-size: 10px; }
.creator-request-state { color: #525252; background: #f7f7f7; font-size: 10px; border-radius: 4px; padding: 4px 6px; }
.creator-detail-link { color: #525252; display: flex; gap: 4px; align-items: center; font-size: 11px; padding: 0; }
.creator-detail-link svg { width: 12px; height: 12px; }
.creator-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 23px; color: #737373; font-size: 11px; }
.creator-pagination>div { display: flex; gap: 12px; align-items: center; }
.creator-pagination button { padding: 6px 10px; border: 1px solid #e4e4e4; border-radius: 5px; color: #525252; font-size: 10px; }
.creator-pagination button:disabled,.creator-list-heading button:disabled { opacity: .4; cursor: not-allowed; }
.creator-count-note { font-size: 10px; line-height: 1.9; color: #737373; padding: 0 23px 19px; }
.creator-empty { padding: 60px 25px; text-align: center; color: #737373; }
.creator-empty>svg { width: 35px; height: 35px; }.creator-empty h4 { font-size: 15px; margin: 15px 0 10px; color: #525252; }.creator-empty p { font-size: 12px; line-height: 1.8; }
.creator-detail-dialog { width: 1320px; padding: 0; border-radius: 20px; background: #f9f9f9; max-width: calc(100vw - 44px); max-height: calc(100dvh - 44px); }
.creator-detail-top { position: sticky; top: 0; z-index: 4; background: #fff; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid #eaeaea; padding: 19px 26px; }
.creator-detail-top .dialog-eyebrow { font-size: 10px; margin: 0 0 5px; }.creator-detail-top h2 { font-size: 20px; }.creator-detail-top>.preview-badge { margin-left: auto; font-size: 10px; }
.creator-detail-layout { display: grid; grid-template-columns: 265px minmax(0,1fr); gap: 20px; padding: 23px; }
.creator-detail-profile { padding: 21px 19px; background: #fff; border: 1px solid #e9e9e9; border-radius: 12px; align-self: start; }
.creator-profile-name { display: flex; gap: 12px; align-items: center; }.creator-profile-name h3 { font-size: 14px; line-height: 1.6; }.creator-profile-name p { font-size: 10px; color: #737373; line-height: 1.8; margin-top: 5px; }
.creator-profile-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 17px 0 23px; }.creator-profile-tags span,.creator-overview-extra>div span { font-size: 10px; padding: 5px 7px; color: #525252; border-radius: 4px; background: #f2f2f2; }
.creator-profile-facts { margin: 0; }.creator-profile-facts>div { display: flex; justify-content: space-between; gap: 9px; font-size: 11px; margin: 16px 0; }.creator-profile-facts dt { color: #737373; white-space: nowrap; }.creator-profile-facts dd { color: #525252; margin: 0; text-align: right; overflow-wrap: anywhere; }
.creator-profile-submission { padding: 14px; background: #f8f8f8; border: 1px solid #ededed; border-radius: 7px; margin: 23px 0; }.creator-profile-submission span { color: #737373; font-size: 11px; }.creator-profile-submission p { color: #737373; font-size: 10px; margin-top: 6px; }
.creator-provenance strong { font-weight: 400; font-size: 11px; color: #525252; }.creator-provenance p { font-size: 10px; color: #737373; margin-top: 8px; }
.creator-detail-main { min-width: 0; }.creator-detail-tabs { display: flex; gap: 20px; overflow-x: auto; border-bottom: 1px solid #e3e3e3; }.creator-detail-tabs button { white-space: nowrap; padding: 5px 0 15px; color: #525252; font-size: 12px; border-bottom: 2px solid transparent; }.creator-detail-tabs button[aria-selected="true"] { border-color: #888888; color: #444444; font-weight: 600; }
.creator-detail-period { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 15px 0; color: #525252; font-size: 10px; }.creator-detail-period>span { color: #737373; }
.creator-overview-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.creator-overview-metrics>div { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 20px; }.creator-overview-metrics span { color: #525252; font-size: 11px; }.creator-overview-metrics strong { display: block; color: #444444; font-size: 25px; margin-top: 12px; font-weight: 600; }.creator-overview-metrics small { font-size: 11px; font-weight: 400; color: #737373; margin-left: 6px; }
.creator-channel-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 14px; gap: 12px; }.creator-channel-grid>div { padding: 15px 12px; background: #f0f0f0; border-radius: 8px; }.creator-channel-grid span { display: block; font-size: 10px; color: #737373; }.creator-channel-grid strong { display: block; font-size: 12px; color: #525252; margin-top: 8px; }
.creator-overview-extra { padding: 22px 0; }.creator-overview-extra h4 { font-size: 13px; color: #525252; margin: 0 0 10px; }.creator-overview-extra p { font-size: 11px; line-height: 1.9; color: #737373; }.creator-overview-extra>div { display: flex; gap: 8px; margin-top: 13px; }
.creator-analysis-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.creator-analysis-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 21px; }.creator-analysis-card h4 { margin: 0 0 25px; font-weight: 400; font-size: 13px; color: #525252; }.creator-bars { display: flex; flex-direction: column; gap: 23px; }.creator-bar-row { display: grid; grid-template-columns: 86px 1fr 35px; align-items: center; gap: 10px; font-size: 10px; color: #737373; }.creator-bar-row>span:first-child { line-height: 1.5; }.creator-bar-row b { font-weight: 400; text-align: right; }.creator-bar-track { height: 7px; background: #efefef; border-radius: 8px; overflow: hidden; }.creator-bar-track i { display: block; height: 100%; border-radius: 8px; background: #929292; }.creator-bar-track .bar-tone-1 { background: #adadad; }.creator-bar-track .bar-tone-2 { background: #c7c7c7; }.creator-bar-track .bar-tone-3 { background: #d9d9d9; }
.creator-panel-note { font-size: 10px; color: #737373; line-height: 1.9; margin-top: 18px; }.creator-portrait-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-bottom: 18px; }.creator-portrait-highlights>div { background: #f0f0f0; padding: 14px; border-radius: 8px; }.creator-portrait-highlights span { display: block; color: #737373; font-size: 10px; }.creator-portrait-highlights strong { display: block; color: #525252; font-weight: 400; font-size: 13px; margin-top: 10px; }.overview-fans h4 { margin-bottom: 16px; }.overview-fans .creator-portrait-highlights { margin: 0; }
.creator-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.creator-content-card { display: flex; gap: 15px; background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 18px; }.creator-content-cover { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: linear-gradient(140deg,#e8e8e8,#f5f5f5); width: 79px; min-height: 118px; color: #737373; flex: none; }.creator-content-cover svg { width: 25px; height: 25px; }.creator-content-cover span { font-size: 9px; }.creator-content-card h4 { margin: 0; color: #525252; font-size: 12px; font-weight: 400; line-height: 1.7; }.creator-content-card p { font-size: 9px; color: #737373; margin-top: 10px; }.creator-content-card dl { display: flex; gap: 15px; font-size: 10px; color: #525252; margin-top: 15px; }.creator-content-card dd { margin: 6px 0 0; color: #525252; }
.creator-data-unavailable { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 250px; background: #fff; border: 1px dashed #dedede; border-radius: 11px; padding: 26px; text-align: center; }.creator-data-unavailable svg { width: 30px; height: 30px; color: #737373; }.creator-data-unavailable h4 { color: #525252; font-size: 14px; font-weight: 400; margin: 17px 0 10px; }.creator-data-unavailable p { color: #737373; font-size: 11px; line-height: 1.9; }
.creator-record-timeline { display: flex; gap: 18px; background: #fff; padding: 28px; border-radius: 10px; border: 1px solid #e5e5e5; }.timeline-dot { width: 11px; height: 11px; border-radius: 50%; background: #aaaaaa; margin-top: 5px; flex: none; box-shadow: 0 0 0 5px #ededed; }.creator-record-timeline h4 { margin: 0 0 13px; color: #525252; font-size: 14px; font-weight: 400; }.creator-record-timeline p { margin-top: 9px; font-size: 11px; line-height: 1.8; color: #737373; }.creator-record-timeline strong { display: inline-block; font-size: 11px; color: #737373; background: #f6f6f6; padding: 5px 8px; margin-top: 22px; font-weight: 400; }
@media(max-width:1200px) { .creator-detail-layout { grid-template-columns: 230px minmax(0,1fr); gap: 16px; padding: 18px; }.creator-analysis-grid,.creator-history-grid { grid-template-columns: 1fr; }.creator-channel-grid { grid-template-columns: 1fr 1fr; }.creator-stat { padding: 19px 16px; }.creator-stat>span { font-size: 11px; }.creator-stat p { font-size: 9px; } }
@media(max-width:800px) { .creator-stats { grid-template-columns: 1fr 1fr; gap: 12px; }.creator-detail-layout { grid-template-columns: 1fr; }.creator-detail-profile { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.creator-profile-tags { grid-column: 1; margin: 0; align-content: start; }.creator-profile-facts { grid-column: 2; grid-row: 1/4; }.creator-profile-facts>div { margin: 5px 0 14px; }.creator-profile-submission { margin: 0; grid-column: 1; }.creator-provenance { grid-column: 1/-1; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; }.creator-provenance p { margin: 0; }.creator-analysis-grid { grid-template-columns: 1fr 1fr; }.creator-filters select { flex: 1; }.creator-search { max-width: none; } }
@media(max-width:700px) { .authorization-workspace { margin-top: 25px; }.entitlement-summary { margin-bottom: 20px; }.business-workspace-tabs { margin: 20px 0; }.creator-demo-notice { align-items: flex-start; font-size: 10px; }.creator-stat>strong { font-size: 29px; }.creator-list-heading { padding: 19px 15px; align-items: flex-start; }.creator-list-heading h3 { font-size: 16px; }.creator-list-heading p { font-size: 10px; line-height: 1.8; max-width: 160px; }.creator-list-heading .outline-button { font-size: 10px; padding: 0 9px; min-height: 34px; }.creator-list-heading .outline-button svg { display: none; }.creator-filters { padding: 0 15px 17px; }.creator-search { flex-basis: 100%; }.creator-filters select { flex: 1 1 40%; min-width: 0; font-size: 10px; }.creator-type-tabs { padding: 0 15px; gap: 2px; }.creator-type-tabs button { padding: 8px 11px; font-size: 10px; }.creator-table-caption { padding: 13px 15px; font-size: 9px; }.creator-table th:first-child,.creator-table td:first-child { position: static; }.creator-table td { height: 83px; }.creator-pagination { padding: 15px; flex-direction: column; font-size: 10px; }.creator-count-note { padding: 0 15px 16px; font-size: 9px; }.creator-detail-dialog { max-width: calc(100vw - 16px); max-height: calc(100dvh - 20px); border-radius: 15px; }.creator-detail-top { padding: 15px; gap: 7px; }.creator-detail-top h2 { font-size: 16px; }.creator-detail-top>.preview-badge { font-size: 8px; }.creator-detail-top>.icon-button { width: 28px; height: 28px; }.creator-detail-layout { padding: 12px; gap: 18px; }.creator-detail-profile { display: block; padding: 18px; }.creator-profile-tags { margin: 14px 0; }.creator-profile-facts { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; }.creator-profile-facts>div { flex-direction: column; gap: 6px; font-size: 10px; }.creator-profile-facts dd { text-align: left; }.creator-profile-submission { margin: 10px 0 15px; padding: 12px; }.creator-provenance { font-size: 9px; gap: 8px; }.creator-provenance strong,.creator-provenance p { font-size: 9px; }.creator-detail-tabs { gap: 17px; }.creator-detail-tabs button { font-size: 11px; }.creator-detail-period { font-size: 9px; line-height: 1.8; }.creator-overview-metrics { gap: 9px; }.creator-overview-metrics>div { padding: 16px 13px; }.creator-overview-metrics strong { font-size: 19px; }.creator-overview-metrics span { font-size: 10px; }.creator-overview-metrics small { font-size: 9px; }.creator-channel-grid { gap: 9px; }.creator-channel-grid strong { font-size: 11px; }.creator-analysis-grid { grid-template-columns: 1fr; }.creator-portrait-highlights { gap: 7px; }.creator-portrait-highlights>div { padding: 12px 8px; }.creator-portrait-highlights strong { font-size: 11px; }.creator-portrait-highlights span { font-size: 9px; }.creator-analysis-card { padding: 17px; }.creator-bar-row { grid-template-columns: 80px 1fr 35px; }.creator-record-timeline { padding: 22px 16px; }.creator-content-card { padding: 14px; }.creator-overview-extra>div { flex-wrap: wrap; } }
@media(prefers-reduced-motion:no-preference) { #creators-panel { animation: appear .2s ease both; } }
/* Date-scoped history export; controls remain usable on small displays. */
.creator-export-dialog { width: 560px; max-width: calc(100vw - 28px); max-height: calc(100dvh - 32px); border: 1px solid #e7e7e7; border-radius: 20px; padding: 0; color: #222; background: #fff; box-shadow: 0 24px 80px #0002; overflow: auto; }
.creator-export-dialog::backdrop { background: #1116; backdrop-filter: blur(3px); }
.creator-export-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 30px 22px; border-bottom: 1px solid #eee; }
.creator-export-heading h2 { margin: 7px 0 9px; font-size: 24px; letter-spacing: -.6px; }
.creator-export-heading p { margin: 0; color: #777; font-size: 13px; line-height: 1.6; }
.creator-export-body { padding: 24px 30px 12px; }
.creator-export-label { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; }
.creator-export-label small { color: #888; font-size: 11px; font-weight: 400; }
.creator-export-periods { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 22px; }
.creator-export-periods button { border: 1px solid #e6e6e6; background: #fff; color: #555; border-radius: 9px; padding: 9px 12px; font: inherit; font-size: 12px; cursor: pointer; }
.creator-export-periods button[aria-pressed=true] { background: #222; border-color: #222; color: #fff; }
.creator-export-dates { display: grid; grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr); gap: 12px; align-items: end; }
.creator-export-dates label { color: #777; font-size: 12px; min-width: 0; }
.creator-export-dates input { display: block; width: 100%; box-sizing: border-box; min-width: 0; margin-top: 9px; padding: 12px 10px; font: inherit; font-size: 13px; color: #222; border: 1px solid #ddd; border-radius: 9px; background: #fff; }
.creator-export-dates>span { color: #aaa; padding-bottom: 13px; }
.creator-export-filter { display: flex; gap: 8px; align-items: center; margin: 22px 0; font-size: 12px; color: #555; }
.creator-export-filter input { accent-color: #222; width: 15px; height: 15px; }
.creator-export-note { padding: 16px; border-radius: 10px; background: #f7f7f7; }
.creator-export-note strong { font-size: 12px; font-weight: 500; }.creator-export-note p { margin: 7px 0 0; font-size: 11px; line-height: 1.8; color: #777; }
#creator-export-status { min-height: 40px; margin: 16px 0 0; font-size: 12px; line-height: 1.8; color: #666; overflow-wrap: anywhere; }
.creator-export-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 17px 30px 23px; }.creator-export-footer button { min-width: 98px; }
.creator-export-dialog button:disabled { opacity: .55; cursor: wait; }
.creator-export-dialog :focus-visible { outline: 2px solid #555; outline-offset: 3px; }
@media(max-width:500px) { .creator-export-heading { padding: 22px 20px 18px; }.creator-export-body { padding: 20px 20px 10px; }.creator-export-footer { padding: 14px 20px 20px; }.creator-export-dates { gap: 6px; grid-template-columns: minmax(0,1fr) 12px minmax(0,1fr); }.creator-export-periods button { padding: 8px 10px; } }