.tiktok-monitor-view { width: min(1420px, calc(100% - 150px)); margin: 0 auto; padding: 32px 0 80px; color: #172234; }
body.tiktok-monitor-open .announcement-bar, body.tiktok-monitor-open .topbar { display: none; }
body.tiktok-monitor-open .app-sidebar { inset: 0 auto 0 0; }
.tiktok-monitor-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 18px 4px 26px; }
.tiktok-monitor-hero span, .tiktok-run-panel header span, .tiktok-modal header span { display: block; color: #2b7fff; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.tiktok-monitor-hero h1 { margin: 8px 0 7px; font-size: clamp(28px, 3vw, 44px); letter-spacing: -.045em; }
.tiktok-monitor-hero p { margin: 0; color: #748197; font-size: 14px; }
.tiktok-monitor-actions { display: flex; gap: 10px; }
.tiktok-monitor-actions a, .tiktok-monitor-actions button { min-height: 42px; padding: 0 18px; border: 1px solid #dbe5f3; border-radius: 12px; color: #29415f; background: #fff; font-weight: 700; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; }
.tiktok-monitor-actions button { color: #fff; border-color: #2376f3; background: #2376f3; box-shadow: 0 8px 20px rgba(35,118,243,.2); }
.tiktok-source-notice { margin: 0 0 18px; padding: 12px 16px; border: 1px solid #d9e9ff; border-radius: 12px; color: #4c6689; background: #f3f8ff; font-size: 12px; }
.tiktok-workspace-tabs { display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:10px;margin:0 0 18px; }
.tiktok-workspace-tabs button { min-height:64px;padding:10px 14px;border:1px solid #dfe7f1;border-radius:15px;display:flex;align-items:center;gap:11px;color:#66788f;background:#fff;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.tiktok-workspace-tabs button:hover { transform:translateY(-1px);border-color:#a9c8ef; }
.tiktok-workspace-tabs button.active { color:#17385f;border-color:#96c2f7;background:linear-gradient(110deg,#f1f8ff,#fff 62%);box-shadow:0 8px 22px rgba(29,103,217,.09); }
.tiktok-workspace-tabs i { flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#2775df;background:#edf5ff;font-style:normal;font-size:12px;font-weight:800; }
.tiktok-workspace-tabs button[data-tiktok-branch="creators"] i { color:#087d84;background:linear-gradient(145deg,#e1fbfa 0 48%,#ffe9ed 49%); }
.tiktok-workspace-tabs span,.tiktok-workspace-tabs strong,.tiktok-workspace-tabs small { display:block; }
.tiktok-workspace-tabs strong { font-size:13px; }
.tiktok-workspace-tabs small { margin-top:4px;color:#8a98a9;font-size:10px;font-weight:500; }
.tiktok-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tiktok-summary article { padding: 20px; border: 1px solid #e5ebf3; border-radius: 16px; background: #fff; box-shadow: 0 7px 24px rgba(25,50,82,.045); }
.tiktok-summary span, .tiktok-summary small { display: block; color: #8190a4; font-size: 11px; }
.tiktok-summary strong { display: block; margin: 12px 0 5px; font-size: 27px; letter-spacing: -.04em; }
.tiktok-data-panel, .tiktok-run-panel { margin-top: 18px; border: 1px solid #e4eaf2; border-radius: 18px; background: #fff; box-shadow: 0 8px 30px rgba(25,50,82,.045); overflow: hidden; }
.tiktok-discovery-panel { border-color: #dce9fb; }
.tiktok-change-panel { border-color: #d7e7ff; }
.tiktok-change-record { box-shadow: inset 3px 0 0 #4b91f7; }
.tiktok-change-record .metric-up, .tiktok-change-record .tiktok-record-time b { color: #1672df; background: #edf6ff; }
.tiktok-change-record .tiktok-record-time b { display: inline-block; padding: 4px 7px; border-radius: 7px; font-size: 11px; }
.tiktok-discovery-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; border-bottom: 1px solid #eaf0f7; background: linear-gradient(100deg, #f7fbff 0%, #fff 55%); }
.tiktok-discovery-head > div:first-child > span { display: block; color: #2b7fff; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.tiktok-discovery-head h2 { margin: 5px 0 3px; color: #263a54; font-size: 17px; }
.tiktok-discovery-head p { margin: 0; color: #8290a3; font-size: 11px; }
.tiktok-discovery-head > div:last-child { display: flex; align-items: center; gap: 10px; }
.tiktok-discovery-head > div:last-child strong { color: #2d5f9e; font-size: 12px; }
.tiktok-discovery-head button { min-height: 34px; padding: 0 12px; border: 1px solid #d8e4f2; border-radius: 9px; color: #426182; background: #fff; cursor: pointer; }
.tiktok-discovery-record { box-shadow: inset 3px 0 0 #d8e9ff; }
.tiktok-product-thumb { position:relative;flex:0 0 auto;width:48px;height:48px;padding:0;overflow:hidden;border:1px solid #dce8f6;border-radius:11px;background:#edf5ff;cursor:zoom-in; }
.tiktok-product-thumb img { width:100%;height:100%;display:block;object-fit:cover; }
.tiktok-product-thumb i { position:absolute;inset:0;display:none;place-items:center;color:#1d67d9;font-style:normal;font-weight:800; }
.tiktok-product-thumb.image-error img { display:none; }
.tiktok-product-thumb.image-error i { display:grid; }
.tiktok-discovery-pager { display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #eaf0f7;background:#fbfdff;color:#73839a;font-size:11px; }
.tiktok-discovery-pager label { display:flex;align-items:center;gap:7px;margin-right:5px; }
.tiktok-discovery-pager select,.tiktok-discovery-pager button { min-height:32px;padding:0 10px;border:1px solid #dbe5f1;border-radius:8px;color:#46617e;background:#fff;font-size:11px; }
.tiktok-discovery-pager button { cursor:pointer; }
.tiktok-discovery-pager button:disabled { opacity:.45;cursor:default; }
.tiktok-discovery-pager span { min-width:78px;text-align:center;font-weight:700; }
.tiktok-record-actions button:disabled { color: #7f8fa3; border-color: #e4e9ef; background: #f3f6f9; box-shadow: none; cursor: default; }
.tiktok-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; border-bottom: 1px solid #ecf0f5; }
.tiktok-kind-tabs { display: flex; gap: 5px; padding: 4px; border-radius: 11px; background: #f3f6fa; }
.tiktok-kind-tabs button { padding: 8px 14px; border: 0; border-radius: 8px; color: #718096; background: transparent; cursor: pointer; }
.tiktok-kind-tabs button.active { color: #1e64d5; background: #fff; box-shadow: 0 2px 8px rgba(33,76,130,.08); font-weight: 700; }
.tiktok-filters { display: flex; gap: 8px; }
.tiktok-filters label { display: flex; align-items: center; gap: 7px; min-width: 240px; padding: 0 12px; border: 1px solid #dde5ef; border-radius: 10px; }
.tiktok-filters input, .tiktok-filters select, .tiktok-filters label { min-height: 38px; }
.tiktok-filters input { width: 100%; border: 0; outline: 0; }
.tiktok-filters select { padding: 0 10px; border: 1px solid #dde5ef; border-radius: 10px; color: #53647b; background: #fff; }
.tiktok-table-head, .tiktok-record { display: grid; grid-template-columns: minmax(260px, 1.5fr) minmax(320px, 1.7fr) 150px 235px; gap: 16px; align-items: center; }
.tiktok-table-head { padding: 11px 20px; color: #8996a8; background: #f8fafc; font-size: 10px; font-weight: 700; }
.tiktok-record { padding: 17px 20px; border-top: 1px solid #eef2f6; }
.tiktok-record:first-child { border-top: 0; }
.tiktok-record:hover { background: #fbfdff; }
.tiktok-object { min-width: 0; display: flex; align-items: center; gap: 12px; }
.tiktok-kind-icon { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #1d67d9; background: #edf5ff; font-size: 16px; font-style: normal; font-weight: 800; }
.tiktok-object div { min-width: 0; }
.tiktok-object strong, .tiktok-object small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-object strong { font-size: 13px; }
.tiktok-object small { margin-top: 5px; color: #8996a8; font-size: 10px; }
.tiktok-hot { color: #e38b18; margin-left: 5px; }
.tiktok-metrics { display: flex; flex-wrap: wrap; gap: 7px; }
.tiktok-metrics span { padding: 6px 8px; border-radius: 7px; color: #4b607a; background: #f2f6fa; font-size: 10px; }
.tiktok-record-time { color: #7e8da0; font-size: 11px; }
.tiktok-record-actions { display: flex; justify-content: flex-end; gap: 6px; }
.tiktok-record-actions button, .tiktok-record-actions a { min-height: 32px; padding: 0 10px; border: 1px solid #dfe7f0; border-radius: 8px; color: #46607f; background: #fff; font-size: 10px; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; }
.tiktok-record-actions .open { color: #fff; border-color: #2c78ec; background: #2c78ec; }
.tiktok-empty { padding: 70px 20px; text-align: center; color: #8090a5; }
.tiktok-empty i, .tiktok-empty strong, .tiktok-empty p { display: block; }
.tiktok-empty i { width: 48px; height: 48px; margin: 0 auto 14px; border-radius: 15px; color: #2879ee; background: #eef5ff; display: grid; place-items: center; font-size: 20px; font-style: normal; }
.tiktok-empty strong { color: #344861; }
.tiktok-empty p { margin: 7px 0 0; font-size: 11px; }
.tiktok-run-panel { padding: 20px; }
.tiktok-run-panel header { display: flex; justify-content: space-between; gap: 20px; align-items: end; }
.tiktok-run-panel h2 { margin: 6px 0 0; font-size: 17px; }
.tiktok-run-panel header small { color: #8a97a9; }
#tiktokRunList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 15px; }
.tiktok-run { padding: 12px; border: 1px solid #e8edf3; border-radius: 11px; font-size: 10px; color: #738399; }
.tiktok-run strong { display: block; margin-bottom: 5px; color: #3c5069; }
.tiktok-modal-backdrop { position: fixed; z-index: 120; inset: 0; padding: 24px; display: grid; place-items: center; background: rgba(28,43,62,.34); backdrop-filter: blur(7px); }
.tiktok-modal { width: min(560px, 100%); max-height: calc(100vh - 48px); overflow: auto; border: 1px solid rgba(255,255,255,.7); border-radius: 20px; background: #fff; box-shadow: 0 28px 80px rgba(20,40,70,.22); }
.tiktok-modal > header { display: flex; justify-content: space-between; align-items: flex-start; padding: 22px 24px 16px; border-bottom: 1px solid #edf1f5; }
.tiktok-modal h2 { margin: 6px 0 0; font-size: 20px; }
.tiktok-modal header button { width: 34px; height: 34px; border: 0; border-radius: 10px; background: #f1f5f9; cursor: pointer; }
.tiktok-modal form { padding: 20px 24px 24px; }
.tiktok-modal label { display: block; margin-bottom: 15px; }
.tiktok-modal label > span { display: block; margin-bottom: 7px; color: #5d6e83; font-size: 11px; font-weight: 700; }
.tiktok-modal input, .tiktok-modal select, .tiktok-modal textarea { box-sizing: border-box; width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid #dce5ef; border-radius: 10px; outline: none; background: #fff; }
.tiktok-monitor-view input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.tiktok-monitor-view select,
.tiktok-monitor-view textarea,
.tiktok-modal input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.tiktok-modal select,
.tiktok-modal textarea {
  color: #30475e;
  -webkit-text-fill-color: #30475e;
  caret-color: #078b91;
}
.tiktok-monitor-view select option,
.tiktok-modal select option { color: #30475e; background: #fff; }
.tiktok-monitor-view input::placeholder,
.tiktok-monitor-view textarea::placeholder,
.tiktok-modal input::placeholder,
.tiktok-modal textarea::placeholder {
  color: #8b9aab;
  -webkit-text-fill-color: #8b9aab;
  opacity: 1;
}
.tiktok-modal input:focus, .tiktok-modal select:focus, .tiktok-modal textarea:focus { border-color: #3d83ea; box-shadow: 0 0 0 3px rgba(61,131,234,.12); }
.tiktok-form-row { display: grid; grid-template-columns: 1fr 1.5fr; gap: 10px; }
.tiktok-modal footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.tiktok-modal footer button { min-height: 40px; padding: 0 16px; border: 1px solid #dfe6ef; border-radius: 10px; background: #fff; cursor: pointer; }
.tiktok-modal footer .primary { color: #fff; border-color: #2677ef; background: #2677ef; }
.tiktok-form-error { padding: 10px 12px; border-radius: 9px; color: #ae3a3a; background: #fff1f1; font-size: 11px; }
.tiktok-history-modal { width: min(760px, 100%); }
.tiktok-image-modal { width:min(760px,100%);overflow:hidden; }
.tiktok-image-stage { min-height:320px;max-height:calc(100vh - 170px);padding:20px;display:grid;place-items:center;background:#f3f6fa; }
.tiktok-image-stage img { display:block;max-width:100%;max-height:calc(100vh - 210px);object-fit:contain;border-radius:12px;box-shadow:0 12px 36px rgba(25,50,82,.13); }
.tiktok-history-list { padding: 18px 24px 24px; }
.tiktok-history-row { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf1f5; }
.tiktok-history-row time { color: #8290a3; font-size: 11px; }
.tiktok-history-row div { display: flex; flex-wrap: wrap; gap: 7px; }
.tiktok-history-row span { padding: 6px 9px; border-radius: 7px; background: #f1f6fb; color: #4d6480; font-size: 10px; }
.tiktok-creator-branch { --signal-cyan:#12b8ba;--signal-red:#f45b72;--signal-ink:#18334e;margin-top:2px; }
.tiktok-manual-collection { margin:14px 0 12px;padding:15px 18px;border:1px solid #cfe8ea;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#f0fbfb,#fff 62%,#fff8f3);box-shadow:0 8px 24px rgba(34,93,104,.06); }
.tiktok-manual-collection span { color:#07878d;font-size:8px;font-weight:900;letter-spacing:.15em; }
.tiktok-manual-collection h2 { margin:5px 0 3px;color:#24465d;font-size:15px; }
.tiktok-manual-collection p { margin:0;color:#718798;font-size:10px; }
.tiktok-product-collection-actions { display:flex;gap:8px; }
.tiktok-manual-collection button { min-width:104px;min-height:38px;padding:0 16px;border:1px solid #078b91;border-radius:10px;color:#fff;background:#078b91;box-shadow:0 7px 16px rgba(7,139,145,.16);cursor:pointer;font-size:11px;font-weight:800; }
.tiktok-manual-collection button.secondary { min-width:132px;border-color:#cbdfe5;color:#315b70;background:#fff;box-shadow:none; }
.tiktok-manual-collection button:disabled { opacity:.55;cursor:wait; }
.tiktok-product-auto-switch { min-height:58px;padding:0 14px;border:1px solid #d8e8ec;border-radius:12px;display:flex!important;align-items:center;gap:12px;background:#f5fbfb;cursor:pointer; }
.tiktok-product-auto-switch input { width:18px;min-height:18px;margin:0;accent-color:#078b91; }
.tiktok-product-auto-switch span,.tiktok-product-auto-switch b,.tiktok-product-auto-switch small { display:block; }
.tiktok-product-auto-switch span { margin:0!important; }.tiktok-product-auto-switch b { color:#31576a;font-size:11px; }.tiktok-product-auto-switch small { margin-top:4px;color:#8295a2;font-size:9px;font-weight:500; }
.tiktok-product-auto-fields { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.tiktok-product-auto-fields select,.tiktok-product-auto-fields option { color:#31576a; }
.commerce-mode-tabs { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border:1px solid #dfe9ef;border-bottom:0;border-radius:18px 18px 0 0;background:#f8fbfc; }
.commerce-mode-tabs button { min-width:0;min-height:48px;padding:8px 10px;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:9px;color:#657c8f;background:transparent;cursor:pointer;text-align:left; }
.commerce-mode-tabs button>span { flex:0 0 auto;min-width:28px;height:28px;padding:0 5px;border-radius:9px;display:grid;place-items:center;color:#087f86;background:#e6f8f7;font-size:9px;font-weight:900; }
.commerce-mode-tabs button>strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.commerce-mode-tabs button.active { border-color:#aadfdc;color:#174c5d;background:#fff;box-shadow:0 5px 15px rgba(31,83,95,.08); }
.creator-monitor-head { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #dfe9ef;border-radius:0;background:linear-gradient(118deg,#f3ffff 0%,#fff 45%,#fff7f8 100%); }
.creator-monitor-head>div:first-child>span,.creator-roster-panel header span { color:#07878d;font-size:9px;font-weight:850;letter-spacing:.16em; }
.creator-monitor-head h2 { margin:7px 0 5px;color:var(--signal-ink);font-size:24px;letter-spacing:-.035em; }
.creator-monitor-head p { margin:0;color:#728397;font-size:12px; }
.creator-monitor-actions { display:flex;gap:8px; }
.creator-monitor-actions button,.creator-empty button { min-height:38px;padding:0 14px;border:1px solid #cfdde8;border-radius:10px;color:#49647e;background:#fff;font-size:11px;font-weight:750;cursor:pointer; }
.creator-monitor-actions .primary,.creator-empty button { color:#fff;border-color:#087f87;background:#087f87;box-shadow:0 7px 18px rgba(8,127,135,.18); }
.creator-signal-strip { min-height:74px;padding:0 22px;border:1px solid #dfe9ef;border-top:0;display:grid;grid-template-columns:140px 150px 180px 1fr;align-items:center;background:#fff; }
.creator-signal-strip article { padding:10px 20px;border-right:1px solid #edf1f4; }
.creator-signal-strip article:first-child { padding-left:0; }
.creator-signal-strip small,.creator-signal-strip strong { display:block; }
.creator-signal-strip small { color:#8a99a9;font-size:9px; }
.creator-signal-strip strong { margin-top:6px;color:var(--signal-ink);font-size:18px;letter-spacing:-.03em; }
.creator-signal-strip p { margin:0 0 0 auto;display:flex;align-items:center;gap:8px;color:#73879a;font-size:10px; }
.creator-signal-strip p i { width:7px;height:7px;border-radius:50%;background:var(--signal-cyan);box-shadow:0 0 0 5px rgba(18,184,186,.1); }
.creator-monitor-layout { min-height:580px;border:1px solid #dfe9ef;border-top:0;border-radius:0 0 18px 18px;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(27,57,83,.055); }
.creator-roster-panel { min-width:0;border-right:1px solid #e8eef2;background:#fbfdfe; }
.creator-roster-panel>header { height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef2; }
.creator-roster-panel h3 { margin:4px 0 0;color:#29435d;font-size:14px; }
.creator-roster-panel>header>strong { color:#7b8da0;font-size:10px; }
.creator-search { margin:13px;min-height:38px;padding:0 11px;border:1px solid #dce6ed;border-radius:10px;display:flex;align-items:center;gap:7px;color:#8192a3;background:#fff; }
.creator-search input { width:100%;border:0;outline:0;color:#2e465e;background:transparent;font-size:11px; }
.creator-roster { max-height:485px;overflow:auto; }
.creator-roster-item,.commerce-source-item { display:grid;grid-template-columns:minmax(0,1fr) 48px;border-top:1px solid #edf1f3;background:transparent; }
.creator-roster-item:hover,.commerce-source-item:hover { background:#f3f9fa; }
.creator-roster-item.active,.commerce-source-item.active { background:linear-gradient(90deg,rgba(18,184,186,.1),rgba(18,184,186,.02));box-shadow:inset 3px 0 0 var(--signal-cyan); }
.creator-roster-card { width:100%;padding:13px 10px 13px 15px;border:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;color:#324b63;background:transparent;cursor:pointer;text-align:left; }
.creator-avatar { width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#0c7379;background:#dff7f6;font-size:14px;font-weight:850; }
.creator-avatar img { width:100%;height:100%;object-fit:cover; }
.creator-roster-copy { min-width:0; }
.creator-roster-copy strong,.creator-roster-copy small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.creator-roster-copy strong { font-size:12px; }
.creator-roster-copy small { margin-top:5px;color:#8493a3;font-size:9px; }
.creator-roster-card>span { color:#087f87;font-size:10px;font-weight:800; }
.monitor-delete-button { min-width:48px;padding:0 6px;border:0;border-left:1px solid rgba(218,229,234,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8b9aa5;background:transparent;cursor:pointer; }
.monitor-delete-button>span { font:500 19px/1 system-ui,sans-serif; }
.monitor-delete-button>b { font-size:8px;font-weight:750; }
.monitor-delete-button:hover,.monitor-delete-button:focus-visible { color:#c23f55;background:#fff0f2; }
.creator-empty { padding:70px 22px;text-align:center;color:#8192a4; }
.creator-empty>i { width:46px;height:46px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;color:#087f87;background:#e4f9f8;font-style:normal;font-weight:850; }
.creator-empty strong,.creator-empty p { display:block; }
.creator-empty strong { color:#365069;font-size:13px; }
.creator-empty p { max-width:300px;margin:7px auto 15px;font-size:10px;line-height:1.65; }
.creator-work-panel { min-width:0; }
.creator-profile-head { min-height:86px;padding:14px 20px;border-bottom:1px solid #e8eef2;display:flex;align-items:center; }
.creator-profile-placeholder,.creator-profile-card { width:100%;display:flex;align-items:center;gap:12px; }
.creator-profile-placeholder>i { width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#e64f68;background:#fff0f2;font-style:normal; }
.creator-profile-placeholder strong,.creator-profile-placeholder small { display:block; }
.creator-profile-placeholder strong { color:#3a5067;font-size:13px; }
.creator-profile-placeholder small { margin-top:5px;color:#8a98a8;font-size:10px; }
.creator-profile-card .creator-avatar { width:54px;height:54px; }
.creator-profile-card>div:nth-child(2) { min-width:0; }
.creator-profile-card h3 { margin:0;color:#203b55;font-size:17px; }
.creator-profile-card h3 small { margin-left:7px;color:#8393a5;font-size:10px;font-weight:600; }
.creator-profile-card p { max-width:520px;margin:6px 0 0;overflow:hidden;color:#8291a1;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.creator-profile-metrics { margin-left:auto;display:flex;gap:8px; }
.creator-profile-metrics span { min-width:78px;padding:8px 10px;border-radius:10px;color:#728597;background:#f3f7f9;font-size:9px; }
.creator-profile-metrics b { display:block;margin-top:4px;color:#28445e;font-size:13px; }
.creator-window-bar { min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e8eef2;background:#fbfdfe; }
.creator-window-tabs { padding:4px;border-radius:10px;display:flex;gap:3px;background:#edf3f5; }
.creator-window-tabs button { min-height:30px;padding:0 12px;border:0;border-radius:7px;color:#718597;background:transparent;font-size:10px;cursor:pointer; }
.creator-window-tabs button.active { color:#087c82;background:#fff;box-shadow:0 2px 8px rgba(26,65,82,.09);font-weight:800; }
.creator-window-tools { display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#8997a6;font-size:9px;text-align:right; }
.creator-window-tools button { flex:0 0 auto;min-height:28px;padding:0 10px;border:1px solid #cfe0e7;border-radius:8px;color:#087c82;background:#fff;cursor:pointer;font-size:9px;font-weight:800; }
.creator-video-head,.creator-video-row { display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(230px,1.25fr) minmax(210px,1.1fr) 82px;gap:14px;align-items:center; }
.creator-video-head { padding:10px 18px;color:#8a99a9;background:#f7fafb;font-size:9px;font-weight:800; }
.creator-video-row { padding:14px 18px;border-top:1px solid #edf1f3; }
.creator-video-row:first-child { border-top:0; }
.creator-video-title { min-width:0;display:flex;align-items:center;gap:10px; }
.creator-video-cover { flex:0 0 auto;width:44px;height:56px;border-radius:9px;overflow:hidden;display:grid;place-items:center;color:#0a7d83;background:linear-gradient(145deg,#e1fbfa,#ffe9ed);font-size:10px;font-weight:800; }
.creator-video-cover img { width:100%;height:100%;object-fit:cover; }
.creator-video-title>div { min-width:0; }
.creator-video-title-button,.creator-video-title small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.creator-video-title-button { max-width:100%;padding:0;border:0;color:#314a62;background:transparent;cursor:help;font:800 11px/1.35 inherit;text-align:left; }
.creator-video-title small { margin-top:5px;color:#8b98a7;font-size:9px; }
.creator-viral-badge { display:inline-block;margin-top:5px;padding:3px 6px;border:1px solid #88d9d4;border-radius:999px;color:#087c82;background:#e7faf8;font-size:8px;font-style:normal;font-weight:850; }
.creator-video-metrics,.creator-video-trend { display:flex;flex-wrap:wrap;gap:5px; }
.creator-video-metrics span,.creator-video-trend span { padding:5px 7px;border-radius:6px;color:#526b80;background:#f1f5f7;font-size:9px; }
.creator-video-trend .up { color:#087d84;background:#e7f9f8;font-weight:750; }
.creator-video-trend .waiting { color:#8b97a5;background:#f5f6f7; }
.creator-video-row>a { min-height:30px;border:1px solid #d6e2e9;border-radius:8px;display:grid;place-items:center;color:#41627b;background:#fff;font-size:9px;text-decoration:none; }
.creator-add-modal textarea { box-sizing:border-box;width:100%;padding:12px;border:1px solid #dce5ef;border-radius:10px;resize:vertical;outline:none;color:#30475e;font:12px/1.6 inherit; }
.creator-add-modal textarea:focus { border-color:#0da0a6;box-shadow:0 0 0 3px rgba(13,160,166,.1); }
.creator-form-tip { margin:-4px 0 14px;color:#8695a5;font-size:10px; }
.creator-threshold-modal { width:min(620px,100%); }
.creator-threshold-intro { margin:0 0 16px;padding:12px 14px;border:1px solid #dcebed;border-radius:11px;color:#567080;background:#f2fbfa;font-size:11px;line-height:1.65; }
.creator-threshold-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.creator-threshold-grid label { margin:0; }
.creator-threshold-grid small { display:block;margin-top:5px;color:#90a0ad;font-size:9px; }
.creator-title-popover { position:fixed;z-index:1205;box-sizing:border-box;padding:13px 15px;border:1px solid #cfe0e7;border-radius:12px;color:#324b61;background:rgba(255,255,255,.98);box-shadow:0 14px 36px rgba(39,71,91,.18);pointer-events:none; }
.creator-title-popover>span { color:#0b8b91;font-size:8px;font-weight:900;letter-spacing:.14em; }
.creator-title-popover p { margin:7px 0 0;overflow-wrap:anywhere;font-size:12px;font-weight:720;line-height:1.65; }
.commerce-monitor-panel { min-width:0;border:1px solid #dfe9ef;border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:#fff; }
.commerce-monitor-head { padding:22px 24px;border-bottom:1px solid #dce8ec;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#f3fbff,#fff8f2); }
.commerce-monitor-head>div:first-child>span,.commerce-source-panel>header span,.commerce-video-panel>header span { color:#07858b;font-size:8px;font-weight:900;letter-spacing:.13em; }
.commerce-monitor-head h2 { margin:7px 0 4px;color:#183c56;font-size:21px; }
.commerce-monitor-head p { margin:0;color:#73899a;font-size:10px; }
.commerce-monitor-actions { display:flex;gap:8px; }
.commerce-monitor-actions button,.commerce-monitor-actions a { min-height:36px;padding:0 13px;border:1px solid #cedee6;border-radius:9px;display:grid;place-items:center;color:#315a70;background:#fff;cursor:pointer;font-size:10px;font-weight:780;text-decoration:none; }
.commerce-monitor-actions button.primary { border-color:#078b91;color:#fff;background:#078b91;box-shadow:0 7px 16px rgba(7,139,145,.18); }
.commerce-monitor-actions button:disabled { opacity:.55;cursor:wait; }
.commerce-status-strip { min-height:42px;padding:0 20px;border-bottom:1px solid #e6eef2;display:flex;align-items:center;gap:20px;color:#748a9b;background:#fff;font-size:9px; }
.commerce-status-strip span { display:flex;align-items:center;gap:6px; }
.commerce-status-strip span:last-child { margin-left:auto; }
.commerce-status-strip i { width:7px;height:7px;border-radius:50%;background:#13b8b5;box-shadow:0 0 0 5px rgba(19,184,181,.1); }
.commerce-monitor-layout { display:grid;grid-template-columns:270px minmax(0,1fr);min-height:480px; }
.commerce-source-panel { border-right:1px solid #e5edf1;background:#fbfdfe; }
.commerce-source-panel>header,.commerce-video-panel>header { min-height:62px;padding:0 17px;border-bottom:1px solid #e5edf1;display:flex;align-items:center;justify-content:space-between; }
.commerce-source-panel h3,.commerce-video-panel h3 { margin:4px 0 0;color:#29465e;font-size:13px; }
.commerce-source-panel>header>strong,.commerce-video-panel>header>strong { color:#718899;font-size:9px; }
.commerce-source-list { max-height:420px;overflow:auto; }
.commerce-source-item { border-top:0;border-bottom:1px solid #edf2f4; }
.commerce-source-item.single { grid-template-columns:1fr; }
.commerce-source-item.active { background:#eef9f8; }
.commerce-source-card { width:100%;padding:13px 10px 13px 15px;border:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;color:#345169;background:transparent;cursor:pointer;text-align:left; }
.commerce-source-card>i { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#087d82;background:#dff6f5;font-style:normal;font-size:10px;font-weight:900; }
.commerce-source-card strong,.commerce-source-card small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.commerce-source-card strong { font-size:11px; }.commerce-source-card small { margin-top:4px;color:#8999a6;font-size:8px; }
.commerce-video-panel { min-width:0;background:#fff; }
.commerce-video-row { padding:13px 17px;border-bottom:1px solid #edf2f4;display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(190px,1fr) minmax(160px,.9fr) 78px;align-items:center;gap:12px; }
.commerce-video-main { min-width:0;display:flex;align-items:center;gap:9px; }
.commerce-video-main>div { min-width:0; }.commerce-video-main .creator-video-cover { width:42px;height:52px; }
.commerce-video-title { width:100%;padding:0;border:0;overflow:hidden;color:#2c4860;background:transparent;cursor:help;font:800 10px/1.4 inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap; }
.commerce-video-main small { display:block;margin-top:4px;overflow:hidden;color:#8697a4;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.commerce-product-chip { min-width:0;padding:8px 9px;border:1px solid #e2eaee;border-radius:9px;background:#f8fbfc; }
.commerce-product-chip b,.commerce-product-chip small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.commerce-product-chip b { color:#49677b;font-size:9px; }.commerce-product-chip small { margin-top:4px;color:#0a8b8d;font-size:8px;font-weight:800; }
.commerce-video-metrics { display:flex;flex-wrap:wrap;gap:4px; }.commerce-video-metrics span { padding:5px 6px;border-radius:6px;color:#587083;background:#f0f5f7;font-size:8px; }
.commerce-video-row>a { min-height:30px;border:1px solid #cfe0e7;border-radius:8px;display:grid;place-items:center;color:#315e73;background:#fff;font-size:9px;text-decoration:none; }
.commerce-badge { display:inline-block;margin-top:4px;padding:2px 5px;border-radius:999px;color:#a64b13;background:#fff0e5;font-size:8px;font-style:normal;font-weight:850; }
.commerce-radar-badge { margin-left:4px;color:#087d82;background:#e4f8f6; }
.commerce-expand-button { width:calc(100% - 34px);min-height:36px;margin:12px 17px;border:1px solid #cfe0e7;border-radius:9px;color:#287187;background:#f7fbfc;cursor:pointer;font-size:10px;font-weight:800; }
.commerce-hour-grid { display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:14px 0 18px; }.commerce-hour-grid button { min-height:34px;border:1px solid #d9e5ea;border-radius:8px;color:#657d8e;background:#f8fbfc;cursor:pointer;font-size:10px; }.commerce-hour-grid button.active { border-color:#078d92;color:#fff;background:#078d92;box-shadow:0 5px 12px rgba(7,141,146,.18); }
.creator-monitor-actions button:disabled,.creator-empty button:disabled { opacity:.55;cursor:wait; }
.tiktok-workspace-tabs button:focus-visible,.creator-monitor-actions button:focus-visible,.creator-roster-card:focus-visible,.commerce-source-card:focus-visible,.monitor-delete-button:focus-visible,.creator-window-bar button:focus-visible,.creator-video-row>a:focus-visible { outline:3px solid rgba(13,160,166,.22);outline-offset:-3px; }
.tiktok-commerce-video-modal { width: min(980px, 100%); }
.tiktok-commerce-video-modal > header p { max-width: 720px; margin: 7px 0 0; overflow: hidden; color: #7d8da1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-commerce-video-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 20px; border-bottom: 1px solid #eaf0f6; background: #f8fbff; }
.tiktok-commerce-video-toolbar > span { color: #71849c; font-size: 11px; font-weight: 700; }
.tiktok-commerce-video-filters { display: flex; gap: 5px; padding: 4px; border-radius: 11px; background: #edf3fa; }
.tiktok-commerce-video-filters button { min-height: 30px; padding: 0 13px; border: 0; border-radius: 8px; color: #73849a; background: transparent; cursor: pointer; }
.tiktok-commerce-video-filters button.active { color: #1f65d4; background: #fff; box-shadow: 0 2px 8px rgba(35,75,125,.09); font-weight: 700; }
.tiktok-commerce-video-head, .tiktok-commerce-video-row { display: grid; grid-template-columns: minmax(220px, 1.25fr) minmax(300px, 1.7fr) 130px 90px; gap: 14px; align-items: center; }
.tiktok-commerce-video-head { padding: 10px 20px; color: #8b99aa; background: #fbfcfe; font-size: 10px; font-weight: 700; }
.tiktok-commerce-video-row { padding: 15px 20px; border-top: 1px solid #edf1f5; }
.tiktok-commerce-video-row > div:first-child { min-width: 0; }
.tiktok-commerce-video-row strong, .tiktok-commerce-video-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiktok-commerce-video-row strong { color: #314760; font-size: 12px; }
.tiktok-commerce-video-row small, .tiktok-commerce-video-row time { margin-top: 5px; color: #8695a8; font-size: 10px; }
.tiktok-commerce-video-row > a { min-height: 32px; border: 1px solid #2a78ed; border-radius: 8px; color: #fff; background: #2a78ed; font-size: 10px; text-decoration: none; display: grid; place-items: center; }
@media (max-width: 800px) { .tiktok-commerce-video-head { display: none; } .tiktok-commerce-video-row { grid-template-columns: 1fr; } .tiktok-commerce-video-toolbar { align-items: stretch; flex-direction: column; } .tiktok-commerce-video-row > a { width: 110px; } }
@media (max-width: 1100px) { .tiktok-summary { grid-template-columns: repeat(2, 1fr); } .tiktok-table-head { display: none; } .tiktok-record { grid-template-columns: 1fr 1fr; } .tiktok-record-actions { justify-content: flex-start; } }
@media (max-width: 1100px) { .creator-monitor-layout { grid-template-columns:280px minmax(0,1fr); }.creator-video-head { display:none; }.creator-video-row { grid-template-columns:1fr 1fr; }.creator-video-row>a { width:90px; }.creator-signal-strip { grid-template-columns:repeat(3,1fr);padding:12px 18px; }.creator-signal-strip p { grid-column:1/-1;margin:7px 0 2px; } }
@media (max-width: 720px) { .tiktok-monitor-view { width: calc(100% - 24px); margin: 0 auto; padding: 16px 0 90px; } .tiktok-monitor-hero, .tiktok-toolbar, .tiktok-discovery-head,.creator-monitor-head { align-items: stretch; flex-direction: column; } .tiktok-monitor-actions > * { flex: 1; justify-content: center; } .tiktok-manual-collection { align-items:stretch;flex-direction:column; }.tiktok-product-collection-actions { display:grid;grid-template-columns:1fr 1fr; }.tiktok-manual-collection button { width:100%;min-width:0!important;padding:0 8px; }.tiktok-product-auto-fields { grid-template-columns:1fr; }.tiktok-summary { grid-template-columns: 1fr 1fr; } .tiktok-filters { flex-wrap: wrap; } .tiktok-filters label { min-width: 100%; } .tiktok-record { grid-template-columns: 1fr; } #tiktokRunList { grid-template-columns: 1fr; } .tiktok-form-row { grid-template-columns: 1fr; } .tiktok-discovery-pager { justify-content:center;flex-wrap:wrap; }.tiktok-workspace-tabs { grid-template-columns:1fr 1fr; }.tiktok-workspace-tabs button { min-height:58px;padding:8px; }.tiktok-workspace-tabs i { display:none; }.creator-monitor-head { padding:20px; }.creator-monitor-actions button { flex:1; }.creator-signal-strip { grid-template-columns:repeat(3,1fr);padding:10px 12px; }.creator-signal-strip article { padding:8px;border-right:1px solid #edf1f4; }.creator-signal-strip article:last-of-type { border-right:0; }.creator-signal-strip strong { font-size:14px; }.creator-monitor-layout { grid-template-columns:1fr; }.creator-roster-panel { border-right:0;border-bottom:1px solid #e8eef2; }.creator-roster { max-height:260px; }.creator-empty { padding:45px 18px; }.creator-profile-head { padding:14px; }.creator-profile-card { align-items:flex-start;flex-wrap:wrap; }.creator-profile-metrics { width:100%;margin-left:0; }.creator-profile-metrics span { flex:1;min-width:0; }.creator-window-bar { align-items:stretch;flex-direction:column;padding:12px; }.creator-window-tabs { width:100%; }.creator-window-tabs button { flex:1;padding:0 6px; }.creator-window-tools { width:100%;justify-content:space-between;text-align:left; }.creator-window-tools button { flex:0 0 auto;padding:0 10px; }.creator-threshold-grid { grid-template-columns:1fr; }.creator-video-row { grid-template-columns:1fr;padding:13px; }.creator-video-row>a { width:92px; } }
@media (max-width: 1100px) { .commerce-video-row { grid-template-columns:1fr 1fr; }.commerce-video-row>a { width:90px; } }
@media (max-width: 720px) { .commerce-mode-tabs { grid-template-columns:1fr 1fr; }.commerce-mode-tabs button { min-height:42px; }.commerce-monitor-head { align-items:stretch;flex-direction:column;padding:18px; }.commerce-monitor-actions { flex-wrap:wrap; }.commerce-monitor-actions button,.commerce-monitor-actions a { flex:1; }.commerce-monitor-layout { grid-template-columns:1fr; }.commerce-source-panel { border-right:0;border-bottom:1px solid #e8eef2; }.commerce-source-list { max-height:260px; }.commerce-video-row { grid-template-columns:1fr;padding:13px; }.commerce-video-row>a { width:92px; }.commerce-status-strip { align-items:flex-start;flex-direction:column;gap:7px;padding:11px 15px; }.commerce-status-strip span:last-child { margin-left:0; }.commerce-hour-grid { grid-template-columns:repeat(4,1fr); } }
@media (prefers-reduced-motion: reduce) { .tiktok-workspace-tabs button { transition:none; } }