@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,500,0,0&display=swap');
.campaign-browser-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px 19px;border:1px solid var(--line);background:var(--surface-soft)}.campaign-browser-intro strong{display:block;font-size:16px}.campaign-browser-intro p{margin:4px 0 0;color:var(--muted);font-size:15px}.campaign-browser-intro>span{color:var(--forest);font-size:15px;font-weight:700}.campaign-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.browse-campaign-card{display:flex;flex-direction:column;min-height:310px;padding:18px;border:1px solid var(--line);background:var(--surface)}.browse-card-top{display:flex;justify-content:space-between;align-items:start}.small-logo{width:40px;height:40px;border-radius:11px;font-size:16px}.browse-campaign-card>.eyebrow{margin:21px 0 6px}.browse-campaign-card h2{margin:0 0 8px;font-size:19px;letter-spacing:-.04em}.browse-campaign-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px;line-height:1.5}.browse-platforms{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.browse-platforms span{padding:4px 7px;border-radius:99px;background:var(--surface-soft);color:var(--muted);font-size:13px}.browse-campaign-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:14px}.browse-campaign-card footer .button{padding:9px 10px;font-size:14px}.publish-error{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 17px;border:1px solid #e8c69e;background:#fff7e8;color:#724c1d;font-size:15px}.publish-error a{margin-left:auto;color:#724c1d;font-weight:700;text-decoration:underline}@media(max-width:850px){.campaign-browser-grid{grid-template-columns:1fr}.campaign-browser-intro,.publish-error{display:block}.campaign-browser-intro>span,.publish-error a{display:block;margin:9px 0 0}}

.browse-payout-summary{display:flex;flex-direction:column;gap:4px}.browse-payout-summary span{color:var(--muted);font-size:13px;font-weight:500;line-height:1.35}

:root {
  --bg: #f6f7f3;
  --surface: #ffffff;
  --surface-soft: #edf1ec;
  --ink: #17221c;
  --muted: #67736a;
  --line: #dbe2da;
  --forest: #183c31;
  --forest-dark: #102820;
  --lime: #d7f55d;
  --coral: #f27c5c;
  --shadow: 0 18px 45px rgba(23, 34, 28, .08);
}

body.dark {
  --bg: #111713;
  --surface: #19211b;
  --surface-soft: #202a22;
  --ink: #f0f4ed;
  --muted: #aab5aa;
  --line: #334036;
  --forest: #315b49;
  --forest-dark: #0a100c;
  --shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'DM Sans', sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
input[type="hidden"] { display: none; }

.brand { font-size: 25px; font-weight: 700; letter-spacing: -1.5px; }
.brand span { color: var(--coral); }
.theme-toggle { position: fixed; top: 20px; right: 22px; z-index: 20; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--ink); cursor: pointer; }
.eyebrow, .step-label { margin: 0 0 12px; color: var(--muted); font: 500 13px 'DM Mono', monospace; letter-spacing: .12em; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 13px 17px; border: 1px solid transparent; font-size: 16px; font-weight: 700; cursor: pointer; }
.button b { font-size: 18px; font-weight: 400; line-height: 0; }
.button-primary { background: var(--forest); color: white; }
.button-primary:hover, .button-dark:hover { background: var(--forest-dark); }
.button-dark { background: var(--forest); color: white; }
.button-outline { border-color: var(--line); background: transparent; color: var(--muted); }
.button:disabled { opacity: .55; cursor: not-allowed; }
.full { width: 100%; margin-top: 8px; }

/* Landing */
.landing main { max-width: 1240px; margin: auto; padding: 28px 48px; }
.landing nav { display: flex; justify-content: space-between; align-items: center; }
.social-login-form { display: inline-block; margin: 0; }
.nav-login { margin-right: 56px; padding: 0; border: 0; background: transparent; color: var(--forest); font-size: 16px; font-weight: 700; cursor: pointer; }
.hero { max-width: 780px; padding: 130px 0 95px; }
.hero h1, .form-card h1, .workspace header h1 { margin: 0 0 22px; font-size: clamp(52px, 7vw, 92px); line-height: .94; letter-spacing: -.07em; }
.hero em, .form-card em, .workspace header em, .overview-heading em { font-family: 'Playfair Display', serif; font-weight: 500; }
.hero-copy { max-width: 470px; margin: 0 0 28px; color: var(--muted); font-size: 17px; line-height: 1.55; }
.small { color: var(--muted); font-size: 14px; }
.proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.proof div { display: flex; gap: 14px; }
.proof strong { color: var(--coral); font: 14px 'DM Mono', monospace; }
.proof p { margin: 0; font-size: 16px; line-height: 1.45; }

/* App shell */
.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; display: flex; flex-direction: column; width: 255px; height: 100vh; padding: 29px 20px; border-right: 1px solid var(--line); background: var(--surface); }
.creator-mini { display: flex; align-items: center; gap: 10px; margin: 48px 8px 25px; }
.avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: var(--lime); color: var(--forest-dark); font-size: 14px; font-weight: 700; }
.creator-mini strong, .creator-mini small { display: block; font-size: 15px; }
.creator-mini small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.side-nav { display: grid; gap: 4px; }
.side-nav a { display: flex; align-items: center; gap: 11px; padding: 11px 10px; border-radius: 7px; color: var(--muted); font-size: 16px; font-weight: 500; }
.side-nav a:hover { background: var(--surface-soft); color: var(--ink); }
.side-nav a.active { background: var(--forest); color: white; }
.side-nav i { width: 17px; font-size: 16px; font-style: normal; text-align: center; }
.side-nav span { margin-left: auto; color: var(--coral); font: 12px 'DM Mono', monospace; }
.sidebar-bottom { display: grid; gap: 12px; margin-top: auto; padding: 10px; }
.sidebar-bottom button, .sidebar-bottom a { border: 0; background: none; color: var(--muted); font-size: 15px; text-align: left; cursor: pointer; }
.workspace { width: calc(100% - 255px); max-width: 1500px; margin-left: 255px; padding: 56px 6vw 70px; }
.workspace header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 38px; }
.workspace header h1 { margin: 0; font-size: 49px; }
.profile-link { padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 15px; font-weight: 700; }

