/* macOS 27-inspired web design system. Original SVG symbols; no Apple assets.
   Glass is reserved for navigation and controls. Data surfaces stay readable. */
:root {
  color-scheme: light;
  --mac-ink: #1c2433;
  --mac-secondary: #59677b;
  --mac-tertiary: #68788f;
  --mac-accent: #0069df;
  --mac-accent-fill: #0878f9;
  --mac-accent-soft: #e8f2ff;
  --mac-canvas: #e9edf6;
  --mac-glass: rgba(247,250,255,.76);
  --mac-glass-strong: rgba(255,255,255,.9);
  --mac-card: rgba(255,255,255,.92);
  --mac-well: rgba(235,241,250,.78);
  --mac-input: rgba(255,255,255,.94);
  --mac-border: rgba(65,91,131,.14);
  --mac-rim: rgba(255,255,255,.94);
  --mac-shadow: 0 8px 28px -14px rgba(38,66,112,.19), 0 1px 3px rgba(38,66,112,.04);
  --mac-float-shadow: 0 18px 60px -26px rgba(33,54,102,.3), inset 0 1px 0 var(--mac-rim);
  --mac-control-shadow: 0 1px 3px rgba(24,46,84,.1), inset 0 1px 0 rgba(255,255,255,.9);
  --mac-green: #187643;
  --mac-green-bg: #e6f6ed;
  --mac-orange: #945318;
  --mac-orange-bg: #fff3de;
  --mac-red: #b52d3b;
  --mac-red-bg: #fff0f0;
  --mac-purple: #7950ba;
  --mac-purple-bg: #f2ebff;
  --mac-ease: cubic-bezier(.2,.75,.25,1);
  --mac-spring: cubic-bezier(.22,1.25,.36,1);
  --navy: var(--mac-accent);
  --text: var(--mac-ink);
  --muted: var(--mac-secondary);
  --line: var(--mac-border);
  --bg: var(--mac-well);
  --white: var(--mac-card);
  --blue: var(--mac-accent);
  --coral: var(--mac-accent-fill);
  --lime: #93d3bc;
  --radius: 20px;
  --shadow: var(--mac-shadow);
  --present-ink: var(--mac-ink);
  --present-muted: var(--mac-secondary);
  --present-line: var(--mac-border);
  --present-surface: var(--mac-canvas);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;
  color: var(--mac-ink);
  background: var(--mac-canvas);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root[data-appearance=dark] {
  color-scheme: dark;
  --mac-ink: #eef3ff;
  --mac-secondary: #b5c3d9;
  --mac-tertiary: #9cacc4;
  --mac-accent: #87baff;
  --mac-accent-fill: #147bfa;
  --mac-accent-soft: #203959;
  --mac-canvas: #111b2b;
  --mac-glass: rgba(28,41,62,.83);
  --mac-glass-strong: rgba(34,47,69,.96);
  --mac-card: rgba(32,44,63,.95);
  --mac-well: rgba(41,56,80,.8);
  --mac-input: rgba(19,32,51,.93);
  --mac-border: rgba(172,198,239,.17);
  --mac-rim: rgba(211,227,255,.14);
  --mac-shadow: 0 8px 28px -14px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.15);
  --mac-float-shadow: 0 18px 60px -26px rgba(0,0,0,.6), inset 0 1px 0 var(--mac-rim);
  --mac-control-shadow: 0 1px 3px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  --mac-green: #8de4b3;
  --mac-green-bg: #1d4237;
  --mac-orange: #ffd08c;
  --mac-orange-bg: #493b28;
  --mac-red: #ffa8b0;
  --mac-red-bg: #4a2b36;
  --mac-purple: #c8b0ff;
  --mac-purple-bg: #383052;
}
body.app-body,body.login-body {
  background: var(--mac-canvas);
  font-size: 14px;
  color: var(--mac-ink);
  isolation: isolate;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 0 4%,#b0d5fb90,transparent 43%),radial-gradient(ellipse at 94% 3%,#c2bcf570,transparent 42%),radial-gradient(ellipse at 70% 90%,#a9ddd84d,transparent 42%);
}
:root[data-appearance=dark] body::before {opacity:.4}
button,input,select,textarea {font-family:inherit}
::selection {background:#69abff60;color:inherit}
button,a,input,select,textarea,summary {outline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid var(--mac-accent);outline-offset:3px;
}
button {transition:background-color 160ms ease,box-shadow 180ms ease,transform 260ms var(--mac-spring),border-color 160ms ease}
button:disabled {cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}
.icon {stroke-width:1.75;width:19px;height:19px}
.workspace {color:var(--mac-ink);font-size:14px}
.sidebar {
  inset:16px auto 16px 16px;width:232px;padding:24px 12px 14px;
  border:1px solid var(--mac-rim);border-radius:26px;
  background:var(--mac-glass);color:var(--mac-ink);
  -webkit-backdrop-filter:blur(28px) saturate(1.55);backdrop-filter:blur(28px) saturate(1.55);
  box-shadow:var(--mac-float-shadow);scrollbar-width:thin;
}
.brand {gap:11px;padding:0 10px;margin-bottom:28px;min-height:48px}
.brand strong {color:var(--mac-ink);font-size:15px;font-weight:650;letter-spacing:-.35px}
.brand small {color:var(--mac-secondary);font-size:9px;letter-spacing:1.5px;margin-top:5px}
.brand-symbol {
  width:44px;height:44px;transform:none;flex-shrink:0;border-radius:13px;padding:0;
  background:var(--mac-input);box-shadow:var(--mac-control-shadow);border:1px solid var(--mac-rim);overflow:hidden;
}
.brand-symbol img {width:44px;height:44px;object-fit:cover;display:block}
.workspace-label {font-size:9px;letter-spacing:1.2px;padding:0 12px;color:var(--mac-tertiary);margin-bottom:10px;font-weight:650}
.sidebar nav {gap:4px}
.nav-item {padding:8px 10px;gap:10px;border-radius:13px;min-height:44px;color:var(--mac-ink);font-size:13px;font-weight:500}
.nav-item:hover {color:var(--mac-ink);background:var(--mac-well)}
.nav-item.active {background:var(--mac-accent-soft);box-shadow:inset 0 1px 0 var(--mac-rim);color:var(--mac-accent);font-weight:650}
.nav-icon {
  width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  color:#fff;background:linear-gradient(150deg,#63a8ff,#0979f4 65%,#0063df);border:1px solid #ffffff38;
  box-shadow:inset 0 1px 1px #ffffff60,0 2px 4px #1c568b24;
}
.nav-icon .icon,.nav-item.active .nav-icon .icon {width:17px;height:17px;color:#fff;stroke-width:1.7}
.nav-item[data-view=creators] .nav-icon {background:linear-gradient(150deg,#71bef4,#2496d5)}
.nav-item[data-view=posts] .nav-icon {background:linear-gradient(150deg,#cd8df4,#9855d7)}
.nav-item[data-view=tasks] .nav-icon {background:linear-gradient(150deg,#ffb566,#f18930)}
.nav-item[data-view=barter] .nav-icon {background:linear-gradient(150deg,#ed92b7,#d5578c)}
.nav-item[data-view=sales] .nav-icon {background:linear-gradient(150deg,#72d9bb,#21a78d)}
.nav-item[data-view=economy] .nav-icon {background:linear-gradient(150deg,#68ce8e,#2aab62)}
.nav-item[data-view=organization] .nav-icon {background:linear-gradient(150deg,#9d9bff,#7468db)}
.nav-item[data-view=users] .nav-icon {background:linear-gradient(150deg,#8aadd8,#577ba8)}
.nav-item[data-view=sources] .nav-icon {background:linear-gradient(150deg,#a5b1c3,#70829c)}
.nav-item.active b,.nav-item b {border-radius:7px;background:var(--mac-input);color:var(--mac-secondary);font-size:10px;min-width:22px;text-align:center}
.sidebar-note {border-color:var(--mac-border);padding:18px 12px 14px;margin-top:auto}
.sidebar-note strong {color:var(--mac-ink);font-size:11px;font-weight:600}
.sidebar-note p {color:var(--mac-secondary);font-size:11px;max-width:175px;line-height:1.6;margin-bottom:0}
.small-dot {background:#25aa71;box-shadow:0 0 0 4px #25aa7112}
.sidebar-profile {padding:16px 8px 0;gap:9px}
.sidebar-profile strong {color:var(--mac-ink);font-size:12px;max-width:126px}
.sidebar-profile small {color:var(--mac-secondary);font-size:10px}
.sidebar-profile .icon-button {color:var(--mac-secondary);border:0;box-shadow:none;background:transparent}
.avatar,.sidebar .avatar {background:var(--mac-accent-soft);color:var(--mac-accent);border:1px solid var(--mac-rim);box-shadow:inset 0 1px 0 #ffffff40;font-weight:650}
.avatar.large {border-radius:15px}
.tone-0 {background:var(--mac-purple-bg);color:var(--mac-purple)}
.tone-1 {background:var(--mac-green-bg);color:var(--mac-green)}
.tone-2 {background:var(--mac-accent-soft);color:var(--mac-accent)}
.tone-3 {background:var(--mac-orange-bg);color:var(--mac-orange)}
.main {margin-left:264px;padding:20px 28px 0;max-width:2100px}
.topbar {
  position:sticky;top:12px;z-index:15;min-height:78px;padding:16px 20px;margin:0 0 22px;
  background:var(--mac-glass);border:1px solid var(--mac-rim);border-radius:22px;
  box-shadow:var(--mac-float-shadow);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);
}
.topbar h1 {font-size:23px;letter-spacing:-.7px;line-height:1.25;font-weight:650}
.eyebrow {font-size:9px;letter-spacing:1.25px;color:var(--mac-secondary);font-weight:600;margin-bottom:5px}
.top-actions {gap:12px}.page-heading {gap:12px}
.freshness,.freshness strong {font-size:10px;color:var(--mac-secondary)}
.freshness strong {font-weight:600;color:var(--mac-ink)}
.button,.icon-button {
  background:var(--mac-glass-strong);border:1px solid var(--mac-border);border-radius:12px;
  color:var(--mac-ink);box-shadow:var(--mac-control-shadow);font-weight:600;
}
.button {min-height:39px;padding:9px 15px;font-size:12px;letter-spacing:-.1px}
.button:hover,.icon-button:hover {background:var(--mac-input);box-shadow:0 3px 9px #244d7d1c,inset 0 1px 0 var(--mac-rim);border-color:#628bc352}
.button:active,.icon-button:active,.nav-item:active,.period-button:active {transform:scale(.965)}
.button.primary {color:white;border-color:#1970da;background:linear-gradient(180deg,#3194ff 0%,#0878f9 55%,#0063df 100%);box-shadow:inset 0 1px 0 #ffffff55,0 2px 5px #0878f936}
.button.primary:hover {background:linear-gradient(180deg,#48a1ff,#0877ee);box-shadow:inset 0 1px 0 #ffffff60,0 4px 12px #0878f94a}
.button.compact {min-height:32px;padding:6px 11px;font-size:11px;border-radius:10px}
.icon-button {width:36px;height:36px;padding:8px;border-radius:11px;flex-shrink:0}
.appearance-button {color:var(--mac-secondary)}
.button.text-button,.text-button {font-size:12px;color:var(--mac-accent);box-shadow:none;background:none;border:0;border-radius:5px;min-height:28px}
.text-button:hover,.button.text-button:hover {color:var(--mac-accent);background:var(--mac-accent-soft);box-shadow:none}
.filter-panel {background:var(--mac-glass);border:1px solid var(--mac-rim);border-radius:17px;padding:11px 13px;gap:14px;box-shadow:var(--mac-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.quick-periods {background:var(--mac-well);border:1px solid var(--mac-border);border-radius:11px;padding:3px;gap:2px}
.period-button {padding:7px 12px;font-size:12px;border-radius:8px;color:var(--mac-secondary);font-weight:550;min-height:30px}
.period-button.active {background:var(--mac-input);color:var(--mac-ink);box-shadow:0 1px 4px #24426825,inset 0 1px 0 var(--mac-rim)}
.period-button:not(.active):hover {background:var(--mac-glass-strong);color:var(--mac-ink)}
input,select,textarea {background:var(--mac-input);color:var(--mac-ink);border:1px solid var(--mac-border);border-radius:11px;box-shadow:inset 0 1px 2px #20365808;transition:border-color 150ms ease,box-shadow 150ms ease}
input:focus,select:focus,textarea:focus {border-color:var(--mac-accent)}
input::placeholder,textarea::placeholder {color:var(--mac-tertiary);opacity:1}
input[type=date] {color-scheme:inherit}
input[type=checkbox],input[type=radio],progress {accent-color:var(--mac-accent-fill)}
input[type=checkbox],input[type=radio] {width:17px;height:17px;box-shadow:none;vertical-align:middle}
select {padding-right:26px}
.filter-selects {gap:8px}.filter-selects select {background:var(--mac-input);color:var(--mac-ink);font-size:12px;border:1px solid var(--mac-border);border-radius:10px;padding:8px 25px 8px 10px;max-width:190px;min-height:35px}
.date-range {gap:9px;color:var(--mac-secondary)}
.date-range input {background:transparent;color:var(--mac-ink);box-shadow:none;font-size:12px;width:119px;border:0;min-height:32px;padding:5px 1px}
.date-range>.icon {color:var(--mac-secondary)}
.date-range .button {background:var(--mac-input);color:var(--mac-accent);border-color:var(--mac-border)}
.period-caption {font-size:11px;color:var(--mac-secondary);margin:12px 2px 20px;line-height:1.5}
.period-caption>span:last-child {font-size:10px;color:var(--mac-secondary)}
.period-caption .icon {color:var(--mac-secondary)}
.panel,.metric,.creator-card,.market-card,.source-card,.login-card {
  background:var(--mac-card);border:1px solid var(--mac-border);border-radius:20px;box-shadow:var(--mac-shadow);
}
.panel {padding:24px}.metric {padding:21px;border-radius:18px}
h1,h2,h3,h4 {color:var(--mac-ink)}
h2 {font-weight:650;letter-spacing:-.45px}
.section-heading h2 {font-size:18px}.section-heading p {color:var(--mac-secondary);font-size:12px}
.overview-intro {margin:22px 2px 24px}
.overview-intro h2 {font-size:31px;letter-spacing:-1px;font-weight:650}
.overview-intro p {font-size:13px;color:var(--mac-secondary)}
.product-kicker {color:var(--mac-accent);font-size:10px;letter-spacing:1px}
.scope-pill {background:var(--mac-glass-strong);border-color:var(--mac-border);color:var(--mac-green);box-shadow:inset 0 1px 0 var(--mac-rim);font-size:11px}
.metric-label {color:var(--mac-secondary);font-size:12px;font-weight:500;line-height:1.4}
.metric strong {color:var(--mac-ink);font-size:32px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.metric small {color:var(--mac-secondary);font-size:11px;line-height:1.6;min-height:0}
.executive-metrics {gap:14px}.executive-metrics .metric {min-height:150px}
.executive-metrics .metric:first-child {background:linear-gradient(140deg,var(--mac-card),var(--mac-accent-soft));border-color:#7eaee14d}
.executive-metrics .metric:first-child strong {color:var(--mac-accent);font-size:44px}
.metric.accent-coral {background:var(--mac-purple-bg);border-color:var(--mac-border)}
.metric.accent-coral strong {color:var(--mac-purple)}
.metric.accent-lime {background:var(--mac-green-bg);border-color:var(--mac-border)}
.metric.accent-lime strong {color:var(--mac-green)}
.decision-grid,.operations-grid {gap:20px}
.company-pulse {background:var(--mac-card);border-color:var(--mac-border);border-radius:20px}
.pulse-heading h2 {font-size:21px}.pulse-kicker {color:var(--mac-accent)}
.pulse-heading p,.pulse-current>span,.pulse-target>span,.pulse-current>small,.pulse-target>small,.pulse-progress>div,.pulse-progress>p {color:var(--mac-secondary)}
.pulse-current>strong {color:var(--mac-accent);font-size:43px;font-weight:650;letter-spacing:-1.5px}
.pulse-target {border-color:var(--mac-border);background:var(--mac-well);border-radius:15px;border-left:0;padding:15px 18px}
.pulse-target>strong {color:var(--mac-green);font-size:31px;font-weight:650}
.pulse-progress>div>strong {color:var(--mac-accent)}
.pulse-progress progress {height:8px;background:var(--mac-well);border-radius:10px}
.pulse-progress progress::-webkit-progress-bar {background:var(--mac-well)}
.pulse-progress progress::-webkit-progress-value {background:linear-gradient(90deg,#67b9ff,#147bfa);border-radius:10px;transition:width 450ms var(--mac-ease)}
.pulse-progress progress::-moz-progress-bar {background:#147bfa;border-radius:10px}
.pulse-stages .metric {background:var(--mac-well);border-color:var(--mac-border);border-radius:13px}
.pulse-stages .metric strong {font-size:23px;color:var(--mac-ink)}
.pulse-updated,.market-freshness {color:var(--mac-secondary);border-color:var(--mac-border)}
.pulse-updated b,.market-freshness b {color:var(--mac-ink);font-size:inherit}
.pulse-method,.pulse-method p {color:var(--mac-secondary);font-size:11px}
.pulse-method summary {color:var(--mac-accent);padding:5px 0}
.pulse-warning,.barter-alert,.reconciliation-alert {color:var(--mac-orange);background:var(--mac-orange-bg);border-color:var(--mac-border);border-radius:12px}
.reconciliation-alert strong {color:var(--mac-orange)}
.reconciliation-alert .button {background:var(--mac-input);color:var(--mac-orange);border-color:var(--mac-border)}
.cohort-pulse {border-color:var(--mac-border)}
.cohort-grid article,.cohort-grid article[data-cohort=barter],.cohort-grid article.cohort-total {border-color:var(--mac-border);border-radius:15px;padding:16px 13px;background:var(--mac-well)}
.cohort-grid article[data-cohort=barter] {background:var(--mac-purple-bg)}
.cohort-grid article.cohort-total {background:var(--mac-accent-soft)}
.cohort-grid span {color:var(--mac-secondary);font-size:12px}
.cohort-grid strong {color:var(--mac-ink);font-weight:650;letter-spacing:-1px}
.cohort-grid .cohort-total strong {color:var(--mac-accent)}
.cohort-grid small {color:var(--mac-secondary);font-size:11px}
.hero-strip,.team-inspiration {background:linear-gradient(115deg,var(--mac-accent-soft),var(--mac-card));border:1px solid var(--mac-border);border-radius:20px;box-shadow:var(--mac-shadow)}
.hero-strip h2,.team-inspiration h2 {color:var(--mac-ink);font-size:20px;font-weight:600;letter-spacing:-.4px}
.hero-strip p,.team-inspiration p,.hero-kicker {color:var(--mac-secondary)}
.hero-orbit span {background:linear-gradient(140deg,#94c4ff,#147bfa);border:1px solid #ffffff55;box-shadow:inset 0 3px 5px #ffffff55,0 10px 24px #147bfa33;border-radius:25px}
.hero-orbit i {background:#97ddcd}.hero-orbit b {border-color:#b0a4e9}
.attention-item,.focus-post,.task-row {border-color:var(--mac-border)}
.attention-index {background:var(--mac-well);color:var(--mac-secondary);border:1px solid var(--mac-border);border-radius:9px}
.attention-item p,.footnote,.muted,.focus-copy small,.focus-value small,.task-row small,.rank {color:var(--mac-secondary)}
.focus-post,.task-row {border-radius:10px;transition:background 150ms ease}
.focus-post:hover,.task-row:hover {background:var(--mac-well)}
.focus-post strong,.focus-value strong,.task-row strong {color:var(--mac-ink)}
.badge {font-size:10px;border-radius:7px;padding:4px 8px;background:var(--mac-well);color:var(--mac-secondary);box-shadow:inset 0 1px 0 #ffffff20;font-weight:600}
.badge-green {background:var(--mac-green-bg);color:var(--mac-green)}
.badge-blue {background:var(--mac-accent-soft);color:var(--mac-accent)}
.badge-red {background:var(--mac-red-bg);color:var(--mac-red)}
.badge-amber {background:var(--mac-orange-bg);color:var(--mac-orange)}
.platform {border:1px solid var(--mac-border);box-shadow:inset 0 1px 0 #ffffff55,0 1px 2px #12293c0a;border-radius:9px;width:29px;height:29px}
.platform .icon {width:17px;height:17px;stroke-width:1.7}
.platform-instagram {color:#b22c78;background:linear-gradient(140deg,#ffefc7,#f8d6ed)}
.platform-tiktok,.platform-threads {color:#fff;background:linear-gradient(140deg,#485365,#192537)}
.platform-youtube {color:#c9253d;background:#ffe7eb}
.platform-vk {color:#0869d5;background:#dfedff}
.creator-card {padding:22px;transition:border-color 180ms,box-shadow 200ms}
.creator-accounts .platform .icon {display:block}
.creator-card:hover {border-color:#78a9e366;box-shadow:0 8px 28px -14px #2c6dbb40,inset 0 1px 0 var(--mac-rim)}
.creator-head h3 {font-size:15px;font-weight:650}.creator-head small {color:var(--mac-secondary);font-size:11px}
.creator-stats {border-color:var(--mac-border);gap:10px}.creator-stats strong {color:var(--mac-ink);font-weight:650}
.creator-stats span,.creator-footer>span {color:var(--mac-secondary);font-size:11px}
.creator-cumulative,.market-cumulative {background:var(--mac-well);color:var(--mac-secondary);border-radius:11px;font-size:11px}
.creator-cumulative strong,.market-cumulative strong {color:var(--mac-ink)}
.table-panel {padding:0;border-radius:20px;isolation:isolate}
.table-panel>.section-heading {padding:23px 24px 0}
.table-caption {padding:19px 23px;border-color:var(--mac-border)}
.table-caption strong {color:var(--mac-ink)}.table-caption span {color:var(--mac-secondary)}
table {border-collapse:collapse}
th {background:var(--mac-well);color:var(--mac-secondary);border-color:var(--mac-border);font-weight:600;letter-spacing:.15px}
td {color:var(--mac-ink);border-color:var(--mac-border)}
.table-scroll th {font-size:11px;padding:14px 18px;white-space:nowrap}
.table-scroll td {font-size:13px;padding:17px 18px;border-color:var(--mac-border)}
.table-scroll tbody tr {transition:background-color 140ms ease}
.table-scroll tbody tr:hover {background:var(--mac-well)}
.post-title strong {font-size:12px;color:var(--mac-ink);font-weight:600}
.post-title small,.table-platform,.promo-snapshot td:nth-last-child(-n+3),.barter-muted {color:var(--mac-secondary);font-size:11px}
.promo-snapshot td:first-child code,.account-url {color:var(--mac-accent)}
.posts-pagination {border-color:var(--mac-border);background:var(--mac-glass-strong)}
.posts-pagination>span,.posts-pagination strong {color:var(--mac-secondary)}
.search-field {background:var(--mac-input);border:1px solid var(--mac-border);border-radius:12px;box-shadow:inset 0 1px 3px #223c5e08}
.search-field input {font-size:12px;color:var(--mac-ink);box-shadow:none}
.search-field>.icon {color:var(--mac-secondary)}
.task-column {background:var(--mac-glass);border-color:var(--mac-border);border-radius:18px;padding:15px}
.task-column>h3 {font-size:12px;color:var(--mac-secondary)}
.task-column>h3>b {background:var(--mac-card);color:var(--mac-secondary);border-radius:6px}
.task-card {background:var(--mac-card);border-color:var(--mac-border);border-radius:14px;padding:17px;box-shadow:var(--mac-control-shadow)}
.task-card:hover {border-color:#78a9e366;box-shadow:var(--mac-shadow);transform:translateY(-2px)}
.task-card h4 {font-size:14px}.task-card p,.task-card-meta,.task-card-footer {color:var(--mac-secondary)}
.task-card-footer {border-color:var(--mac-border);font-size:10px}
.result-market,.future-channel {border-color:var(--mac-border);background:var(--mac-well);border-radius:14px}
.market-head strong,.result-market-title strong,.future-channel strong {color:var(--mac-ink)}
.market-head small,.market-values span,.market-substats span,.market-message,.result-market-title small,.future-channel small,.cumulative-metrics>div>span {color:var(--mac-secondary)}
.market-values strong,.cumulative-metrics strong {color:var(--mac-ink);font-weight:650}
.market-split {border-color:var(--mac-border);color:var(--mac-secondary)}
.market-split b {color:var(--mac-ink)}
.market-logo {border-radius:11px;border:1px solid #ffffff38;box-shadow:inset 0 1px 1px #ffffff45,0 2px 5px #084b9820;background:linear-gradient(150deg,#4996ff,#0055e5)}
.market-logo.wb {background:linear-gradient(150deg,#d378f3,#972ad2)}
.market-schedule {background:var(--mac-green-bg);color:var(--mac-green);border-radius:9px}
.market-schedule small {color:var(--mac-secondary)}
.market-import .button {background:var(--mac-input);color:var(--mac-accent)}
.compact-market,.economy-overview .metric {background:var(--mac-well);border-color:var(--mac-border)}
.sync-status {background:var(--mac-glass);border:1px solid var(--mac-border);border-radius:12px;color:var(--mac-secondary);font-size:11px;box-shadow:inset 0 1px 0 var(--mac-rim)}
.sync-status>.icon {color:var(--mac-green)}.sync-status small {color:var(--mac-tertiary)}
.sync-active {background:var(--mac-accent-soft)}
.org-safety-note,.access-info>div {background:var(--mac-accent-soft);color:var(--mac-ink);border-color:var(--mac-border);border-radius:16px}
.org-safety-note p,.access-info p {color:var(--mac-secondary)}
.access-info strong {color:var(--mac-ink)}
.org-person {background:var(--mac-well);border-color:var(--mac-border);border-radius:15px}
.org-person>.avatar {background:var(--mac-accent-soft);color:var(--mac-accent)}
.org-person-copy p,.org-person-copy small,.org-dictionary-row small {color:var(--mac-secondary)}
.org-tree ul {border-color:var(--mac-border)}
.org-dictionary-row {border-color:var(--mac-border)}
.barter-check {border-color:var(--mac-border);color:var(--mac-secondary);background:var(--mac-well)}
.barter-check.checked {background:var(--mac-green-bg);color:var(--mac-green);border-color:var(--mac-border)}
.source-card p,.source-card dt,.data-rules p {color:var(--mac-secondary)}
.source-card dl,.content-unit-form {border-color:var(--mac-border)}
.source-card dd,.data-rules strong {color:var(--mac-ink)}
.integration-details>summary {color:var(--mac-ink)}
.empty-state,.empty-state h3 {color:var(--mac-secondary)}
.empty-state p {font-size:12px;color:var(--mac-secondary)}
.empty-state>.icon {color:var(--mac-tertiary)}
.loading-state {color:var(--mac-secondary)}
.loader {border-color:var(--mac-border);border-top-color:var(--mac-accent)}
.footer {border-color:var(--mac-border);font-size:10px;color:var(--mac-secondary);line-height:1.7}
.modal-backdrop {background:#142b4f55;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:mac-fade 160ms ease-out;padding:28px}
.modal {background:var(--mac-glass-strong);border:1px solid var(--mac-rim);border-radius:25px;box-shadow:0 30px 100px #0d224366,inset 0 1px 0 var(--mac-rim);animation:mac-sheet 290ms var(--mac-spring);max-height:calc(100dvh - 56px)}
.modal-header {background:var(--mac-glass-strong);border-color:var(--mac-border);padding:23px 27px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.modal-header h2 {font-size:22px;font-weight:650}
.modal-header .icon-button {background:var(--mac-well);color:var(--mac-secondary);border-radius:50%;width:29px;height:29px;box-shadow:none}
.modal-body,.entity-form {padding:25px 27px}
.modal-footer {border-color:var(--mac-border)}
.form-field {color:var(--mac-secondary);font-size:12px;font-weight:550}
.form-field input,.form-field select,.form-field textarea {font-size:14px;min-height:42px;padding:10px 12px;border-radius:11px;background:var(--mac-input);color:var(--mac-ink)}
.form-field textarea {line-height:1.7;resize:vertical}
.form-field input:disabled,.form-field select:disabled,.form-field input[readonly],.field-not-required select {background:var(--mac-well);color:var(--mac-tertiary);box-shadow:none}
.form-help,.detail-meta,.detail-accounts a {color:var(--mac-secondary);font-size:12px;line-height:1.7}
.field-error,.login-error {color:var(--mac-red)}
.form-error:not(:empty) {background:var(--mac-red-bg);border-color:var(--mac-red);color:var(--mac-red);border-radius:12px}
.form-field [aria-invalid=true] {border-color:var(--mac-red);box-shadow:0 0 0 2px #c0475b16}
.form-field input[type=file]::file-selector-button {background:var(--mac-glass-strong);border-color:var(--mac-border);color:var(--mac-ink);border-radius:8px}
.post-description {color:var(--mac-ink);font-size:14px;line-height:1.8}
.split-stats>div {background:var(--mac-well);color:var(--mac-secondary);border-color:var(--mac-border);border-radius:13px}
.split-stats strong {color:var(--mac-ink)}
.detail-post-list button {background:transparent;color:var(--mac-ink);border-color:var(--mac-border)}
.detail-post-list button:hover {background:var(--mac-well)}
.detail-post-list small {color:var(--mac-secondary)}
.toast {background:var(--mac-glass-strong);color:var(--mac-ink);border:1px solid var(--mac-border);border-radius:16px;box-shadow:var(--mac-float-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:15px 22px;font-size:13px;line-height:1.5;animation:mac-toast 260ms var(--mac-spring);max-width:560px}
.toast.error {background:var(--mac-red-bg);color:var(--mac-red);border-color:var(--mac-red)}
.login-shell {width:440px}
.login-card {background:var(--mac-glass-strong);border-color:var(--mac-rim);border-radius:28px;box-shadow:0 25px 90px -20px #305b9333,inset 0 1px 0 var(--mac-rim);padding:42px;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);animation:mac-reveal 500ms var(--mac-ease)}
.brand-mark {width:64px;height:64px;background:linear-gradient(145deg,#79b7ff,#0878f9);border:1px solid #ffffff80;border-radius:19px;color:white;display:grid;place-items:center;font-size:22px;font-weight:650;box-shadow:inset 0 2px 2px #ffffff55,0 8px 20px #197be329;margin-bottom:24px}
.login-card h1 {font-size:30px;letter-spacing:-.8px;font-weight:650}
.login-card p {color:var(--mac-secondary);font-size:13px;line-height:1.65}
.login-card .eyebrow {font-size:10px}.login-form {gap:12px;margin-top:28px}
.login-form label {color:var(--mac-secondary);font-size:12px;font-weight:550}
.login-form input {display:block;min-height:44px;margin-top:7px;margin-bottom:0;background:var(--mac-input);color:var(--mac-ink);font-size:15px}
.login-form .button {min-height:44px;margin-top:9px;font-size:13px}
.login-foot {font-size:11px!important;color:var(--mac-secondary)!important;line-height:1.7}
#viewContent {animation:mac-reveal 300ms var(--mac-ease)}
.executive-metrics>.metric {animation:mac-reveal 360ms var(--mac-ease) both}
.executive-metrics>.metric:nth-child(2) {animation-delay:35ms}
.executive-metrics>.metric:nth-child(3) {animation-delay:70ms}
.executive-metrics>.metric:nth-child(4) {animation-delay:105ms}
@keyframes mac-fade {from{opacity:0}to{opacity:1}}
@keyframes mac-reveal {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes mac-sheet {from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mac-toast {from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(hover:hover) {.nav-item:hover .nav-icon{transform:translateY(-1px)}.nav-icon{transition:transform 260ms var(--mac-spring)}}
@media(max-height:850px) and (min-width:761px) {.sidebar-note{display:none}.sidebar-profile{margin-top:auto}}
@media(min-width:1600px) {.main{padding:22px 36px 0}.panel{padding:26px}.table-panel{padding:0}.metric-label{font-size:13px}.metric small{font-size:12px}}
@media(max-width:1250px) {.sidebar{width:216px;left:12px;top:12px;bottom:12px}.main{margin-left:240px;padding:16px 20px 0}.topbar{padding:14px 16px}.topbar h1{font-size:21px}.freshness{display:none}.filter-panel{gap:10px}.filter-selects{margin-left:0}.brand{gap:9px}.brand strong{font-size:13px}.brand small{font-size:8px}.nav-item{font-size:12px;padding:8px}.sidebar-profile strong{max-width:112px}}
@media(max-width:1000px) {.main{padding:16px 18px 0}.topbar{gap:12px;align-items:center}.topbar h1{font-size:20px}.top-actions{gap:7px}.button{font-size:12px}.refresh-button{padding:9px 11px}.filter-panel{padding:10px}.overview-intro h2{font-size:28px}.metric{padding:18px}.metric-label{font-size:12px}.metric small{font-size:11px}.metric strong{font-size:29px}.executive-metrics .metric:first-child strong{font-size:38px}.source-card p{font-size:12px}.creator-head h3{font-size:14px}.creator-head .badge{font-size:9px}.creator-head small{font-size:11px}.table-caption span{font-size:11px}.market-head .badge{font-size:10px}.footer{font-size:10px}}
@media(max-width:760px) {
  .sidebar{inset:10px auto 10px 10px;width:258px;transform:translateX(calc(-100% - 20px));border-radius:24px;transition:transform 300ms var(--mac-ease);background:var(--mac-glass-strong)}
  .menu-open .sidebar{transform:translateX(0)}
  .menu-open .sidebar-overlay{background:#11284a44;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .nav-item{font-size:14px;min-height:45px}.sidebar-profile strong{max-width:140px}.brand strong{font-size:15px}
  .main{margin-left:0;padding:12px 12px 0}.mobile-menu{display:inline-flex;width:32px;height:32px;padding:7px}
  .topbar{top:8px;padding:13px 12px;border-radius:18px;gap:8px;min-height:70px;margin-bottom:15px}
  .topbar h1{font-size:17px;line-height:1.3;letter-spacing:-.4px}.eyebrow{font-size:8px;letter-spacing:.8px}
  .page-heading{gap:8px;min-width:0}.top-actions{gap:6px;flex-shrink:0}
  .top-actions .refresh-button{width:34px;height:34px;min-height:34px;padding:8px;border-radius:11px}
  .refresh-button>span{display:none}.refresh-button .icon{width:17px;height:17px}
  .appearance-button{width:33px;height:33px;padding:7px}.top-actions .refresh-button::after{content:none}
  .filter-panel{border-radius:15px;padding:10px;gap:10px}.quick-periods{width:100%;flex:0 0 100%;border-radius:10px}
  .period-button{font-size:12px;min-height:32px;padding:6px;flex:1}
  .filter-selects{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr;flex-basis:100%;gap:8px}
  .filter-selects select{font-size:12px;max-width:none;width:100%;padding:9px 24px 9px 10px;min-width:0;min-height:38px}
  .date-range{order:2;width:100%;border-color:var(--mac-border);padding-top:9px;gap:5px}
  .date-range input{font-size:11px;width:111px;min-width:0}.date-range>.icon{width:14px;flex-shrink:0}
  .date-range .button{font-size:11px;padding:6px 9px;min-height:33px}.date-range>span{font-size:10px}
  .period-caption{margin:10px 2px 17px;font-size:10px;gap:12px}.period-caption>span:last-child{font-size:9px;max-width:160px}
  .overview-intro{margin:18px 2px}.overview-intro h2{font-size:26px;letter-spacing:-.7px}.overview-intro p{font-size:12px}
  .metric{padding:17px 15px;border-radius:16px}.metric-label{font-size:12px}.metric small{font-size:10px;min-height:0}.metric strong{font-size:29px}
  .executive-metrics{gap:10px}.executive-metrics .metric{padding:17px 15px;min-height:138px}.executive-metrics .metric:first-child strong{font-size:38px}
  .executive-metrics .metric:last-child strong{font-size:clamp(18px,5.6vw,24px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.7px}
  .panel{padding:21px 17px;border-radius:18px}.section-heading h2{font-size:17px}.section-heading p{font-size:12px}.section-heading .button{font-size:11px;min-height:34px}
  .decision-grid,.operations-grid{gap:15px}.pulse-current>strong{font-size:36px}.pulse-target{padding:12px;border:0}.pulse-target>strong{font-size:28px}
  .pulse-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}.pulse-current>span,.pulse-target>span{font-size:11px}
  .pulse-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-stages .metric{padding:12px}.pulse-stages .metric strong{font-size:21px}.pulse-stages .metric-label{font-size:11px}.pulse-stages .metric small{font-size:10px}
  .cohort-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cohort-grid article{padding:15px 12px}.cohort-grid strong{font-size:31px}
  .team-inspiration{padding:20px 18px}.team-inspiration h2{font-size:19px}.team-inspiration p{font-size:12px}
  .table-panel{padding:0;border-radius:18px}.table-panel>.section-heading{padding:20px 17px 0}.table-caption{padding:17px}.table-caption span{font-size:11px}
  .table-scroll th{font-size:11px;padding:13px 15px}.table-scroll td{font-size:12px;padding:16px 15px}.post-title strong{font-size:12px}.post-title small{font-size:11px}
  .creator-card{padding:20px;border-radius:18px}.creator-head h3{font-size:15px}.creator-head small{font-size:11px}.creator-head .badge{font-size:9px}.creator-stats span,.creator-footer>span{font-size:11px}
  .table-toolbar select,.search-field input{font-size:12px}.table-toolbar>.muted{font-size:11px}.search-field{min-height:42px}
  .market-head .badge{font-size:10px}.market-values strong{font-size:27px}.task-card-meta,.task-card-footer{font-size:11px}.task-row small{font-size:11px}
  .modal-backdrop{padding:10px;align-items:center}.modal{border-radius:22px;max-height:calc(100dvh - 20px)}.modal-header{padding:21px 20px}.modal-header h2{font-size:21px}
  .modal-body,.entity-form{padding:21px 20px}.form-field{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.modal-footer .button{font-size:13px;min-height:41px}
  .toast{left:50%;max-width:calc(100% - 24px);font-size:12px}.org-person{border-radius:13px}.org-person-copy h3{font-size:14px}.org-person-copy p{font-size:12px}
  .footer{font-size:10px}.login-card{padding:32px;border-radius:24px}
}
@media(max-width:380px) {.date-range input{width:94px;font-size:10px}.date-range .button{font-size:10px;padding:6px}.topbar h1{font-size:15px}.topbar{padding:12px 9px}.page-heading{gap:6px}.pulse-stages{grid-template-columns:1fr}}

/* Independent pulse stages: missing one measure never blanks the whole card. */
.pulse-step-list {list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px}
.pulse-step-list li {position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;background:var(--mac-well);border:1px solid var(--mac-border);border-radius:14px;min-width:0}
.pulse-step-list li:nth-child(2) {margin-left:12px}.pulse-step-list li:nth-child(3) {margin-left:24px}
.pulse-step-number {width:30px;height:30px;display:grid;place-items:center;background:var(--mac-accent-soft);color:var(--mac-accent);border-radius:10px;font-size:11px;font-weight:700}
.pulse-step-list li>div>span {display:block;color:var(--mac-ink);font-size:12px;font-weight:650}
.pulse-step-list li small {display:block;margin-top:4px;color:var(--mac-secondary);font-size:10px;line-height:1.5}
.pulse-step-list li>strong {font-size:25px;font-weight:650;letter-spacing:-.6px;color:var(--mac-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.pulse-step-list li[data-pulse-step=purchases]>strong {color:var(--mac-green)}
.pulse-step-list .pulse-step-missing {grid-column:2/-1;margin-top:0}
.pulse-index {display:grid;grid-template-columns:1.4fr 1fr;gap:12px;border-top:1px solid var(--mac-border);padding-top:15px;margin-top:15px}
.pulse-index>div {min-width:0}.pulse-index span {font-size:12px;color:var(--mac-secondary)}
.pulse-index strong {display:block;margin:6px 0;font-size:29px;letter-spacing:-.7px;color:var(--mac-accent);font-weight:650}
.pulse-index>div:last-child strong {color:var(--mac-green)}
.pulse-index small {display:block;font-size:10px;color:var(--mac-secondary);line-height:1.5}
.pulse-reports {border-top:1px solid var(--mac-border);padding-top:10px}
.pulse-reports table {width:100%;min-width:400px;border-collapse:collapse;font-size:11px}
.pulse-reports th {white-space:normal;font-size:10px;text-align:right;padding:10px 7px}
.pulse-reports td {padding:10px 7px;text-align:right;font-variant-numeric:tabular-nums}
.pulse-reports th:first-child,.pulse-reports td:first-child {text-align:left;min-width:125px}
.pulse-reports td>small {display:block;font-size:9px;color:var(--mac-secondary);line-height:1.6;margin-top:4px}
.pulse-reports td>strong {font-size:11px;color:var(--mac-ink);white-space:normal}
.stepped-pulse .pulse-progress {padding-bottom:12px}.stepped-pulse .pulse-stages .metric small {min-height:0}
@media(max-width:760px) {.pulse-step-list li{padding:12px 10px;gap:8px;grid-template-columns:27px minmax(0,1fr) auto}.pulse-step-number{width:27px;height:27px;font-size:10px}.pulse-step-list li:nth-child(n){margin-left:0}.pulse-step-list li>strong{font-size:22px}.pulse-index strong{font-size:27px}}

/* Excel-like schematic funnel. Width is intentionally NOT a quantitative axis. */
.graphic-funnel {margin:0 0 18px;min-width:0}
.graphic-funnel ol {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.graphic-funnel .funnel-level {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:94px;padding:12px 8%;box-sizing:border-box;text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,89% 100%,11% 100%);border:0;isolation:isolate}
.funnel-level-views {width:100%;background:linear-gradient(110deg,#086dd8,#1c58c7);background-color:#086dd8}
.funnel-level-activations {width:78%;background:linear-gradient(110deg,#7c3bc1,#6336ae);background-color:#7c3bc1}
.funnel-level-purchases {width:60.84%;background:linear-gradient(110deg,#14794d,#12613f);background-color:#14794d}
.funnel-level .funnel-level-label {font-size:12px;font-weight:650;line-height:1.3;color:#fff;white-space:nowrap}
.funnel-level>strong {font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.funnel-level .funnel-level-number {position:absolute;top:10px;left:17%;font-size:9px;color:#fff;opacity:.8}
.funnel-level small {font-size:10px;color:#fff;line-height:1.3}
.funnel-unknown {background-image:repeating-linear-gradient(135deg,transparent 0 9px,#ffffff12 9px 12px)}
.graphic-funnel figcaption {text-align:center;font-size:10px;line-height:1.6;color:var(--mac-secondary);margin:10px 0 0}
.graphic-funnel figcaption>span {display:block;font-size:9px;margin-top:2px}
.creator-funnel {padding-top:5px}.creator-funnel .graphic-funnel{margin-bottom:12px}
.funnel-compact .funnel-level {min-height:77px;padding:10px 8%;gap:3px}
.funnel-compact .funnel-level>strong {font-size:23px}.funnel-compact .funnel-level-label{font-size:11px}
.creator-funnel-rates {display:grid;grid-template-columns:1fr;gap:7px;margin:0}
.creator-funnel-rates>div {display:flex;justify-content:space-between;align-items:center;gap:9px;padding:8px 10px;background:var(--mac-well);border-radius:9px}
.creator-funnel-rates dt {font-size:10px;color:var(--mac-secondary);line-height:1.4}
.creator-funnel-rates dd {margin:0;font-size:13px;font-weight:650;color:var(--mac-ink);white-space:nowrap}
.creator-funnel-note,.creator-posts-count {font-size:10px;line-height:1.6;color:var(--mac-secondary);margin:10px 0}
.detail-modal .company-pulse {box-shadow:none;border:1px solid var(--mac-border);padding:20px;margin:0 0 22px}
@media(max-width:760px) {.graphic-funnel .funnel-level{min-height:84px}.graphic-funnel .funnel-level>strong{font-size:25px}.funnel-compact .funnel-level{min-height:77px}.funnel-compact .funnel-level>strong{font-size:23px}.detail-modal .company-pulse{padding:15px}}
@media(forced-colors:active) {.graphic-funnel .funnel-level{clip-path:none;background:Canvas;color:CanvasText;border:1px solid CanvasText}.funnel-level .funnel-level-label,.funnel-level>strong,.funnel-level .funnel-level-number,.funnel-level small{color:CanvasText}}
@media print {.graphic-funnel .funnel-level{clip-path:none;background:#fff;color:#111;border:1px solid #999}.funnel-level .funnel-level-label,.funnel-level>strong,.funnel-level .funnel-level-number,.funnel-level small{color:#111}}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) {
  .sidebar,.topbar,.filter-panel,.modal,.modal-header,.toast,.login-card{background:var(--mac-glass-strong)}
}
@media(prefers-reduced-transparency:reduce) {
  :root{--mac-glass:#f4f7fc;--mac-glass-strong:#fff;--mac-card:#fff}
  :root[data-appearance=dark]{--mac-glass:#1c293e;--mac-glass-strong:#222f45;--mac-card:#202c3f}
  .sidebar,.topbar,.filter-panel,.modal-backdrop,.modal-header,.toast,.login-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .button:active,.icon-button:active,.nav-item:active,.period-button:active,.task-card:hover,.nav-item:hover .nav-icon{transform:none!important}
}
@media(forced-colors:active) {
  body::before{display:none}.sidebar,.topbar,.panel,.metric,.button,.modal{border:1px solid CanvasText;background:Canvas;color:CanvasText}
  .nav-icon{background:ButtonFace;color:ButtonText}.nav-icon .icon,.nav-item.active .nav-icon .icon{color:ButtonText}
  .nav-item.active{outline:2px solid Highlight}.button.primary{background:Highlight;color:HighlightText}.badge{border:1px solid CanvasText}
}
@media print {
  body::before,.sidebar,.top-actions,.filter-panel,.period-caption,.footer{display:none!important}
  .main{margin:0;padding:0}.topbar{position:static;box-shadow:none;border:0;background:white;padding:0 0 18px}
  .panel,.metric{box-shadow:none;background:white;color:#111;break-inside:avoid}
}