/* Creator overview */
.overview-heading { display: flex; align-items: end; justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.overview-heading h2 { margin: 0; font-size: 32px; line-height: 1; letter-spacing: -.05em; }
.overview-heading > p { max-width: 310px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.wallet-readiness { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 18px; padding: 25px 28px; overflow: hidden; background: linear-gradient(105deg, #173c30, #286a55); color: white; }
.wallet-readiness::after { position: absolute; top: -115px; right: 17%; width: 210px; height: 210px; border: 1px solid rgba(215, 245, 93, .45); border-radius: 50%; content: ''; }
.wallet-readiness-copy { position: relative; z-index: 1; display: flex; gap: 14px; }
.wallet-glyph { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest-dark); }
.wallet-readiness .eyebrow { color: #c9e0d3; }
.wallet-readiness h3 { margin: 0 0 5px; font-size: 18px; }
.wallet-readiness p:not(.eyebrow) { max-width: 560px; margin: 0; color: #d7e7df; font-size: 15px; line-height: 1.5; }
.wallet-readiness-value { position: relative; z-index: 1; min-width: 170px; padding-left: 24px; border-left: 1px solid rgba(255,255,255,.28); }
.wallet-readiness-value span { color: #c9e0d3; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
.wallet-readiness-value strong { display: block; margin-top: 7px; font-size: 25px; letter-spacing: -.05em; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.stat-card { min-height: 150px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.stat-top { display: flex; justify-content: space-between; color: var(--muted); font-size: 14px; font-weight: 700; }
.stat-top i { color: var(--coral); font-size: 17px; font-style: normal; }
.stat-card strong { display: block; margin: 29px 0 6px; font-size: 26px; letter-spacing: -.06em; }
.stat-card p { margin: 0; color: var(--muted); font-size: 13px; }
.sync-callout { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 16px; padding: 21px 24px; background: var(--surface-soft); border: 1px solid var(--line); }
.sync-callout > div { display: flex; gap: 14px; }
.callout-icon, .not-live-note > span { color: var(--coral); font-size: 20px; }
.sync-callout h3, .not-live-note h3 { margin: 0 0 5px; font-size: 17px; }
.sync-callout p:not(.eyebrow), .not-live-note p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.section-head { display: flex; align-items: end; justify-content: space-between; margin: 58px 0 18px; }
.section-head h2 { margin: 0; font-size: 26px; letter-spacing: -.05em; }
.section-head h2 span { color: var(--muted); font: 13px 'DM Mono', monospace; }
.section-head > a { border-bottom: 1px solid var(--ink); font-size: 15px; font-weight: 700; }
.campaign-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.campaign-card { display: flex; flex-direction: column; min-height: 250px; padding: 19px; border: 1px solid var(--line); background: var(--surface); }
.campaign-top { display: flex; justify-content: space-between; }
.brand-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: var(--lime); color: var(--forest-dark); font-size: 16px; font-weight: 700; }
.deadline, .tags span { color: var(--muted); font: 13px 'DM Mono', monospace; }
.campaign-card h3 { margin: 25px 0 8px; font-size: 18px; letter-spacing: -.04em; }
.campaign-card p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.45; }
.tags span { display: inline-block; margin-top: 12px; color: var(--coral); }
.campaign-card footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); font-size: 15px; }
.campaign-card footer button { border: 0; background: none; color: var(--forest); font-size: 15px; font-weight: 700; cursor: pointer; }
.campaign-empty { grid-column: 1 / -1; padding: 34px; border: 1px dashed var(--line); background: var(--surface); text-align: center; }
.campaign-empty span { color: var(--coral); font-size: 22px; }
.campaign-empty h3 { margin: 8px 0; font-size: 18px; }
.campaign-empty p { max-width: 390px; margin: auto; color: var(--muted); font-size: 16px; line-height: 1.5; }

/* Shared forms */
.onboarding-page { min-height: 100vh; }
.app-onboarding .workspace { padding-top: 48px; }
.onboarding-shell { max-width: 780px; }
.step-label { display: flex; justify-content: space-between; margin-top: 34px; }
.form-card { max-width: 690px; padding: 32px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.form-card h1 { margin-bottom: 15px; font-size: 53px; }
.form-card > p:not(.eyebrow) { max-width: 560px; color: var(--muted); font-size: 16px; line-height: 1.55; }
.form-card form { margin-top: 30px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
label, legend { display: block; margin-bottom: 16px; color: var(--ink); font-size: 15px; font-weight: 700; }
input, select { display: block; width: 100%; margin-top: 7px; padding: 12px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--ink); font-size: 16px; }
textarea { display: block; width: 100%; margin-top: 7px; padding: 12px; resize: vertical; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--ink); font: inherit; font-size: 16px; }
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(215,245,93,.7); border-color: var(--forest); }
fieldset { margin: 5px 0 3px; padding: 0; border: 0; }
.creator-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.two-options { grid-template-columns: repeat(2, 1fr); }
.choice { margin: 0; }
.choice input { display: none; }
.choice span { display: block; padding: 12px 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 15px; font-weight: 500; cursor: pointer; }
.choice input:checked + span { border-color: var(--forest); background: var(--forest); color: white; }
.form-error { color: #b83d30 !important; font-size: 15px !important; }
.entity-fields[hidden] { display: none; }
.form-divider { margin: 18px 0; border: 0; border-top: 1px solid var(--line); }

/* Campaign starter */
.starter-account-name { padding: 8px 11px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 14px; }
.funds-hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 34px 38px; background: linear-gradient(110deg, var(--forest-dark), var(--forest)); color: white; }
.funds-hero .eyebrow { color: #cbe1d3; }
.funds-hero > div:first-child > strong { display: block; font-size: 52px; line-height: 1; letter-spacing: -.07em; }
.funds-hero p:not(.eyebrow) { max-width: 450px; margin: 10px 0 0; color: #d9e9e0; font-size: 15px; line-height: 1.5; }
.funds-threshold { min-width: 205px; padding-left: 24px; border-left: 1px solid rgba(255,255,255,.25); }
.funds-threshold span { color: #cbe1d3; font-size: 13px; text-transform: uppercase; letter-spacing: .1em; }
.funds-threshold strong { display: block; margin: 8px 0; font-size: 25px; }
.funds-threshold .ready { color: var(--lime) !important; }
.funds-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; margin-top: 14px; }
.fund-card, .fund-history { padding: 27px; border: 1px solid var(--line); background: var(--surface); }
.fund-card h2, .fund-history h2 { margin: 0 0 8px; font-size: 22px; letter-spacing: -.05em; }
.fund-intro { margin: 0 0 24px; color: var(--muted); font-size: 16px; line-height: 1.5; }
.payment-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.payment-methods .choice span { text-align: center; }
.acknowledgement { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; color: var(--muted); font-size: 15px; font-weight: 400; line-height: 1.5; }
.acknowledgement input { width: 16px; margin: 2px 0 0; }
.fund-history article { display: flex; justify-content: space-between; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.fund-history article strong, .fund-history article small { display: block; }
.fund-history article strong { font-size: 15px; }
.fund-history article small { margin-top: 4px; color: var(--muted); font-size: 14px; }
.fund-history article > b { color: #55952f; font-size: 16px; }
.ledger-empty { display: grid; min-height: 175px; place-content: center; color: var(--muted); font-size: 15px; text-align: center; }
.ledger-empty span { color: var(--coral); font-size: 28px; }
.ledger-note { color: var(--muted); font-size: 13px; line-height: 1.4; }
.not-live-note { display: flex; gap: 13px; max-width: 740px; margin-top: 14px; padding: 17px 20px; border: 1px solid var(--line); background: var(--surface-soft); }

/* Campaign starter workspace */
.starter-summary { display: grid; grid-template-columns: 1fr 1.2fr auto; align-items: center; gap: 24px; padding: 26px 28px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.starter-summary > div:first-child { padding-right: 24px; border-right: 1px solid var(--line); }
.starter-summary > div:first-child > strong { display: block; margin: 4px 0; font-size: 36px; letter-spacing: -.06em; }
.starter-summary > div:first-child > p { margin: 0; color: var(--muted); font-size: 15px; }
.starter-summary-status { display: flex; align-items: center; gap: 12px; }
.starter-summary-status strong, .starter-summary-status p { display: block; margin: 0; }
.starter-summary-status strong { font-size: 16px; }
.starter-summary-status p { margin-top: 3px; color: var(--muted); font-size: 15px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--coral); }
.ready-dot { background: #69a937; box-shadow: 0 0 0 5px rgba(105,169,55,.12); }
.starter-section-head { display: flex; align-items: end; justify-content: space-between; margin: 48px 0 15px; }
.starter-section-head h2 { margin: 0; font-size: 25px; letter-spacing: -.05em; }
.starter-section-head > span { color: var(--muted); font: 14px 'DM Mono', monospace; }
.starter-campaign-list { border: 1px solid var(--line); background: var(--surface); }
.starter-campaign-row { display: grid; grid-template-columns: 36px 1fr auto 140px; align-items: center; gap: 15px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.starter-campaign-row:last-child { border-bottom: 0; }
.starter-campaign-title strong, .starter-campaign-title small { display: block; }
.starter-campaign-title strong { font-size: 16px; }
.starter-campaign-title small { margin-top: 4px; color: var(--muted); font-size: 14px; }
.campaign-state { padding: 5px 8px; border-radius: 99px; background: var(--surface-soft); color: var(--muted); font-size: 13px; font-weight: 700; }
.campaign-state.live { background: #e6f5dc; color: #4d8d28; }
.campaign-reward { font-size: 15px; text-align: right; }
.starter-empty { padding: 51px 24px; text-align: center; }
.empty-mark { display: grid; width: 42px; height: 42px; margin: auto; place-items: center; border-radius: 14px; background: var(--surface-soft); color: var(--coral); }
.starter-empty h3 { margin: 15px 0 7px; font-size: 19px; letter-spacing: -.04em; }
.starter-empty p { max-width: 430px; margin: 0 auto 18px; color: var(--muted); font-size: 16px; line-height: 1.5; }
.starter-ledger-preview { max-width: 720px; margin-top: 48px; }
.starter-ledger-preview .starter-section-head { margin-bottom: 12px; }
.starter-ledger-preview article { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--line); }
.starter-ledger-preview article strong, .starter-ledger-preview article small { display: block; }
.starter-ledger-preview article strong { font-size: 15px; }
.starter-ledger-preview article small, .history-empty { margin-top: 4px; color: var(--muted); font-size: 14px; }
.starter-ledger-preview article b { color: #579d2c; font-size: 16px; }
.currency-ledger-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }.currency-ledger-grid .starter-ledger-preview { margin-top: 24px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }.currency-ledger-entry { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); }.currency-ledger-entry strong,.currency-ledger-entry small { display: block; }.currency-ledger-entry strong { font-size: 14px; }.currency-ledger-entry small { margin-top: 4px; color: var(--muted); font-size: 12px; }.currency-ledger-entry b { color: #579d2c; font-size: 15px; }.currency-ledger-credit { text-align: right; white-space: nowrap; }
.starter-ledger-preview article b small { margin-left: 4px; color: var(--muted); font-size: 12px; }
.starter-wallet-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin-bottom: 28px; }
.currency-wallet-card { padding: 21px; border: 1px solid var(--line); background: var(--surface); }
.currency-wallet-card.currency-npr { background: linear-gradient(145deg, var(--surface), var(--surface-soft)); }
.currency-wallet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.currency-wallet-head .eyebrow { margin: 0 0 7px; }.currency-wallet-head strong { display: block; font-size: 28px; letter-spacing: -.05em; }.currency-wallet-head > span { padding: 5px 8px; border-radius: 99px; background: var(--forest); color: #fff; font: 12px 'DM Mono', monospace; }
.currency-wallet-card > p { margin: 10px 0 17px; color: var(--muted); font-size: 14px; line-height: 1.5; }.currency-wallet-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--line); }.currency-wallet-foot small { color: var(--muted); font-size: 12px; }
.funding-currency-picker { margin-bottom: 16px; }.funding-currency-picker .choice span strong,.funding-currency-picker .choice span small { display: block; }.funding-currency-picker .choice span small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.campaign-currency-picker { margin-bottom: 18px; padding: 15px; border: 1px solid var(--line); background: var(--surface-soft); }.campaign-currency-picker > small { display: block; margin-top: 10px; }
.wallet-balance-pair { display: flex; align-items: stretch; }.wallet-balance-pair .wallet-readiness-value + .wallet-readiness-value { border-left: 1px solid rgba(255,255,255,.25); }
.funding-modal-card { width: min(510px, 100%); }
.funding-modal-card .modal-header h3 { margin: 0; font-size: 19px; }
.funding-fee-breakdown { display: grid; gap: 8px; margin: -5px 0 18px; padding: 13px; border: 1px solid var(--line); background: var(--surface-soft); }
.funding-fee-breakdown div { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 13px; }
.funding-fee-breakdown strong { color: var(--ink); font-size: 14px; }
.funding-fee-breakdown div:last-child { padding-top: 9px; border-top: 1px solid var(--line); }
.funding-fee-breakdown div:last-child span,.funding-fee-breakdown div:last-child strong { color: #579d2c; font-weight: 800; }

/* Draft campaign builder */
.campaign-builder { max-width: 1120px; }
.builder-intro { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 17px 20px; border: 1px solid var(--line); background: var(--surface-soft); }
.builder-intro strong { display: block; margin-bottom: 4px; font-size: 16px; }
.builder-intro p { max-width: 620px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.builder-intro > span { color: var(--forest); font-size: 15px; font-weight: 700; white-space: nowrap; }
.builder-error { margin: 0 0 16px; padding: 12px; border: 1px solid #e6b5ac; background: #fff1ee; }
.campaign-form { max-width: 850px; }
.builder-card { margin-bottom: 14px; padding: 26px; border: 1px solid var(--line); background: var(--surface); }
.builder-card-head { display: flex; gap: 13px; margin-bottom: 24px; }
.builder-card-head > span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; border-radius: 50%; background: var(--forest); color: white; font: 13px 'DM Mono', monospace; }
.builder-card-head h2 { margin: 0 0 4px; font-size: 20px; letter-spacing: -.04em; }
.builder-card-head p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.45; }
.builder-card small { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; font-weight: 400; line-height: 1.4; }
.posting-requirements-builder { margin: 18px 0; padding: 18px; border: 1px solid var(--line); background: var(--surface-soft); }
.optional-requirements { padding: 0; }
.optional-requirements > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 18px; cursor: pointer; list-style: none; }
.optional-requirements > summary::-webkit-details-marker { display: none; }
.optional-requirements > summary div,.optional-requirements > summary strong,.optional-requirements > summary span { display: block; }
.optional-requirements > summary strong { font-size: 16px; }.optional-requirements > summary span { margin-top: 4px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.optional-requirements > summary > b { padding: 5px 8px; border-radius: 99px; background: var(--surface); color: var(--muted); font: 12px 'DM Mono', monospace; text-transform: uppercase; }
.optional-requirements[open] > summary { border-bottom: 1px solid var(--line); }.optional-requirements[open] > summary > b { background: var(--forest); color: #fff; }
.optional-requirements-content { padding: 18px; }
.posting-requirements-head h3 { margin: 0 0 5px; font-size: 17px; }.posting-requirements-head p { margin: 0 0 15px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.posting-shared-toggle { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; padding: 13px; border: 1px solid var(--line); background: var(--surface); }.posting-shared-toggle input { width: auto; margin: 2px 0 0; }.posting-shared-toggle span, .posting-shared-toggle strong { display: block; }.posting-shared-toggle strong { font-size: 15px; }.posting-shared-toggle small { margin-top: 3px; }.posting-shared-copy { margin-bottom: 12px; }
.posting-platform-card { min-width: 0; padding: 14px; border: 1px solid var(--line); background: var(--surface); }.posting-platform-card > strong { display: block; margin-bottom: 12px; font-size: 16px; }.posting-platform-card label:last-child { margin-bottom: 0; }
.posting-platform-row { margin-top: 10px; align-items: stretch; }.posting-platform-row > .posting-platform-card { flex: 1; }
.budget-callout { display: flex; align-items: center; gap: 10px; margin: -4px 0 19px; padding: 12px; background: #eef4d5; color: #344322; font-size: 15px; }
.budget-callout strong { font-size: 16px; }
.budget-callout span { margin-left: auto; color: #63704e; font-size: 13px; }
.rate-recommendation { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -2px 0 18px; padding: 14px 15px; border: 1px solid #b9cc73; background: #f4f8df; color: #344322; }
.rate-recommendation span,.rate-recommendation strong { display: block; }.rate-recommendation span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.rate-recommendation strong { margin-top: 3px; font-size: 17px; }.rate-recommendation p { max-width: 530px; margin: 4px 0 0; color: #63704e; font-size: 13px; line-height: 1.45; }
.rate-recommendation button { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #72843e; border-radius: 4px; background: transparent; color: #344322; font-size: 13px; font-weight: 700; cursor: pointer; }.rate-recommendation button:disabled { cursor: not-allowed; opacity: .45; }
.policy-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.policy-card-head span { display: block; margin-bottom: 4px; color: var(--forest); font: 12px 'DM Mono', monospace; text-transform: uppercase; }.policy-card-head h3 { margin: 0; }.policy-card-head > strong { padding: 5px 8px; border-radius: 99px; background: var(--surface); color: var(--muted); font-size: 12px; white-space: nowrap; }
.universal-policy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 15px; }.universal-policy-grid article { padding: 13px; border: 1px solid var(--line); background: var(--surface); }.universal-policy-grid b,.universal-policy-grid span,.universal-policy-grid small { display: block; }.universal-policy-grid b { color: var(--forest); font-size: 17px; }.universal-policy-grid span { margin-top: 3px; font-size: 13px; font-weight: 700; }.universal-policy-grid small { margin-top: 5px; }
.platform-mark { display: inline-grid; width: 22px; height: 18px; place-items: center; margin-right: 5px; border-radius: 4px; background: rgba(0,0,0,.08); font: 11px 'DM Mono', monospace; }
.platform-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.platform-checks label { margin: 0; }
.platform-checks input { display: none; }
.platform-checks span { display: block; padding: 13px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); text-align: center; font-size: 15px; cursor: pointer; }
.platform-checks input:checked + span { border-color: var(--forest); background: var(--forest); color: white; }
.upload-zone { display: grid; min-height: 130px; place-items: center; padding: 20px; border: 1px dashed var(--forest); background: var(--surface-soft); color: var(--muted); text-align: center; font-size: 15px; }
.upload-zone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.upload-zone span { margin-top: 8px; padding: 8px 11px; border: 1px solid var(--line); background: var(--surface); color: var(--forest); font-size: 14px; font-weight: 700; }
.logo-upload { display: block; padding: 14px; border: 1px dashed var(--forest); background: var(--surface-soft); color: var(--forest); cursor: pointer; }
.logo-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.logo-upload span { display: block; margin-top: 5px; color: var(--muted); font-size: 14px; font-weight: 400; }
.current-logo { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: var(--muted); font-size: 14px; }
.current-logo img { width: 44px; height: 44px; object-fit: cover; border-radius: 10px; }
.builder-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.builder-steps { display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 14px; border: 1px solid var(--line); background: var(--surface); }
.builder-steps button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 8px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; }
.builder-steps button:last-child { border-right: 0; }
.builder-steps b { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--surface-soft); font: 13px 'DM Mono', monospace; }
.builder-steps button.active { background: var(--forest); color: #fff; }
.builder-steps button.active b { background: rgba(255,255,255,.16); }
.builder-steps button.complete { color: var(--forest); }
.builder-wizard-actions { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 20px; }
.builder-wizard-actions [data-builder-back] { justify-self: start; }.builder-wizard-actions [data-builder-next] { justify-self: end; }
.builder-wizard-actions span { color: var(--muted); font: 13px 'DM Mono', monospace; }
.profile-rules-head { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.profile-requirement-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

/* Creator campaign discovery */
.campaign-discovery-tools { margin-bottom: 18px; }
.campaign-filter-line { display: grid; grid-template-columns: minmax(240px, 1fr) 170px 145px 155px auto; gap: 10px; align-items: end; }
.campaign-filter-line label { margin: 0; font-size: 13px; }
.campaign-filter-line select { margin-top: 6px; }
.campaign-search { position: relative; }.campaign-search span { position: absolute; left: 13px; bottom: 12px; color: var(--muted); font-size: 18px; }.campaign-search input { padding-left: 38px; }
.platform-filter-line { display: flex; align-items: center; gap: 7px; margin-top: 11px; }
.platform-filter-line button { padding: 9px 13px; border: 1px solid var(--line); border-radius: 99px; background: transparent; color: var(--muted); font-size: 14px; cursor: pointer; }
.platform-filter-line button.active { border-color: var(--forest); background: var(--forest); color: #fff; }
.platform-filter-line > span { margin-left: auto; color: var(--muted); font-size: 14px; }.platform-filter-line > span strong { color: var(--ink); }
.browse-card-badges { display: flex; align-items: center; gap: 6px; }.campaign-type-badge { padding: 5px 8px; border-radius: 99px; background: var(--surface-soft); color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.section-heading-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.section-heading-line > span { color: var(--muted); font: 12px 'DM Mono', monospace; text-transform: uppercase; }
.requirement-list { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }.requirement-list li { position: relative; padding-left: 21px; color: var(--muted); font-size: 15px; }.requirement-list li::before { position: absolute; left: 0; font-weight: 800; }.requirement-list.positive li::before { content: '✓'; color: #50c878; }.requirement-list.negative li::before { content: '×'; color: #e35d57; }
.campaign-caption-summary,.campaign-profile-requirements,.campaign-examples { margin-top: 16px; padding: 17px; border: 1px solid var(--line); background: var(--surface-soft); }.campaign-caption-summary h3,.campaign-profile-requirements h3,.campaign-examples h3 { margin: 0 0 10px; font-size: 16px; }.campaign-caption-summary p { margin: 0 0 7px; color: var(--forest); }.campaign-caption-summary small { color: var(--muted); font-size: 13px; }
.campaign-profile-requirements article { padding: 10px 0; border-top: 1px solid var(--line); }.campaign-profile-requirements article strong { font-size: 14px; }.campaign-profile-requirements article p { margin: 5px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.campaign-examples > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.campaign-examples video { width: 100%; aspect-ratio: 9 / 16; max-height: 260px; background: #111; object-fit: contain; }

/* Campaign detail and review */
.campaign-hero-card { display: grid; grid-template-columns: 82px 1fr auto; gap: 20px; align-items: center; padding: 25px; border: 1px solid var(--line); background: var(--surface); }
.campaign-logo { display: grid; width: 74px; height: 74px; place-items: center; overflow: hidden; border-radius: 18px; background: var(--lime); color: var(--forest-dark); font-size: 26px; font-weight: 700; }
.campaign-logo img { width: 100%; height: 100%; object-fit: cover; }
.campaign-hero-copy h2 { margin: 9px 0 5px; font-size: 19px; }
.campaign-hero-copy p { max-width: 560px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.campaign-platform-line { display: flex; gap: 6px; margin-top: 13px; }
.campaign-platform-line span { padding: 4px 7px; border-radius: 99px; background: var(--surface-soft); color: var(--muted); font-size: 13px; }
.campaign-hero-actions { display: grid; justify-items: end; gap: 8px; color: var(--muted); font-size: 14px; text-align: right; }
.campaign-hero-actions strong { color: var(--ink); font-size: 15px; }
.campaign-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 14px; border: 1px solid var(--line); background: var(--surface); }
.campaign-metrics article { padding: 17px; border-right: 1px solid var(--line); }
.campaign-metrics article:last-child { border-right: 0; }
.campaign-metrics span { display: block; color: var(--muted); font-size: 13px; }
.campaign-metrics strong { display: block; margin-top: 7px; font-size: 17px; letter-spacing: -.04em; }
.campaign-metrics small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.submission-head { margin: 48px 0 15px; }
.submission-head h2 { margin: 0; font-size: 25px; letter-spacing: -.05em; }
.submission-head h2 span { color: var(--muted); font: 13px 'DM Mono', monospace; }
.submission-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.submission-card { overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.submission-card iframe { display: block; width: 100%; height: 260px; border: 0; background: var(--forest-dark); }
.submission-info { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px; }
.submission-info strong, .submission-info small { display: block; }
.submission-info strong { font-size: 15px; }
.submission-info small { margin-top: 4px; color: var(--muted); font-size: 13px; }
.submission-actions { display: flex; gap: 8px; padding: 0 14px 14px; }
.submission-actions .button { padding: 9px 12px; }
.rejection-copy { margin: 0 14px 14px; color: #aa493d; font-size: 14px; line-height: 1.45; }
.review-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.review-head > div > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 15px; }
.review-view-toggle { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.review-view-toggle button { appearance: none; border: 0; border-radius: 5px; padding: 8px 11px; background: transparent; color: var(--muted); cursor: pointer; font: 700 14px inherit; }
.review-view-toggle button.active { background: var(--forest); color: #fff; }
.submission-review-area { max-width: 760px; }
.review-queue-controls { display: flex; align-items: center; justify-content: center; gap: 13px; margin: 0 0 13px; }
.review-queue-controls button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--ink); cursor: pointer; font-size: 17px; }
.review-queue-controls span { min-width: 60px; color: var(--muted); font: 14px 'DM Mono', monospace; text-align: center; }
.review-submission-grid { grid-template-columns: 1fr; }
.submission-review-area.grid-mode { max-width: none; }
.submission-review-area.grid-mode .review-submission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.review-submission-card { border-radius: 10px; }
.queue-hidden { display: none !important; }
.submission-video-wrap { position: relative; background: #151515; }
.submission-card iframe { aspect-ratio: 16 / 9; height: auto; min-height: 360px; }
.open-original-video { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 9px 13px; border-top: 1px solid var(--line); color: var(--ink); background: var(--surface-soft); font-size: 15px; font-weight: 700; }
.open-original-video:hover { text-decoration: underline; }
.review-empty { margin: 16px 0; padding: 24px; border: 1px dashed var(--line); color: var(--muted); font-size: 16px; text-align: center; }
.monitoring-queue { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; margin-top: 34px; padding: 20px; border: 1px solid var(--line); background: var(--surface); }
.monitoring-queue h2 { margin: 6px 0; font-size: 19px; letter-spacing: -.04em; }
.monitoring-queue > div > p:last-child { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }
.monitoring-queue article { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.monitoring-queue article:last-child { border-bottom: 0; }
.monitoring-queue article a { color: var(--forest); font-weight: 700; }
.monitoring-queue article small { grid-column: 1 / -1; color: var(--muted); font-size: 13px; }
.activity-header-copy { max-width: 310px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.activity-tabs { display: flex; gap: 22px; margin-top: 28px; border-bottom: 1px solid var(--line); }
.activity-tabs a { position: relative; padding: 0 0 13px; color: var(--muted); font-size: 15px; font-weight: 700; }
.activity-tabs a.active { color: var(--ink); }
.activity-tabs a.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--forest); content: ''; }
.activity-tabs span { display: inline-grid; min-width: 17px; height: 17px; margin-left: 4px; place-items: center; border-radius: 50%; background: var(--surface-soft); color: var(--muted); font-size: 12px; }
.activity-intro { display: flex; justify-content: space-between; margin: 18px 0; padding: 16px 18px; border: 1px solid var(--line); background: var(--surface); }
.activity-intro strong { display: block; font-size: 16px; }.activity-intro p { margin: 4px 0 0; color: var(--muted); font-size: 15px; }
.activity-campaign-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.activity-campaign-card { display: flex; min-height: 280px; flex-direction: column; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.activity-card-head { display: flex; align-items: start; justify-content: space-between; }.activity-campaign-card > .eyebrow { margin: 19px 0 6px; }.activity-campaign-card h2 { margin: 0; font-size: 19px; letter-spacing: -.04em; }
.activity-campaign-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 18px 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.activity-campaign-stats strong, .activity-campaign-stats span { display: block; }.activity-campaign-stats strong { font-size: 16px; }.activity-campaign-stats span { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.3; }
.activity-campaign-card .button { margin-top: auto; align-self: flex-start; }.activity-rejected { margin: -8px 0 12px; color: #a6473f; font-size: 14px; }
.activity-filter-row { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0; }.activity-filter-row a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); font-size: 14px; }.activity-filter-row a.active { border-color: var(--forest); background: var(--forest); color: #fff; }
.activity-submission-table { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }.activity-table-head, .activity-submission-row { display: grid; grid-template-columns: 2fr 1fr 1.1fr .7fr .8fr 1fr; gap: 14px; align-items: center; padding: 13px 17px; }.activity-table-head { border-bottom: 1px solid var(--line); color: var(--muted); font: 13px 'DM Mono', monospace; text-transform: uppercase; }.activity-submission-row { position: relative; min-height: 65px; border-bottom: 1px solid var(--line); font-size: 14px; }.activity-submission-row:last-child { border-bottom: 0; }.activity-submission-row > a { color: var(--forest); font-weight: 700; }.activity-campaign-cell { display: flex; align-items: center; gap: 9px; }.activity-campaign-cell strong, .activity-campaign-cell small { display: block; }.activity-campaign-cell strong { font-size: 15px; }.activity-campaign-cell small, .activity-submission-row > small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.activity-status { justify-self: start; padding: 5px 8px; border-radius: 99px; background: var(--surface-soft); color: var(--muted); font-size: 13px; font-weight: 700; }.activity-status.pending { background: #fff4d8; color: #8c6416; }.activity-status.monitoring { background: #dff4ec; color: #167052; }.activity-status.rejected { background: #ffe5e2; color: #a63d36; }.activity-reason { grid-column: 1 / -1; margin: -5px 0 0; color: #a6473f; font-size: 13px; }
.estimated-earning strong,.estimated-earning small{display:block}.estimated-earning small{margin-top:3px;color:var(--muted);font-size:12px}
.activity-detail-trigger { padding: 0; border: 0; background: none; color: var(--forest); font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.activity-detail-trigger:hover { text-decoration: underline; }
.activity-submission-row-clickable { cursor: pointer; transition: background-color .16s ease; }
.activity-submission-row-clickable:hover, .activity-submission-row-clickable:focus-visible { background: var(--surface-soft); outline: none; }
.modal-overlay.monitoring-detail-overlay { grid-template-columns: 46px minmax(0, 510px) 46px; justify-content: center; gap: 22px; background: rgba(8, 13, 10, .78); backdrop-filter: blur(5px); }
.monitoring-detail-card { position: relative; width: 100%; max-height: calc(100vh - 44px); overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: 0 30px 90px rgba(0, 0, 0, .32); }
.monitoring-detail-scroll { max-height: calc(100vh - 44px); padding: 24px; overflow-y: auto; }
.monitoring-detail-close { position: absolute; z-index: 2; top: 15px; right: 16px; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--muted); font-size: 20px; line-height: 1; cursor: pointer; }
.monitoring-detail-date { display: block; padding-right: 42px; color: var(--muted); font: 13px 'DM Mono', monospace; }
.monitoring-earning { margin-top: 10px; }.monitoring-earning strong { display: block; font-size: 31px; letter-spacing: -.05em; }.monitoring-earning span { display: block; margin-top: 2px; color: var(--muted); font-size: 13px; }
.monitoring-eligible { display: inline-block; margin-top: 17px; padding: 4px 7px; border-radius: 99px; background: #dff4dc; color: #277530; font-size: 13px; font-weight: 700; }
.monitoring-summary { margin: 10px 0 15px; color: var(--muted); font-size: 15px; line-height: 1.55; }
.accepted-content-reference { margin: 14px 0; padding: 15px; border: 1px solid var(--line); background: var(--surface-soft); }.accepted-content-reference h3 { margin: 0 0 5px; font-size: 16px; }.accepted-content-reference .accepted-content-reason { margin: 0 0 12px; color: #a6473f; font-size: 14px; }.accepted-content-reference div { padding: 9px 0; border-top: 1px solid var(--line); }.accepted-content-reference span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.accepted-content-reference div p { margin: 0; color: var(--ink); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.monitoring-refresh { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; border-radius: 8px; background: var(--surface-soft); font-size: 14px; }.monitoring-refresh span { display: flex; align-items: center; gap: 9px; color: var(--muted); }.monitoring-refresh i { width: 6px; height: 6px; border-radius: 50%; background: #65c768; }.monitoring-refresh strong { color: #399342; }
.monitoring-refresh.settlement-alert { background: #fff1df; }.monitoring-refresh.settlement-alert i { background: #dc655b; }.monitoring-refresh.settlement-alert strong { color: #a6473f; }
.monitoring-cadence { margin: 11px 0 0; padding-left: 10px; border-left: 2px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.5; }
.monitoring-open-post { width: 100%; margin-top: 13px; border-radius: 99px; color: var(--ink); }.monitoring-open-post span { margin-left: auto; font-size: 17px; }
.monitoring-breakdown, .monitoring-campaign-details { margin-top: 16px; padding-top: 17px; border-top: 1px solid var(--line); }.monitoring-breakdown h3, .monitoring-campaign-details h3 { margin: 0 0 13px; font-size: 16px; }
.monitoring-breakdown dl { margin: 0; }.monitoring-breakdown dl div { display: flex; justify-content: space-between; gap: 15px; padding: 5px 0; font-size: 15px; }.monitoring-breakdown dt { color: var(--muted); }.monitoring-breakdown dd { margin: 0; font-weight: 700; }
.monitoring-breakdown dt { display: inline-flex; align-items: center; gap: 6px; }
.metric-help { position: relative; display: inline-block; }
.metric-help summary { display: grid; width: 16px; height: 16px; place-items: center; border: 1px solid var(--muted); border-radius: 50%; color: var(--muted); font-size: 12px; font-weight: 800; line-height: 1; cursor: help; list-style: none; }
.metric-help summary::-webkit-details-marker { display: none; }
.metric-help p { position: absolute; z-index: 8; bottom: calc(100% + 7px); left: -12px; display: none; width: 235px; margin: 0; padding: 10px 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--ink); color: var(--bg); font-size: 13px; font-weight: 400; line-height: 1.45; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.metric-help[open] p,.metric-help:hover p,.metric-help:focus-within p { display: block; }
.earning-threshold-row { margin: 5px 0; padding: 9px 10px !important; border-radius: 5px; background: var(--surface-soft); }
.earning-threshold-row dd { color: #c2783e; }.earning-threshold-row dd.threshold-reached { color: #59ad55; }
.monitoring-potential { display: flex; justify-content: space-between; gap: 15px; margin-top: 9px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 15px; }.monitoring-potential span { color: var(--muted); }
.monitoring-note { display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 11px; border-radius: 7px; background: var(--surface-soft); color: var(--muted); font-size: 13px; line-height: 1.4; }.monitoring-note span { display: grid; flex: 0 0 16px; width: 16px; height: 16px; place-items: center; border: 1px solid var(--muted); border-radius: 50%; font: 12px serif; }
.monitoring-campaign-title { display: flex; align-items: center; gap: 11px; }.monitoring-campaign-title strong, .monitoring-campaign-title small { display: block; }.monitoring-campaign-title strong { font-size: 16px; }.monitoring-campaign-title small { margin-top: 3px; color: var(--coral); font-size: 13px; }
.monitoring-campaign-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }.monitoring-campaign-stats span, .monitoring-campaign-stats strong { display: block; }.monitoring-campaign-stats span { min-height: 24px; color: var(--muted); font-size: 12px; line-height: 1.3; }.monitoring-campaign-stats strong { margin-top: 4px; font-size: 14px; line-height: 1.35; }
.monitoring-nav { display: grid; width: 46px; height: 46px; place-items: center; border: 0; border-radius: 50%; background: var(--surface); color: var(--ink); font-size: 20px; cursor: pointer; box-shadow: var(--shadow); }.monitoring-nav:disabled { opacity: .28; cursor: default; }
body.monitoring-modal-open { overflow: hidden; }
.activity-empty { padding: 42px 22px; border: 1px dashed var(--line); background: var(--surface); text-align: center; }.activity-empty > span { color: var(--coral); font-size: 21px; }.activity-empty h2 { margin: 8px 0; font-size: 19px; }.activity-empty p { margin: 0 0 16px; color: var(--muted); font-size: 15px; }.activity-empty .button { display: inline-flex; }

/* Creator campaign submission */
.creator-brief { display: grid; grid-template-columns: 75px 1fr; gap: 18px; align-items: center; padding: 24px; border: 1px solid var(--line); background: var(--surface); }
.creator-brief h2 { margin: 0 0 7px; font-size: 20px; letter-spacing: -.04em; }
.creator-brief > div > p:not(.eyebrow) { max-width: 700px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.5; }
.creator-brief-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.creator-brief-meta span, .requirements-platforms span { padding: 5px 7px; border-radius: 99px; background: var(--surface-soft); color: var(--muted); font-size: 13px; }
.creator-submit-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; margin-top: 14px; }
.submit-card, .requirements-panel { padding: 25px; border: 1px solid var(--line); background: var(--surface); }
.submit-card h2, .requirements-panel h2, .creator-submissions h2 { margin: 0 0 8px; font-size: 21px; letter-spacing: -.04em; }
.submit-card > p:not(.eyebrow) { margin: 0 0 20px; color: var(--muted); font-size: 16px; line-height: 1.5; }
.submit-note { display: block; margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.requirements-platforms { display: flex; flex-wrap: wrap; gap: 6px; }
.requirements-panel dl { margin: 18px 0; }
.requirements-panel dl div { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.requirements-panel dt { color: var(--muted); }.requirements-panel dd { margin: 0; font-weight: 700; }
.requirements-copy { color: var(--muted); font-size: 15px; line-height: 1.55; }.requirements-panel a { display: inline-block; margin-top: 17px; color: var(--forest); font-size: 15px; font-weight: 700; }
.creator-submissions { max-width: 850px; margin-top: 42px; }.creator-submissions article { display: flex; justify-content: space-between; gap: 15px; padding: 14px 0; border-bottom: 1px solid var(--line); }.creator-submissions a { display: block; max-width: 540px; overflow: hidden; color: var(--forest); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }.creator-submissions small { display: block; margin-top: 4px; color: var(--muted); font-size: 13px; }.creator-submissions article > div:last-child { text-align: right; }.creator-submissions article p { max-width: 260px; margin: 6px 0 0; color: #aa493d; font-size: 14px; }
.my-submissions-section { margin-top: 52px; }.my-submission-list { border: 1px solid var(--line); background: var(--surface); }.my-submission-list a { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--line); }.my-submission-list a:last-child { border-bottom: 0; }.my-submission-list strong, .my-submission-list small { display: block; }.my-submission-list strong { font-size: 15px; }.my-submission-list small { margin-top: 4px; color: var(--muted); font-size: 13px; }

@media (max-width: 850px) {
  .starter-summary { grid-template-columns: 1fr; gap: 18px; }
  .starter-summary > div:first-child { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .starter-summary .button { width: 100%; }
  .starter-campaign-row { grid-template-columns: 36px 1fr; }
  .campaign-state, .campaign-reward { justify-self: start; text-align: left; }
  .builder-intro, .budget-callout { display: block; }
  .builder-intro > span, .budget-callout span { display: block; margin: 8px 0 0; }
  .platform-checks { grid-template-columns: 1fr; }
  .builder-card { padding: 20px; }
  .campaign-hero-card { grid-template-columns: 60px 1fr; padding: 18px; }
  .campaign-logo { width: 56px; height: 56px; border-radius: 14px; }
  .campaign-hero-actions { grid-column: 1 / -1; justify-items: start; text-align: left; }
  .campaign-metrics, .submission-grid { grid-template-columns: 1fr; }
  .campaign-metrics article { border-right: 0; border-bottom: 1px solid var(--line); }
  .submission-card iframe { height: 220px; }
  .review-head { align-items: start; flex-direction: column; }
  .submission-review-area.grid-mode .review-submission-grid { grid-template-columns: 1fr; }
  .submission-card iframe { min-height: 230px; }
  .monitoring-queue { grid-template-columns: 1fr; }
  .starter-posting-summary { grid-template-columns: 1fr; }
  .activity-header-copy { display: none; }.activity-campaign-grid { grid-template-columns: 1fr; }.activity-table-head { display: none; }.activity-submission-row { grid-template-columns: 1fr 1fr; }.activity-submission-row > :first-child { grid-column: 1 / -1; }
  .modal-overlay.monitoring-detail-overlay { grid-template-columns: minmax(0, 510px); }.monitoring-nav { display: none; }.monitoring-detail-scroll { padding: 21px 18px; }.monitoring-campaign-stats { grid-template-columns: repeat(2, 1fr); }
  .creator-brief, .creator-submit-layout { grid-template-columns: 1fr; }
  .creator-submissions article { display: block; }.creator-submissions article > div:last-child { margin-top: 10px; text-align: left; }
}

/* Creator payouts */
.payout-workspace { max-width: 1320px; }
.payout-message { margin-bottom: 14px; padding: 12px 15px; border: 1px solid var(--line); background: var(--surface); font-size: 15px; }
.payout-message.success { border-color: #6fb880; color: #347342; }.payout-message.error { border-color: #d77f77; color: #a84940; }
.payout-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-bottom: 23px; border-bottom: 1px solid var(--line); }
.payout-intro h2 { margin: 5px 0 0; font-size: 26px; letter-spacing: -.05em; }.payout-intro > p { max-width: 470px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }
.payout-wallet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.payout-wallet { padding: 22px; border: 1px solid var(--line); background: var(--surface); }.payout-wallet.wallet-npr { background: linear-gradient(145deg, #18251d, var(--surface) 58%); }
.payout-wallet-head { display: flex; justify-content: space-between; gap: 16px; }.payout-wallet-head strong,.payout-wallet-head span { display: block; }.payout-wallet-head strong { margin-top: 7px; font-size: 29px; letter-spacing: -.05em; }.payout-wallet-head span { margin-top: 2px; color: var(--muted); font-size: 13px; }.payout-wallet-head > b { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--forest); font: 13px 'DM Mono', monospace; }
.payout-wallet dl { margin: 18px 0 0; padding-top: 13px; border-top: 1px solid var(--line); }.payout-wallet dl div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 14px; }.payout-wallet dt { color: var(--muted); }.payout-wallet dd { margin: 0; font-weight: 700; }.payout-wallet footer { display: flex; justify-content: space-between; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }.payout-wallet footer strong { color: #9b6b33; }.payout-wallet footer strong.ready { color: #3d8e50; }
.payout-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }.payout-form-card { padding: 24px; border: 1px solid var(--line); background: var(--surface); }.payout-section-head { display: flex; gap: 13px; margin-bottom: 20px; }.payout-section-head > span { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--forest); color: white; font: 12px 'DM Mono', monospace; }.payout-section-head h2 { margin: 3px 0 4px; font-size: 20px; }.payout-section-head p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.45; }
.payout-form-card form > label,.payout-field-row label { display: block; margin-bottom: 14px; color: var(--ink); font-size: 14px; font-weight: 700; }.payout-form-card input,.payout-form-card select { width: 100%; margin-top: 7px; }.payout-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.payout-form-card label small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.4; }.payout-form-card .errorlist { margin: 6px 0 0; padding: 0; color: #b34d43; font-size: 13px; list-style: none; }
.payout-form-note { margin: 4px 0 15px; padding: 12px; border: 1px solid var(--line); background: var(--surface-soft); }.payout-form-note strong { font-size: 14px; }.payout-form-note p { margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }.payout-form-card .full { width: 100%; justify-content: center; }
.payout-request-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin: 7px 0 16px; border: 1px solid var(--line); }.payout-request-summary div { padding: 11px; border-right: 1px solid var(--line); }.payout-request-summary div:last-child { border-right: 0; }.payout-request-summary span,.payout-request-summary strong { display: block; }.payout-request-summary span { color: var(--muted); font-size: 11px; text-transform: uppercase; }.payout-request-summary strong { margin-top: 5px; font-size: 14px; }
.saved-payout-section,.payout-history-section { margin-top: 38px; }.payout-section-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; }.payout-section-title h2 { margin: 4px 0 0; font-size: 21px; }.payout-section-title > span { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--surface-soft); font: 12px 'DM Mono', monospace; }
.saved-payout-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); border: 1px solid var(--line); background: var(--surface); }.saved-payout-grid article { padding: 17px; border-right: 1px solid var(--line); }.saved-payout-grid article > div { display: flex; justify-content: space-between; gap: 10px; }.saved-payout-grid article p { margin: 13px 0 5px; font-size: 15px; }.saved-payout-grid article code { color: var(--muted); font-size: 13px; }.saved-payout-grid article small { display: block; margin-top: 13px; color: #9b6b33; font-size: 12px; }.saved-payout-grid article small.verified { color: #3d8e50; }
.payout-history-table { border: 1px solid var(--line); background: var(--surface); }.payout-history-head,.payout-history-table article { display: grid; grid-template-columns: 1fr 1fr .7fr .8fr; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--line); }.payout-history-head { color: var(--muted); font: 11px 'DM Mono', monospace; text-transform: uppercase; }.payout-history-table article:last-child { border-bottom: 0; }.payout-history-table article strong,.payout-history-table article small { display: block; }.payout-history-table article strong { font-size: 14px; }.payout-history-table article small { margin-top: 4px; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }.payout-status { display: inline-block; padding: 4px 7px; border-radius: 99px; background: #e9dfbc; color: #795c24; font-size: 12px; }.payout-status.paid { background: #dff0dc; color: #347342; }.payout-status.rejected,.payout-status.failed { background: #f2d7d3; color: #a84940; }.payout-empty { margin: 0; padding: 24px; color: var(--muted); font-size: 14px; }.payout-pagination { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; color: var(--muted); font-size: 13px; }.payout-pagination a { color: var(--forest); font-weight: 700; }
@media (max-width: 850px) { .payout-intro { align-items: flex-start; flex-direction: column; }.payout-wallet-grid,.payout-action-grid { grid-template-columns: 1fr; }.payout-history-head { display: none; }.payout-history-table article { grid-template-columns: 1fr 1fr; }.payout-field-row { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .payout-request-summary { grid-template-columns: 1fr; }.payout-request-summary div { border-right: 0; border-bottom: 1px solid var(--line); }.payout-history-table article { grid-template-columns: 1fr; } }

/* Simplified payout setup and withdrawal flow */
.first-payout-setup { display: grid; grid-template-columns: .75fr 1.25fr; max-width: 980px; margin: 18px auto 0; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.first-payout-copy { padding: 40px 34px; border-right: 1px solid var(--line); background: linear-gradient(150deg, #14251b, #1f4f3d); color: white; }
.setup-step { display: grid; width: 35px; height: 35px; margin-bottom: 38px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; font: 12px 'DM Mono', monospace; }
.first-payout-copy .eyebrow { color: #bad5c5; }.first-payout-copy h2 { margin: 8px 0 12px; font-size: 29px; letter-spacing: -.05em; line-height: 1.06; }.first-payout-copy > p:not(.eyebrow) { margin: 0; color: #cee0d5; font-size: 15px; line-height: 1.6; }
.setup-security-note { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); }.setup-security-note strong,.setup-security-note span { display: block; }.setup-security-note strong { font-size: 14px; }.setup-security-note span { margin-top: 5px; color: #bad5c5; font-size: 13px; line-height: 1.5; }
.first-payout-form { padding: 38px; }.payout-setup-form > label { display: block; margin-bottom: 18px; color: var(--ink); font-size: 14px; font-weight: 700; }.payout-setup-form input,.payout-setup-form select { width: 100%; min-height: 49px; margin-top: 8px; }.payout-setup-form label small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.45; }.payout-setup-form .errorlist { margin: 6px 0 0; padding: 0; color: #b34d43; font-size: 13px; list-style: none; }
.payout-save-button { min-width: 230px; justify-content: center; margin-top: 4px; }.locked-payout-currency { margin-bottom: 18px; padding: 13px 15px; border: 1px solid var(--line); background: var(--surface-soft); }.locked-payout-currency span,.locked-payout-currency strong,.locked-payout-currency small { display: block; }.locked-payout-currency span { color: var(--muted); font-size: 12px; text-transform: uppercase; }.locked-payout-currency strong { margin-top: 5px; font-size: 16px; }.locked-payout-currency small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.payout-page-header { align-items: end; }.payout-setup-complete { padding: 9px 12px; border: 1px solid var(--line); color: #3d8e50; font-size: 13px; }
.compact-payout-wallets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }.compact-payout-wallets article { display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; min-width: 0; padding: 18px 20px; border: 1px solid var(--line); background: var(--surface); }.compact-payout-wallets article > div span,.compact-payout-wallets article > div strong { display: block; }.compact-payout-wallets article > div span { color: var(--muted); font-size: 12px; text-transform: uppercase; }.compact-payout-wallets article > div strong { margin-top: 7px; font-size: 24px; }.compact-payout-wallets dl { margin: 0; padding-left: 20px; border-left: 1px solid var(--line); }.compact-payout-wallets dl div { display: flex; justify-content: space-between; gap: 8px; padding: 4px 0; font-size: 12px; }.compact-payout-wallets dt { color: var(--muted); }.compact-payout-wallets dd { margin: 0; font-weight: 700; }
.payout-request-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(250px, .6fr); gap: 12px; margin-top: 12px; }.primary-payout-request,.payout-method-summary { padding: 26px; border: 1px solid var(--line); background: var(--surface); }.primary-payout-request form { max-width: 650px; }.primary-payout-request form > label { display: block; margin-bottom: 17px; font-size: 14px; font-weight: 700; }.primary-payout-request input,.primary-payout-request select { width: 100%; min-height: 48px; margin-top: 7px; }.primary-payout-request label small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 400; }.primary-payout-request .errorlist { margin: 6px 0 0; padding: 0; color: #b34d43; font-size: 13px; list-style: none; }
.simple-request-summary { display: flex; gap: 24px; margin: 3px 0 18px; padding: 12px 14px; background: var(--surface-soft); }.simple-request-summary span { color: var(--muted); font-size: 12px; }.simple-request-summary strong { margin-left: 4px; color: var(--ink); }
.payout-method-summary > article { padding: 14px 0; border-top: 1px solid var(--line); }.payout-method-summary > article > div { display: flex; justify-content: space-between; gap: 8px; }.payout-method-summary article strong { font-size: 15px; }.payout-method-summary article b { color: var(--forest); font: 12px 'DM Mono', monospace; }.payout-method-summary article p { margin: 7px 0; color: var(--muted); font: 13px 'DM Mono', monospace; }.payout-method-summary article small { color: #9b6b33; font-size: 12px; }.payout-method-summary article small.verified { color: #3d8e50; }.add-missing-method { width: 100%; margin-top: 12px; padding: 11px; border: 1px dashed #63816d; background: transparent; color: var(--forest); font-size: 13px; font-weight: 700; cursor: pointer; }
.payout-account-modal .modal-card { width: min(570px, 100%); max-height: calc(100vh - 34px); overflow-y: auto; }.payout-account-modal .modal-header h3 { margin: 4px 0 0; }.payout-account-modal .modal-body { padding: 25px; }
@media (max-width: 900px) { .first-payout-setup { grid-template-columns: 1fr; }.first-payout-copy { border-right: 0; }.setup-step { margin-bottom: 20px; }.payout-request-layout { grid-template-columns: 1fr; }.compact-payout-wallets article { grid-template-columns: 1fr; }.compact-payout-wallets dl { margin-top: 14px; padding: 12px 0 0; border-top: 1px solid var(--line); border-left: 0; } }
@media (max-width: 620px) { .first-payout-copy,.first-payout-form,.primary-payout-request,.payout-method-summary { padding: 22px; }.compact-payout-wallets { grid-template-columns: 1fr; }.simple-request-summary { align-items: flex-start; flex-direction: column; gap: 7px; }.payout-page-header { align-items: flex-start; gap: 18px; flex-direction: column; }.payout-save-button { width: 100%; min-width: 0; } }

/* Connections */
.connections-intro { max-width: 680px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.connections-intro h2 { margin: 0 0 9px; font-size: 27px; letter-spacing: -.05em; }
.connections-intro p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.connection-list { max-width: 750px; margin-top: 22px; }
.connection-row { display: flex; align-items: center; gap: 15px; padding: 19px 0; border-bottom: 1px solid var(--line); }
.platform-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: white; }
.instagram { background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); }
.tiktok { background: #101010; }
.youtube { background: #f22c26; }
.connection-row h3 { margin: 0 0 4px; font-size: 17px; }
.connection-row p { margin: 0; color: var(--muted); font-size: 15px; }
.connection-row form, .connection-row .connected, .connection-row button { margin-left: auto; }
.connected { color: #579d2c; font-size: 14px; }
.youtube-note { display: flex; gap: 14px; max-width: 750px; margin-top: 28px; padding: 19px; border: 1px solid var(--line); background: var(--surface); }
.youtube-note > span { color: var(--coral); }
.youtube-note h3 { margin: 0 0 5px; font-size: 16px; }
.youtube-note p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.5; }

/* Account verification */
.connection-row-card { margin-bottom: 12px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.connection-header { display: flex; align-items: center; gap: 14px; }
.platform-meta h3 { margin: 0 0 4px; font-size: 17px; }
.platform-meta p { margin: 0; font-size: 15px; }
.status-connected { color: #55952f; }
.status-unconnected { color: var(--muted); }
.disconnect-btn { margin-left: auto; }
.connection-methods { display: grid; gap: 8px; margin-top: 17px; }
.method-card { display: flex; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--line); }
.method-card.active { border-color: var(--forest); background: var(--surface-soft); }
.method-card.disabled { opacity: .62; }
.method-badge { min-width: 76px; color: var(--muted); font: 13px 'DM Mono', monospace; }
.method-badge.recommended { color: var(--forest); }
.method-details { flex: 1; }
.method-details h4 { margin: 0 0 4px; font-size: 15px; }
.method-details p { margin: 0; color: var(--muted); font-size: 14px; }
.modal-overlay { position: fixed; z-index: 50; inset: 0; display: grid; padding: 20px; place-items: center; background: rgba(11, 20, 15, .54); }
.modal-overlay.hidden, .hidden { display: none; }

.campaign-message { margin: 0 0 14px; padding: 11px 14px; border: 1px solid var(--line); background: var(--surface); font-size: 15px; }
.campaign-message.success { border-color: #71c986; color: #21693a; }
.campaign-message.error { border-color: #e99898; color: #9e3232; }
.campaign-budget-line { margin-top: 15px; }
.campaign-budget-line > div { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 13px; }
.campaign-budget-line strong { color: var(--ink); font-size: 14px; }
.campaign-budget-line i { display: block; height: 5px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: var(--line); }
.campaign-budget-line b { display: block; height: 100%; border-radius: inherit; background: var(--forest); }
.campaign-apply-modal { width: min(510px, 100%); max-height: min(720px, calc(100vh - 30px)); padding: 0; overflow: hidden; background: var(--surface); }
.modal-campaign-title { display: flex; align-items: center; gap: 12px; }
.modal-campaign-title strong { display: block; font-size: 17px; }
.modal-campaign-title p { margin: 3px 0 0; color: var(--coral); font-size: 15px; }
.campaign-modal-scroll { max-height: calc(min(720px, 100vh - 30px) - 174px); padding: 0 20px 20px; overflow-y: auto; }
.campaign-modal-rate, .campaign-modal-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.campaign-modal-rate { padding: 14px 0; border-bottom: 1px solid var(--line); }
.campaign-modal-rate span, .campaign-modal-stats span { display: block; color: var(--muted); font-size: 13px; }
.campaign-modal-rate strong, .campaign-modal-stats strong { display: block; margin-top: 5px; font-size: 16px; }
.modal-budget { padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.campaign-modal-stats { grid-template-columns: repeat(3, 1fr); padding: 14px 0; border-bottom: 1px solid var(--line); }
.campaign-modal-stats strong { font-size: 14px; line-height: 1.35; }
.campaign-modal-requirements { padding: 16px 0 8px; }
.campaign-modal-requirements h3 { margin: 0 0 12px; font-size: 17px; }
.campaign-modal-requirements p, .campaign-modal-requirements li { color: var(--muted); font-size: 15px; line-height: 1.55; }
.campaign-modal-requirements p { margin: 0 0 7px; }
.campaign-modal-requirements ul { margin: 10px 0; padding-left: 19px; }
.campaign-modal-requirements li { margin: 5px 0; }
.campaign-posting-instructions { margin-top: 16px; padding: 16px; border: 1px solid var(--line); background: var(--surface-soft); }.campaign-posting-head > span { color: var(--forest); font: 12px 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }.campaign-posting-head h3 { margin: 5px 0; font-size: 16px; }.campaign-posting-head > p { margin: 0 0 13px; color: var(--muted); font-size: 14px; line-height: 1.5; }.campaign-posting-instructions article { padding: 12px 0; border-top: 1px solid var(--line); }.campaign-posting-instructions article > strong { display: block; margin-bottom: 8px; font-size: 15px; }.campaign-posting-instructions article div { margin-top: 8px; }.campaign-posting-instructions article div span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }.campaign-posting-instructions article p { margin: 4px 0 0; color: var(--ink); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }.campaign-posting-instructions article small { color: var(--muted); font-size: 13px; line-height: 1.45; }
.starter-posting-summary { display: grid; grid-template-columns: minmax(190px, .65fr) 1.35fr; gap: 24px; margin: 18px 0; padding: 22px; border: 1px solid var(--line); background: var(--surface); }.starter-posting-summary h2 { margin: 5px 0; font-size: 20px; }.starter-posting-summary > div > p:last-child { color: var(--muted); font-size: 14px; line-height: 1.5; }.starter-posting-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }.starter-posting-grid article { padding: 13px; border: 1px solid var(--line); background: var(--surface-soft); }.starter-posting-grid strong, .starter-posting-grid span { display: block; }.starter-posting-grid strong { margin-bottom: 10px; font-size: 15px; }.starter-posting-grid span { margin-top: 8px; color: var(--muted); font-size: 12px; text-transform: uppercase; }.starter-posting-grid p { margin: 3px 0; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.campaign-discord-link { display: block; padding: 11px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-size: 15px; font-weight: 700; text-align: center; }
.campaign-modal-action { padding: 14px 20px 17px; border-top: 1px solid var(--line); background: var(--surface); }
.campaign-modal-action label { display: block; margin-bottom: 10px; color: var(--ink); font-size: 14px; font-weight: 700; }
.campaign-modal-action input { width: 100%; margin-top: 6px; }
.campaign-modal-action small { display: block; margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.campaign-settlement-notice, .settlement-terms-builder { margin-top: 15px; padding: 14px; border: 1px solid var(--line); background: var(--surface-soft); }
.campaign-settlement-notice strong, .settlement-terms-builder h3 { display: block; margin: 0 0 5px; font-size: 15px; }
.campaign-settlement-notice p, .settlement-terms-builder > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.settlement-terms-builder .field-row { margin-top: 13px; }
.settlement-terms-builder > label { display: block; margin-top: 12px; }
.submission-status-note { padding: 12px; border: 1px solid var(--line); background: var(--surface-soft); font-size: 15px; }
.submission-status-note p { margin: 4px 0 0; color: var(--muted); }
.campaign-budget-progress { margin-top: 14px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.campaign-budget-progress > div:first-child { display: flex; justify-content: space-between; gap: 16px; }
.campaign-budget-progress span { color: var(--muted); font-size: 14px; }
.campaign-budget-progress > div:first-child strong { font-size: 16px; }
.campaign-budget-progress p { margin: 12px 0 0; color: var(--muted); font-size: 14px; }
@media (max-width: 600px) { .campaign-modal-stats { grid-template-columns: repeat(2, 1fr); } .campaign-apply-modal { max-height: calc(100vh - 20px); } .campaign-modal-scroll { max-height: calc(100vh - 194px); } }
.modal-card { width: min(570px, 100%); border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.modal-header, .modal-footer { display: flex; align-items: center; justify-content: space-between; padding: 19px 21px; border-bottom: 1px solid var(--line); }
.modal-footer { border-top: 1px solid var(--line); border-bottom: 0; }
.modal-title-group { display: flex; align-items: center; gap: 12px; }
.modal-title-group h3 { margin: 0; font-size: 17px; }
.modal-platform-icon.small { width: 32px; height: 32px; }
.modal-close-btn { border: 0; background: none; color: var(--muted); font-size: 25px; cursor: pointer; }
.modal-body { padding: 21px; }
.modal-notice, .status-msg { display: flex; gap: 10px; margin-bottom: 18px; padding: 13px; background: var(--surface-soft); color: var(--muted); font-size: 15px; line-height: 1.5; }
.modal-notice strong { display: block; color: var(--ink); }
.modal-notice p { margin: 3px 0 0; }
.form-group label { font-size: 15px; }
.input-with-button, .code-box { display: flex; gap: 8px; }
.input-with-button input { margin-top: 0; }
.code-box-container { margin-top: 18px; }
.code-box { align-items: center; padding: 10px; background: var(--surface-soft); }
.code-box code { flex: 1; color: var(--forest); font-size: 16px; font-weight: 700; }
.copy-btn { padding: 9px 12px; }
.copy-toast { color: #55952f; font-size: 14px; }
.timer-container { margin-top: 14px; }
.timer-header { display: flex; justify-content: space-between; color: var(--muted); font-size: 14px; }
.timer-bar-bg { height: 5px; margin-top: 7px; overflow: hidden; background: var(--line); }
.timer-bar-fill { width: 100%; height: 100%; background: var(--forest); }

@media (max-width: 850px) {
  .connection-header, .method-card { align-items: flex-start; flex-wrap: wrap; }
  .disconnect-btn, .method-card .button { margin-left: auto; }
}

@media (max-width: 850px) {
  .landing main { padding: 23px; }
  .hero { padding: 105px 0 70px; }
  .proof, .field-row, .creator-options, .stats-grid, .campaign-grid, .funds-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; width: 100%; height: auto; padding: 18px 20px; }
  .sidebar .creator-mini, .sidebar-bottom { display: none; }
  .side-nav { display: flex; margin-top: 18px; overflow-x: auto; }
  .side-nav a { white-space: nowrap; }
  .app-shell { display: block; }
  .workspace { width: 100%; margin: 0; padding: 37px 22px 56px; }
  .workspace header h1 { font-size: 40px; }
  .profile-link, .starter-account-name { display: none; }
  .overview-heading, .wallet-readiness, .funds-hero { display: block; }
  .overview-heading > p { margin-top: 16px; }
  .wallet-readiness-value, .funds-threshold { margin-top: 18px; padding: 17px 0 0; border-top: 1px solid rgba(255,255,255,.25); border-left: 0; }
  .sync-callout { display: block; }
  .sync-callout .button { margin-top: 15px; }
  .form-card { padding: 24px 20px; }
  .form-card h1 { font-size: 42px; }
  .payment-methods { grid-template-columns: 1fr; }
  .starter-wallet-grid,.currency-ledger-grid { grid-template-columns: 1fr; }.currency-wallet-foot { align-items: flex-start; flex-direction: column; }.wallet-balance-pair { width: 100%; margin-top: 18px; }.wallet-balance-pair .wallet-readiness-value { flex: 1; }.wallet-balance-pair .wallet-readiness-value + .wallet-readiness-value { border-top: 0; border-left: 1px solid rgba(255,255,255,.25); }
  .builder-steps { grid-template-columns: repeat(5, minmax(46px, 1fr)); overflow-x: auto; }.builder-steps span { display: none; }
  .profile-requirement-grid,.campaign-filter-line { grid-template-columns: 1fr; }
  .universal-policy-grid { grid-template-columns: 1fr; }.rate-recommendation { align-items: flex-start; flex-direction: column; }
  .platform-filter-line { flex-wrap: wrap; }.platform-filter-line > span { width: 100%; margin: 5px 0 0; }
}