/*
Theme Name: RangRank
Theme URI: https://rangrank.id
Description: Editorial creator intelligence theme for RangRank.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: rangrank
*/

:root { --ink:#101936; --muted:#68708a; --line:#e7eaf2; --surface:#fff; --soft:#f7f8fc; --accent:#7157f5; --accent-2:#bd53d9; --good:#169c68; --radius:18px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:15px; line-height:1.6; }
h1,h2,h3,.rr-brand,.rr-button { font-family:Manrope,"DM Sans",ui-sans-serif,system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
.rr-shell { width:min(1240px,calc(100% - 48px)); margin:auto; }
.rr-skip { position:absolute; left:-9999px; }
.rr-skip:focus { left:20px; top:20px; z-index:10; padding:10px 14px; background:var(--ink); color:#fff; border-radius:8px; }
.rr-header { position:sticky; top:0; z-index:5; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(231,234,242,.85); backdrop-filter:blur(18px); }
.rr-header-inner { min-height:74px; display:flex; align-items:center; gap:34px; }
.rr-brand { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:800; letter-spacing:-.04em; margin-right:auto; }
.rr-mark { width:30px; height:30px; display:grid; place-items:center; color:#fff; font-weight:900; background:linear-gradient(140deg,var(--accent),var(--accent-2)); border-radius:9px 9px 9px 2px; }
.rr-nav { display:flex; align-items:center; gap:25px; color:#4e5670; font-size:13px; }
.rr-nav a { padding:27px 0 23px; border-bottom:2px solid transparent; transition:.2s ease; }
.rr-nav a:hover,.rr-nav a[aria-current=page] { color:var(--accent); border-color:var(--accent); }
.rr-actions { display:flex; align-items:center; gap:8px; }
.rr-button { border:1px solid var(--line); border-radius:9px; padding:10px 17px; background:#fff; color:var(--ink); cursor:pointer; font-weight:700; transition:.2s ease; }
.rr-button:hover { transform:translateY(-1px); border-color:#cfc9ff; box-shadow:0 8px 22px rgba(71,60,172,.1); }
.rr-button--primary { border-color:transparent; color:#fff; background:var(--accent); box-shadow:0 8px 20px rgba(113,87,245,.22); }
.rr-hero { padding:88px 0 72px; background:radial-gradient(circle at 70% 20%,#f8efff 0,rgba(248,239,255,.55) 20%,transparent 45%),#fff; }
.rr-hero-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:64px; align-items:center; }
.rr-eyebrow { display:inline-flex; gap:8px; border:1px solid #ddd9ff; color:var(--accent); border-radius:999px; padding:7px 13px; font-size:12px; font-weight:700; background:#fbfaff; }
.rr-hero h1 { font-size:clamp(42px,5vw,72px); line-height:1.02; letter-spacing:-.07em; margin:25px 0 21px; max-width:660px; text-wrap:balance; }
.rr-gradient { color:var(--accent); }
.rr-hero p { max-width:540px; font-size:17px; color:#4f5872; }
.rr-search { display:flex; gap:8px; margin:28px 0 14px; max-width:570px; padding:5px; border:1px solid #dfe2eb; border-radius:12px; box-shadow:0 12px 35px rgba(43,48,83,.06); }
.rr-search input { min-width:0; flex:1; border:0; outline:0; padding:11px 13px; color:var(--ink); }
.rr-search input:focus { box-shadow:0 0 0 3px #e9e5ff; border-radius:7px; }
.rr-trends { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.rr-tag { padding:5px 10px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.rr-hero-card { min-height:430px; padding:24px; border:1px solid #e6e7ef; border-radius:22px; background:rgba(255,255,255,.85); box-shadow:0 22px 65px rgba(40,44,84,.12); }
.rr-score-head,.rr-stat-row,.rr-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.rr-score-head { border-bottom:1px solid var(--line); padding-bottom:18px; }
.rr-score { font-size:70px; font-weight:800; line-height:1; letter-spacing:-.08em; margin:26px 0 5px; }
.rr-score-label { color:var(--muted); font-size:13px; }
.rr-stat-row { margin-top:26px; padding-top:18px; border-top:1px solid var(--line); }
.rr-stat strong { display:block; font-size:20px; font-variant-numeric:tabular-nums; }
.rr-stat small { color:var(--muted); font-size:11px; }
.rr-section { padding:76px 0; }
.rr-section--soft { background:var(--soft); }
.rr-section-head { margin-bottom:28px; }
.rr-section h2 { margin:0; font-size:28px; letter-spacing:-.04em; }
.rr-link { color:var(--accent); font-weight:700; font-size:13px; }
.rr-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.rr-card { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:20px; transition:.2s ease; }
.rr-card:hover { border-color:#cfc9ff; transform:translateY(-2px); box-shadow:0 14px 30px rgba(54,48,120,.08); }
.rr-card h3 { margin:0 0 5px; font-size:16px; }
.rr-card p { margin:0; color:var(--muted); font-size:13px; }
.rr-creator-list { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.rr-creator { padding:18px; text-align:center; }
.rr-avatar { width:56px; height:56px; border-radius:16px; display:grid; place-items:center; margin:13px auto; color:var(--accent); background:#eeeaff; font-weight:800; }
.rr-creator .rr-score { font-size:30px; margin:10px 0 0; }
.rr-cta { padding:48px; border-radius:24px; color:#fff; background:linear-gradient(115deg,#5d4cf0,#c45bdc); display:flex; justify-content:space-between; align-items:center; gap:28px; }
.rr-cta h2 { margin:0; font-size:36px; line-height:1.1; max-width:570px; letter-spacing:-.05em; }
.rr-cta p { opacity:.86; max-width:520px; }
.rr-footer { padding:52px 0 34px; border-top:1px solid var(--line); color:var(--muted); }
.rr-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; }
.rr-footer h3 { color:var(--ink); font-size:13px; margin:0 0 12px; }
.rr-footer a { display:block; font-size:13px; margin:7px 0; }
.rr-directory { padding:70px 0; }
.rr-directory h1 { font-size:52px; line-height:1.05; letter-spacing:-.06em; margin:0 0 12px; }
.rr-directory-toolbar { display:flex; flex-wrap:wrap; gap:10px; padding:18px; margin:30px 0; border:1px solid var(--line); border-radius:14px; background:var(--soft); }
.rr-directory-toolbar input,.rr-directory-toolbar select { min-width:180px; flex:1; border:1px solid var(--line); border-radius:8px; padding:10px 12px; background:#fff; }
.rr-results { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.rr-result { display:flex; gap:16px; align-items:flex-start; }
.rr-result .rr-avatar { flex:none; margin:0; }
.rr-result-meta { color:var(--muted); font-size:13px; }
.rr-empty { padding:50px 20px; text-align:center; border:1px dashed #cbd0df; border-radius:16px; color:var(--muted); }
.rr-empty strong { display:block; color:var(--ink); font-family:Manrope,sans-serif; font-size:21px; }.rr-empty p { max-width:620px; margin:8px auto 22px; }.rr-empty--large { grid-column:1/-1; padding:70px 24px; background:var(--soft); }
.rr-page-hero { padding:82px 0 64px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 76% 10%,#f2efff 0,transparent 38%),#fff; }.rr-page-hero h1,.rr-content h1 { max-width:850px; margin:20px 0 16px; font-size:clamp(42px,5vw,68px); line-height:1.04; letter-spacing:-.065em; text-wrap:balance; }.rr-page-hero p,.rr-content > .rr-shell > p { max-width:650px; color:var(--muted); font-size:18px; }
.rr-split { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; }.rr-inline-actions { display:flex; gap:18px; align-items:center; margin-top:28px; }.rr-quiet-panel { padding:28px; border-left:3px solid var(--accent); background:var(--soft); }.rr-quiet-panel small { color:var(--accent); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.rr-quiet-panel li { margin:12px 0; color:#48516a; }
.rr-feature-list { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); }.rr-feature-list article { padding:32px; background:#fff; }.rr-feature-list span { color:var(--accent); font:800 13px Manrope,sans-serif; }.rr-feature-list h2 { font-size:22px; margin:30px 0 8px; }.rr-feature-list p { color:var(--muted); }
.rr-content { padding:82px 0 100px; }.rr-reading { max-width:900px; }.rr-prose { max-width:760px; margin-top:38px; color:#3f4963; font-size:17px; }.rr-prose h2 { color:var(--ink); margin-top:42px; font-size:29px; letter-spacing:-.035em; }.rr-prose img { max-width:100%; height:auto; border-radius:16px; }.rr-featured { margin:34px 0; }.rr-featured img { width:100%; height:auto; border-radius:18px; }
.rr-post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.rr-post { padding:26px 4px 28px; border-top:2px solid var(--ink); }.rr-post h2 { margin:18px 0 10px; font-size:23px; line-height:1.25; }.rr-post p,.rr-post-meta { color:var(--muted); }.rr-post-meta { margin-top:22px; font-size:12px; }
.rr-pricing-card { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:42px; color:#fff; background:#202743; border-radius:22px; }.rr-pricing-card small { color:#bdb5ff; font-weight:800; }.rr-pricing-card h2 { margin:10px 0 4px; font-size:34px; }.rr-pricing-card p { color:#cbd0df; }
.rr-workspace { min-height:70dvh; padding:54px 0 90px; background:var(--soft); }.rr-workspace-head { display:flex; justify-content:space-between; align-items:end; gap:24px; }.rr-workspace-head h1 { margin:15px 0 5px; font-size:42px; letter-spacing:-.055em; }.rr-workspace-head p { margin:0; color:var(--muted); }.rr-role { padding:7px 11px; border:1px solid #d9d4ff; border-radius:7px; color:var(--accent); background:#fff; font-weight:700; font-size:12px; }.rr-workspace-nav { display:flex; gap:4px; overflow:auto; margin:30px 0; padding:5px; border:1px solid var(--line); border-radius:11px; background:#fff; }.rr-workspace-nav a { flex:none; padding:9px 13px; border-radius:7px; color:var(--muted); font-size:13px; font-weight:700; }.rr-workspace-nav a:hover,.rr-workspace-nav a[aria-current=page] { color:var(--ink); background:#eeebff; }.rr-workspace-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.rr-metric { padding:23px; border:1px solid var(--line); border-radius:14px; background:#fff; }.rr-metric small,.rr-metric span,.rr-metric strong { display:block; }.rr-metric small,.rr-metric span { color:var(--muted); }.rr-metric strong { margin:13px 0 2px; font:800 35px Manrope,sans-serif; font-variant-numeric:tabular-nums; }.rr-metric span { font-size:12px; }.rr-workspace-body { display:grid; grid-template-columns:1.3fr .7fr; gap:16px; margin-top:16px; }.rr-workspace-body > * { padding:30px; border-radius:16px; background:#fff; border:1px solid var(--line); }.rr-workspace-body h2 { margin-top:0; }.rr-workspace-body p { color:var(--muted); }.rr-workspace-body aside { background:#202743; color:#fff; }.rr-workspace-body aside p { color:#cbd0df; }.rr-analytics-empty { max-width:760px; margin:50px auto; padding:54px; text-align:center; border:1px solid var(--line); border-radius:20px; background:#fff; }.rr-analytics-empty > strong { display:block; font:800 28px Manrope,sans-serif; }.rr-analytics-empty > p { max-width:550px; margin:8px auto 28px; color:var(--muted); }.rr-empty-icon { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 18px; border-radius:16px; background:#eeebff; color:var(--accent); font-size:28px; }.rr-source-list { display:grid; gap:8px; text-align:left; }.rr-source-list span { display:flex; justify-content:space-between; padding:12px 14px; border-radius:8px; background:var(--soft); color:#505a73; }.rr-source-list b { color:var(--good); }.rr-source-list em { color:var(--muted); font-style:normal; }.rr-settings { max-width:650px; padding:30px; border:1px solid var(--line); border-radius:16px; background:#fff; }.rr-settings form { display:grid; gap:16px; }.rr-settings label { display:grid; gap:6px; font-weight:700; font-size:13px; }.rr-settings input { padding:11px 12px; border:1px solid var(--line); border-radius:8px; }
.rr-auth { min-height:70dvh; display:grid; place-items:center; padding:72px 20px; background:radial-gradient(circle at 50% 0,#f3efff,transparent 48%),var(--soft); }
.rr-auth-card { width:min(100%,460px); padding:36px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 24px 70px rgba(38,43,83,.1); }
.rr-auth-card h1 { margin:18px 0 6px; font-size:36px; line-height:1.1; letter-spacing:-.05em; }
.rr-auth-card > p { color:var(--muted); }
.rr-auth-card form { display:grid; gap:15px; margin:26px 0; }
.rr-auth-card label:not(.rr-check) { display:grid; gap:6px; font-weight:700; font-size:13px; }
.rr-auth-card input,.rr-auth-card select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); }
.rr-auth-card input:focus,.rr-auth-card select:focus { outline:3px solid #e9e5ff; border-color:var(--accent); }
.rr-check { display:flex; gap:8px; align-items:center; font-size:13px; }.rr-check input { width:auto; }
.rr-form-message { min-height:20px; font-size:13px; color:#b42318; }.rr-form-message.is-success { color:var(--good); }
.rr-profile-data { margin-top:30px; }.rr-data-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 24px; }.rr-data-grid > div { padding:16px; border-radius:12px; background:var(--soft); }.rr-data-grid small,.rr-data-grid strong { display:block; }.rr-data-grid small { color:var(--muted); margin-bottom:4px; }.rr-data-grid strong { overflow-wrap:anywhere; }
.rr-tools { margin-top:34px; }.rr-tools h2 { font-size:20px; }.rr-tools-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }.rr-tools-grid a { padding:16px; border:1px solid var(--line); border-radius:11px; background:#fff; transition:.2s ease; }.rr-tools-grid a:hover { transform:translateY(-2px); border-color:#cfc9ff; }.rr-tools-grid strong,.rr-tools-grid span { display:block; }.rr-tools-grid strong { font-size:13px; }.rr-tools-grid span { margin-top:18px; color:var(--muted); font-size:11px; }
@media (max-width:900px) { .rr-nav { display:none; } .rr-hero-grid,.rr-split,.rr-workspace-body { grid-template-columns:1fr; } .rr-grid,.rr-creator-list { grid-template-columns:repeat(2,1fr); } .rr-results,.rr-post-grid { grid-template-columns:1fr 1fr; } .rr-feature-list { grid-template-columns:1fr; }.rr-tools-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:580px) { .rr-shell { width:min(100% - 30px,1240px); } .rr-actions .rr-button:first-child { display:none; } .rr-hero { padding-top:50px; } .rr-grid,.rr-creator-list,.rr-results,.rr-footer-grid,.rr-data-grid,.rr-post-grid,.rr-workspace-grid,.rr-tools-grid { grid-template-columns:1fr; } .rr-cta { padding:28px; display:block; } .rr-cta h2 { font-size:30px; } .rr-stat-row { gap:8px; flex-wrap:wrap; } .rr-stat strong { font-size:16px; } .rr-inline-actions,.rr-workspace-head,.rr-pricing-card { align-items:flex-start; flex-direction:column; }.rr-analytics-empty { padding:34px 20px; } }

/* RangRank 0.4 product interface */
:root { --ink:#111936; --muted:#687089; --line:#e6e9f2; --surface:#fff; --soft:#f7f8fc; --accent:#6947ec; --accent-dark:#5132ca; --accent-soft:#efebff; --good:#17855d; --warning:#a26216; --radius:18px; --shadow:0 24px 70px rgba(35,31,78,.1); }
body { background:linear-gradient(180deg,#fff 0,#fdfdff 100%); }
body:before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.16; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
h1,h2,h3 { text-wrap:balance; }
p { text-wrap:pretty; }
:focus-visible { outline:3px solid rgba(105,71,236,.28); outline-offset:3px; }
.rr-header { z-index:20; }
.admin-bar .rr-header { top:32px; }
.rr-menu-toggle { display:none; width:42px; height:42px; padding:11px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.rr-menu-toggle > span:not(.screen-reader-text) { display:block; width:100%; height:2px; margin:4px 0; border-radius:2px; background:var(--ink); }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.rr-button:active { transform:translateY(1px) scale(.99); }
.rr-button--quiet { background:transparent; color:var(--muted); box-shadow:none; }
.rr-text-button { border:0; padding:0; color:#9b3151; background:transparent; cursor:pointer; font-weight:700; font-size:12px; }
.rr-overline { display:block; margin-bottom:10px; color:var(--accent); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rr-link--light { color:#cfc7ff; }

.rr-hero { position:relative; overflow:hidden; padding:76px 0 86px; background:radial-gradient(circle at 71% 9%,rgba(194,167,255,.26),transparent 32%),radial-gradient(circle at 92% 68%,rgba(237,207,255,.22),transparent 30%),#fff; }
.rr-hero:after { content:""; position:absolute; width:460px; height:460px; right:-260px; bottom:-310px; border:1px solid #ddd5ff; border-radius:50%; box-shadow:0 0 0 55px rgba(238,234,255,.5),0 0 0 110px rgba(245,242,255,.6); }
.rr-hero-grid { position:relative; z-index:1; grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr); gap:58px; }
.rr-hero-copy h1 { max-width:680px; font-size:clamp(48px,5.6vw,76px); line-height:.99; }
.rr-hero-copy > p { max-width:620px; font-size:18px; }
.rr-search { align-items:center; background:#fff; }
.rr-search > span { padding-left:10px; color:var(--muted); font-size:22px; }
.rr-data-note { display:flex; align-items:center; gap:7px; margin-top:18px; color:var(--muted); font-size:12px; }
.rr-live-dot { width:8px; height:8px; border-radius:50%; background:var(--good); box-shadow:0 0 0 4px rgba(23,133,93,.12); }
.rr-intelligence-card { position:relative; padding:26px; border:1px solid rgba(222,221,235,.9); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.rr-card-kicker { display:flex; justify-content:space-between; align-items:center; padding-bottom:17px; border-bottom:1px solid var(--line); }
.rr-card-kicker span { font-weight:800; }
.rr-card-kicker small { color:var(--muted); }
.rr-featured-creator { display:grid; grid-template-columns:auto 1fr auto; gap:15px; align-items:center; padding:24px 0; }
.rr-featured-creator h2 { margin:0; font-size:21px; }
.rr-featured-creator p { margin:3px 0 0; color:var(--muted); font-size:13px; }
.rr-featured-creator > a { color:var(--accent); font-size:12px; font-weight:800; }
.rr-avatar--large { width:68px; height:68px; margin:0; border-radius:20px; font-size:19px; }
.rr-hero-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--line); }
.rr-hero-metrics > div { padding:17px; background:#fff; }
.rr-hero-metrics small,.rr-hero-metrics strong,.rr-hero-metrics span { display:block; }
.rr-hero-metrics small { color:var(--muted); font-size:10px; }
.rr-hero-metrics strong { min-height:36px; margin:4px 0; font-size:20px; font-variant-numeric:tabular-nums; }
.rr-hero-metrics span { color:var(--warning); font-size:9px; font-weight:800; }
.rr-hero-metrics span.is-ready { color:var(--good); }
.rr-readiness { display:grid; gap:8px; margin-top:17px; }
.rr-readiness > div,.rr-readiness-board > div { display:flex; justify-content:space-between; gap:18px; padding:10px 12px; border-radius:8px; background:var(--soft); color:#535c75; font-size:11px; }
.rr-readiness b,.rr-readiness-board b { color:var(--good); }
.rr-readiness em,.rr-readiness-board em { color:var(--muted); font-style:normal; }
.rr-proof { position:relative; border-block:1px solid var(--line); background:#fff; }
.rr-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.rr-proof-grid > div { padding:27px 30px; border-right:1px solid var(--line); }
.rr-proof-grid > div:last-child { border-right:0; }
.rr-proof-grid strong,.rr-proof-grid span { display:block; }
.rr-proof-grid strong { font:800 29px Manrope,sans-serif; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.rr-proof-grid span { color:var(--muted); font-size:11px; }
.rr-section-head--stack { display:block; max-width:720px; }
.rr-section-head--stack h2 { font-size:36px; }
.rr-section-head--stack p { margin:7px 0 0; color:var(--muted); }
.rr-section-action { display:flex; justify-content:center; margin-top:28px; }
.rr-home-split { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }
.rr-home-split h2 { margin:0 0 15px; font-size:42px; line-height:1.08; }
.rr-home-split p { max-width:580px; color:var(--muted); font-size:17px; }
.rr-readiness-board { display:grid; gap:10px; padding:25px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 55px rgba(35,31,78,.06); }
.rr-readiness-board > div { padding:16px; font-size:13px; }
.rr-benefit-grid { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:1px; overflow:hidden; border:1px solid var(--line); background:var(--line); }
.rr-benefit-grid article { min-height:270px; padding:32px; background:#fff; }
.rr-benefit-grid article:first-child { background:var(--ink); color:#fff; }
.rr-benefit-grid span { color:#9e8df4; font-size:12px; font-weight:800; }
.rr-benefit-grid h3 { margin-top:90px; font-size:22px; }
.rr-benefit-grid p { color:var(--muted); }
.rr-benefit-grid article:first-child p { color:#cbd0df; }
.rr-section--cta { padding-top:28px; }
.rr-cta { background:radial-gradient(circle at 75% 15%,rgba(234,202,255,.75),transparent 32%),linear-gradient(110deg,#5741dc,#a95ed1); }

.rr-directory { padding:64px 0 90px; }
.rr-directory-head { display:flex; justify-content:space-between; gap:40px; align-items:end; }
.rr-directory-head h1 { max-width:820px; }
.rr-directory-head p { max-width:650px; color:var(--muted); font-size:17px; }
.rr-directory-total { min-width:150px; padding:20px; border-left:2px solid var(--accent); background:var(--soft); }
.rr-directory-total strong,.rr-directory-total span { display:block; }
.rr-directory-total strong { font:800 34px Manrope,sans-serif; }
.rr-directory-total span { color:var(--muted); font-size:11px; }
.rr-directory-toolbar { display:grid; grid-template-columns:2fr repeat(4,1fr); gap:12px; padding:20px; margin:35px 0 18px; border:0; border-radius:18px; background:#f2f3f8; }
.rr-directory-toolbar > div { min-width:0; }
.rr-directory-toolbar label { display:block; margin-bottom:5px; color:#525b74; font-size:10px; font-weight:800; letter-spacing:.04em; }
.rr-directory-toolbar input,.rr-directory-toolbar select { width:100%; min-width:0; min-height:44px; padding:10px 11px; }
.rr-filter-search { grid-column:span 2; }
.rr-filter-actions { display:flex; align-items:end; gap:8px; }
.rr-filter-actions .rr-button { min-height:44px; white-space:nowrap; }
.rr-results-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:20px 0; }
.rr-results-head p,.rr-results-head small { margin:0; color:var(--muted); }
.rr-results { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rr-result { display:block; padding:0; overflow:hidden; }
.rr-result-main { display:flex; gap:15px; padding:20px 20px 15px; }
.rr-result-main .rr-avatar { margin:0; flex:none; }
.rr-result-copy { min-width:0; flex:1; }
.rr-result-title { display:flex; justify-content:space-between; align-items:start; gap:10px; }
.rr-result-title h3 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rr-result-title > span { padding:3px 7px; border-radius:5px; color:var(--accent); background:var(--accent-soft); font-size:9px; font-weight:800; }
.rr-result-stats { display:flex; gap:18px; margin-top:13px; }
.rr-result-stats span { color:var(--muted); font-size:10px; }
.rr-result-stats b { display:block; color:var(--ink); font-size:13px; font-variant-numeric:tabular-nums; }
.rr-result-foot { display:flex; justify-content:space-between; gap:12px; padding:11px 20px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.rr-result-foot a { color:var(--accent); font-weight:800; }
.rr-pagination { display:flex; justify-content:center; gap:5px; margin-top:35px; }
.rr-pagination .page-numbers { min-width:38px; height:38px; display:grid; place-items:center; padding:0 10px; border:1px solid var(--line); border-radius:8px; background:#fff; font-weight:700; font-size:12px; }
.rr-pagination .current { border-color:var(--accent); color:#fff; background:var(--accent); }

.rr-workspace-grid--four { grid-template-columns:repeat(4,1fr); }
.rr-panel-head { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:28px 0 20px; }
.rr-panel-head h2,.rr-panel-head p { margin:0; }
.rr-panel-head p { color:var(--muted); }
.rr-workspace-columns { display:grid; grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr); gap:18px; align-items:start; }
.rr-workspace-form,.rr-list-panel,.rr-analytics-panel,.rr-profile-link { padding:28px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.rr-workspace-form h2,.rr-list-panel h2 { margin-top:0; }
.rr-workspace-form form { display:grid; gap:14px; }
.rr-workspace-form label { display:grid; gap:5px; color:#4d5670; font-size:12px; font-weight:700; }
.rr-workspace-form input,.rr-workspace-form select,.rr-workspace-form textarea,.rr-add-campaign select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); }
.rr-form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rr-list-panel { display:grid; gap:10px; }
.rr-list-panel article { display:flex; justify-content:space-between; gap:20px; padding:15px; border-radius:10px; background:var(--soft); }
.rr-list-panel article div>* { display:block; }
.rr-list-panel span,.rr-list-panel small { color:var(--muted); font-size:11px; }
.rr-list-panel article>div:last-child { text-align:right; }
.rr-check-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; max-height:310px; overflow:auto; padding:6px; }
.rr-check-grid label { display:flex; align-items:center; padding:10px; border-radius:8px; background:var(--soft); }
.rr-compare { display:grid; grid-template-columns:180px repeat(3,minmax(190px,1fr)); overflow:auto; margin-top:20px; border:1px solid var(--line); border-radius:14px; background:var(--line); gap:1px; }
.rr-compare>div,.rr-compare>article { display:grid; grid-template-rows:repeat(8,minmax(52px,auto)); }
.rr-compare>div>* , .rr-compare>article>* { display:flex; align-items:center; padding:12px; border-bottom:1px solid var(--line); background:#fff; }
.rr-compare>div { color:var(--muted); font-size:11px; }
.rr-analytics-source { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.rr-analytics-source span { margin-right:auto; color:var(--good); font-weight:800; }
.rr-analytics-source small { color:var(--muted); }
.rr-score-display { padding:55px 0; text-align:center; }
.rr-score-display strong { display:block; font:800 clamp(48px,9vw,92px)/1 Manrope,sans-serif; letter-spacing:-.08em; }
.rr-score-display p { max-width:590px; margin:15px auto; color:var(--muted); }
.rr-data-code { overflow:auto; padding:20px; border-radius:10px; background:#171e39; color:#e7eaff; }
.rr-table-wrap { overflow:auto; }
.rr-table { width:100%; border-collapse:collapse; }
.rr-table th,.rr-table td { padding:12px; border-bottom:1px solid var(--line); text-align:left; font-size:12px; }
.rr-profile-link { display:flex; align-items:center; gap:18px; }
.rr-profile-link h2,.rr-profile-link p { margin:2px 0; }
.rr-notifications { display:grid; gap:8px; }
.rr-notifications article { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:start; padding:16px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.rr-notifications article>span { width:8px; height:8px; margin-top:7px; border-radius:50%; background:#ccd0dc; }
.rr-notifications .is-unread>span { background:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); }
.rr-notifications p { margin:3px 0 0; color:var(--muted); }
.rr-notifications time { color:var(--muted); font-size:10px; }

.rr-profile-card { margin-top:22px; padding:30px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 18px 55px rgba(35,31,78,.06); }
.rr-profile-head { display:flex; justify-content:space-between; align-items:center; gap:28px; }
.rr-profile-head h1 { margin:10px 0 3px; font-size:42px; }
.rr-avatar--profile { width:84px; height:84px; margin:0; border-radius:24px; font-size:24px; }
.rr-profile-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.rr-profile-stats { padding-block:24px; }
.rr-profile-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:20px; }
.rr-provenance { padding:22px; border-radius:14px; background:var(--soft); }
.rr-provenance p { color:var(--muted); font-size:12px; }
.rr-add-campaign { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); }
.rr-add-campaign form { display:flex; gap:8px; max-width:560px; }

.rr-index-grid { display:grid; gap:14px; }
.rr-index-grid article { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:25px; padding:25px; border-top:1px solid var(--line); }
.rr-index-score strong { font:800 42px Manrope,sans-serif; letter-spacing:-.06em; }
.rr-index-score span { color:var(--muted); }
.rr-index-grid h2 { margin:0; }
.rr-index-grid p { margin:5px 0 0; color:var(--muted); }
.rr-methodology { max-width:760px; margin-top:40px; padding:25px; border-left:3px solid var(--accent); background:var(--soft); }
.rr-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch; }
.rr-plan-grid article { display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.rr-plan-grid article.is-featured { border-color:#cfc6ff; box-shadow:var(--shadow); }
.rr-plan-grid h2 { margin:8px 0; font-size:30px; }
.rr-plan-grid p { color:var(--muted); }
.rr-plan-grid ul { flex:1; padding-left:18px; color:#4f5871; }
.rr-plan-grid li { margin:8px 0; }
.rr-plan-grid .rr-button { width:100%; margin-top:20px; }
.rr-inline-notice { max-width:650px; margin-top:20px; padding:13px 15px; border-left:3px solid var(--warning); background:#fff8ed; color:#784b16; }
.rr-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:32px; padding-top:22px; border-top:1px solid var(--line); font-size:11px; }

@media (max-width:1050px) {
  .rr-hero-grid { grid-template-columns:1fr 1fr; gap:30px; }
  .rr-directory-toolbar { grid-template-columns:repeat(3,1fr); }
  .rr-filter-search { grid-column:span 2; }
  .rr-results { grid-template-columns:1fr 1fr; }
  .rr-workspace-grid--four { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .rr-menu-toggle { display:block; order:2; }
  .rr-actions { order:3; }
  .rr-nav { display:none; position:absolute; top:calc(100% + 1px); left:0; right:0; padding:12px 24px 22px; border-bottom:1px solid var(--line); background:#fff; box-shadow:0 20px 45px rgba(35,31,78,.1); }
  .rr-nav.is-open { display:grid; }
  .rr-nav a { padding:11px 4px; border-bottom:1px solid var(--line); }
  .rr-hero-grid,.rr-home-split,.rr-profile-layout { grid-template-columns:1fr; }
  .rr-hero-copy h1 { max-width:760px; }
  .rr-intelligence-card { max-width:680px; }
  .rr-benefit-grid { grid-template-columns:1fr; }
  .rr-benefit-grid article { min-height:0; }
  .rr-benefit-grid h3 { margin-top:35px; }
  .rr-directory-head { align-items:start; }
  .rr-workspace-columns { grid-template-columns:1fr; }
  .rr-plan-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .admin-bar .rr-header { top:46px; }
  .rr-actions .rr-button:not(.rr-button--primary) { display:none; }
  .rr-header-inner { gap:10px; }
  .rr-menu-toggle { margin-left:auto; }
  .rr-hero { padding:48px 0 62px; }
  .rr-hero-copy h1 { font-size:44px; }
  .rr-hero-metrics { grid-template-columns:1fr; }
  .rr-featured-creator { grid-template-columns:auto 1fr; }
  .rr-featured-creator>a { grid-column:2; }
  .rr-proof-grid { grid-template-columns:repeat(2,1fr); }
  .rr-proof-grid>div:nth-child(2) { border-right:0; }
  .rr-proof-grid>div { border-bottom:1px solid var(--line); }
  .rr-home-split h2 { font-size:35px; }
  .rr-directory-head { display:block; }
  .rr-directory-total { margin-top:20px; }
  .rr-directory-toolbar { grid-template-columns:1fr; }
  .rr-filter-search { grid-column:auto; }
  .rr-filter-actions { align-items:stretch; }
  .rr-results { grid-template-columns:1fr; }
  .rr-results-head { display:block; }
  .rr-results-head small { display:block; margin-top:4px; }
  .rr-workspace-grid--four { grid-template-columns:1fr; }
  .rr-check-grid { grid-template-columns:1fr; }
  .rr-profile-head { align-items:flex-start; flex-direction:column; }
  .rr-profile-actions { justify-content:flex-start; }
  .rr-add-campaign form { display:grid; }
  .rr-index-grid article { grid-template-columns:1fr; }
  .rr-footer-bottom { display:block; }
}
.rr-report-list { display:grid; gap:20px; }
.rr-report-list article { max-width:900px; padding:32px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.rr-report-list article h2 { font-size:30px; }
.rr-report-list article small { color:var(--muted); }
@media print { .rr-header,.rr-footer,.rr-inline-actions,.rr-eyebrow,.rr-no-print { display:none!important; } body { background:#fff; } .rr-page-hero,.rr-section { padding:20px 0; } .rr-report-list article { border:0; padding:0; break-after:page; } }

/* Workspace application shell */
.rr-workspace { min-height:calc(100dvh - 74px); padding:0; background:#f6f7fb; }
.rr-app-shell { width:100%; min-height:calc(100dvh - 74px); display:grid; grid-template-columns:236px minmax(0,1fr); }
.rr-app-sidebar { position:sticky; top:74px; align-self:start; height:calc(100dvh - 74px); display:flex; flex-direction:column; padding:18px 14px 16px; border-right:1px solid #e2e5ed; background:#171b2d; color:#fff; overflow:auto; }
.admin-bar .rr-app-sidebar { top:106px; height:calc(100dvh - 106px); }
.rr-workspace-request .rr-app-shell { min-height:100dvh; }
.rr-workspace-request .rr-app-sidebar { top:0; height:100dvh; }
.admin-bar.rr-workspace-request .rr-app-sidebar { top:32px; height:calc(100dvh - 32px); }
.rr-app-workspace { display:flex; align-items:center; gap:10px; padding:6px 6px 16px; border-bottom:1px solid rgba(255,255,255,.09); }
.rr-app-workspace-mark { width:32px; height:32px; display:grid; place-items:center; flex:none; border-radius:9px; background:#e6ff77; color:#171b2d; font:800 13px Manrope,sans-serif; }
.rr-app-workspace small,.rr-app-workspace strong { display:block; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rr-app-workspace small { color:#9298aa; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.rr-app-workspace strong { margin-top:1px; font-size:12px; }
.rr-quick-create { display:block; margin:14px 2px 18px; padding:10px 12px; border-radius:8px; background:#e6ff77; color:#171b2d; font-size:12px; font-weight:800; text-align:center; transition:.2s ease; }
.rr-quick-create:hover { background:#f0ffae; transform:translateY(-1px); }
.rr-app-sidebar nav { display:grid; gap:2px; }
.rr-app-nav-label { margin:15px 10px 6px; color:#747b90; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.rr-app-sidebar nav a { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:7px; color:#b9becd; font-size:12px; font-weight:600; transition:.18s ease; }
.rr-app-sidebar nav a>span { width:17px; color:#858ca0; text-align:center; font-size:14px; }
.rr-app-sidebar nav a:hover { color:#fff; background:rgba(255,255,255,.065); }
.rr-app-sidebar nav a[aria-current=page] { color:#fff; background:#2b3046; }
.rr-app-sidebar nav a[aria-current=page]>span { color:#e6ff77; }
.rr-app-sidebar-foot { display:grid; gap:3px; margin-top:auto; padding-top:16px; border-top:1px solid rgba(255,255,255,.09); }
.rr-app-sidebar-foot a { padding:7px 10px; color:#9298aa; font-size:11px; }
.rr-app-main { min-width:0; }
.rr-app-topbar { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 28px; border-bottom:1px solid #e2e5ed; background:rgba(255,255,255,.92); backdrop-filter:blur(14px); }
.rr-app-topbar>div:first-child { display:flex; align-items:center; gap:8px; color:#8990a3; font-size:11px; }
.rr-app-topbar a { color:#697186; }
.rr-app-topbar b { color:#c1c5cf; font-weight:400; }
.rr-app-topbar strong { color:#22283b; }
.rr-app-top-actions { display:flex; align-items:center; gap:9px; }
.rr-app-top-actions>a { position:relative; width:30px; height:30px; display:grid; place-items:center; border:1px solid #e0e3eb; border-radius:8px; background:#fff; }
.rr-app-top-actions em { position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; display:grid; place-items:center; padding:0 4px; border-radius:8px; background:#e05252; color:#fff; font-size:8px; font-style:normal; }
.rr-user-chip { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; background:#2b3046; color:#fff; font-size:9px; font-weight:800; }
.rr-app-content { width:min(100% - 52px,1420px); margin:0 auto; padding:34px 0 72px; }
.rr-app-content .rr-workspace-head { margin-bottom:26px; }
.rr-overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #e1e4ec; border-radius:12px; background:#fff; overflow:hidden; }
.rr-overview-metrics article { min-width:0; padding:19px 21px; border-right:1px solid #e8eaf0; }
.rr-overview-metrics article:last-child { border-right:0; }
.rr-overview-metrics small,.rr-overview-metrics strong,.rr-overview-metrics a,.rr-overview-metrics span { display:block; }
.rr-overview-metrics small { color:#747c91; font-size:10px; font-weight:700; }
.rr-overview-metrics strong { margin:7px 0 3px; font:800 27px Manrope,sans-serif; font-variant-numeric:tabular-nums; }
.rr-overview-metrics a,.rr-overview-metrics span { color:#8a91a2; font-size:9px; }
.rr-overview-metrics a:hover { color:var(--accent); }
.rr-overview-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:16px; margin-top:16px; }
.rr-overview-primary,.rr-overview-aside { padding:24px; border:1px solid #e1e4ec; border-radius:13px; background:#fff; }
.rr-overview-primary h2,.rr-overview-aside h2 { margin:3px 0 0; font-size:18px; }
.rr-overview-aside { background:#fcfcfd; }
.rr-overview-aside ol { display:grid; gap:6px; margin:20px 0 23px; padding:0; list-style:none; }
.rr-overview-aside li { display:flex; align-items:center; gap:10px; padding:9px; border-radius:8px; color:#60687d; background:#fff; font-size:11px; }
.rr-overview-aside li b { width:22px; height:22px; display:grid; place-items:center; border:1px solid #dde1e9; border-radius:6px; color:#8c93a4; font-size:9px; }
.rr-overview-aside li.is-done b { border-color:#cae8dc; background:#e9f8f2; color:#16815d; }
.rr-overview-aside li.is-done b::before { content:"✓"; }
.rr-overview-aside li.is-done b { font-size:0; }
.rr-overview-aside li.is-done b::before { font-size:10px; }
.rr-data-note { margin:0; padding:13px; border-left:2px solid #e6ff77; background:#f5f6f9; color:#747c90; font-size:10px; }
.rr-data-note strong { display:block; margin-bottom:3px; color:#31384d; }
.rr-campaign-table { border:1px solid #e4e6ed; border-radius:10px; overflow:hidden; }
.rr-campaign-table-head,.rr-campaign-table>a { display:grid; grid-template-columns:minmax(190px,1.5fr) 100px 110px 110px; align-items:center; gap:14px; padding:12px 15px; }
.rr-campaign-table-head { background:#f7f8fa; color:#838a9c; font-size:9px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.rr-campaign-table>a { border-top:1px solid #eceef3; color:#4e566b; font-size:10px; transition:.18s ease; }
.rr-campaign-table>a:hover { background:#fafbfc; }
.rr-campaign-table>a>span:first-child strong,.rr-campaign-table>a>span:first-child small { display:block; }
.rr-campaign-table>a>span:first-child strong { color:#22283b; font-size:11px; }
.rr-campaign-table>a>span:first-child small { margin-top:2px; color:#8990a1; }
.rr-campaign-table>a>span:nth-child(3) b { display:block; color:#555e73; font-size:9px; }
.rr-campaign-table i { position:relative; display:block; height:3px; margin-top:5px; border-radius:3px; background:#e7e9ef; overflow:hidden; }
.rr-campaign-table i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--progress); background:#6a50db; }
.rr-status { width:max-content; display:inline-flex; align-items:center; padding:4px 7px; border-radius:5px; color:#5e6679; background:#eef0f4; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.rr-status--planning,.rr-status--outreach { color:#675425; background:#fff4ce; }
.rr-status--negotiation,.rr-status--production { color:#5b49a8; background:#eeeaff; }
.rr-status--review { color:#8c4d21; background:#fff0e3; }
.rr-status--published,.rr-status--completed { color:#176d51; background:#e4f7ef; }
.rr-status--paused { color:#8b3d43; background:#fdebed; }
.rr-campaign-page-head,.rr-campaign-command { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:18px; }
.rr-campaign-page-head h2 { margin:3px 0; font-size:21px; }
.rr-campaign-page-head p { margin:0; color:var(--muted); font-size:11px; }
.rr-workspace-columns--campaign { grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr); }
.rr-campaign-list-panel { padding:0; overflow:hidden; }
.rr-view-tabs { display:flex; align-items:center; gap:4px; padding:11px 14px; border-bottom:1px solid #e6e8ee; }
.rr-view-tabs button { padding:6px 10px; border:0; border-radius:6px; color:#80879a; background:transparent; font:700 10px DM Sans,sans-serif; }
.rr-view-tabs button.is-active { color:#252b3d; background:#eef0f4; }
.rr-view-tabs button:disabled { opacity:.45; }
.rr-view-tabs small { margin-left:auto; color:#9aa0ae; font-size:8px; }
.rr-campaign-list-panel .rr-campaign-table { border:0; border-radius:0; }
.rr-client-list { display:grid; }
.rr-client-list article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 2px; border-bottom:1px solid #eceef2; }
.rr-client-list article:last-child { border-bottom:0; }
.rr-client-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#eef0f5; color:#4d566b; font-size:9px; font-weight:800; }
.rr-client-list strong,.rr-client-list small { display:block; }
.rr-client-list strong { font-size:12px; }
.rr-client-list small { color:#9298a8; font-size:9px; }
.rr-client-list article>span:last-child { text-align:right; }
.rr-client-list article>span:last-child b { display:block; font-size:12px; }
.rr-campaign-command>div { display:flex; align-items:center; gap:12px; }
.rr-campaign-command>div>a { color:#626a7e; font-size:11px; font-weight:700; }
.rr-campaign-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #e1e4ec; border-radius:11px; background:#fff; overflow:hidden; }
.rr-campaign-summary>div { padding:15px 18px; border-right:1px solid #e8eaf0; }
.rr-campaign-summary>div:last-child { border-right:0; }
.rr-campaign-summary small,.rr-campaign-summary strong { display:block; }
.rr-campaign-summary small { color:#8b92a3; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.rr-campaign-summary strong { margin-top:4px; font-size:11px; }
.rr-campaign-tabs { display:flex; gap:4px; margin:16px 0; padding:4px; border:1px solid #e2e5ec; border-radius:9px; background:#fff; }
.rr-campaign-tabs a { padding:7px 11px; border-radius:6px; color:#737b8e; font-size:10px; font-weight:700; }
.rr-campaign-tabs a.is-active { color:#242a3d; background:#eef0f5; }
.rr-campaign-tabs b { margin-left:4px; color:#9aa0ae; font-size:8px; }
.rr-slide-panel { margin:0 0 16px; padding:22px; border:1px solid #dcdff0; border-radius:12px; background:#fff; box-shadow:0 18px 40px rgba(35,39,66,.08); }
.rr-slide-panel[hidden] { display:none; }
.rr-slide-panel form { display:grid; gap:13px; }
.rr-slide-panel label,.rr-campaign-settings label { display:grid; gap:5px; color:#50586d; font-size:10px; font-weight:700; }
.rr-slide-panel input,.rr-slide-panel select,.rr-slide-panel textarea,.rr-campaign-settings input,.rr-campaign-settings select,.rr-campaign-settings textarea { width:100%; padding:10px 11px; border:1px solid #dde0e8; border-radius:7px; background:#fff; color:#23293c; }
.rr-task-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.rr-campaign-detail-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr); gap:16px; align-items:start; }
.rr-campaign-work,.rr-campaign-side>section,.rr-campaign-settings { padding:22px; border:1px solid #e1e4ec; border-radius:12px; background:#fff; }
.rr-campaign-work h2,.rr-campaign-side h2,.rr-campaign-settings h2 { margin:3px 0 0; font-size:17px; }
.rr-task-group { display:grid; gap:8px; margin-top:18px; }
.rr-task-group details { border:1px solid #e6e8ee; border-radius:9px; overflow:hidden; }
.rr-task-group summary { display:flex; align-items:center; gap:8px; padding:10px 12px; cursor:pointer; list-style:none; background:#fafbfc; }
.rr-task-group summary::-webkit-details-marker { display:none; }
.rr-task-group summary strong { font-size:10px; }
.rr-task-group summary b { margin-left:auto; color:#8c93a3; font-size:9px; }
.rr-task-status-dot { width:7px; height:7px; border-radius:50%; background:#a3a8b4; }
.rr-task-status-dot--in_progress { background:#6b51de; }
.rr-task-status-dot--review { background:#e39b3b; }
.rr-task-status-dot--blocked { background:#d65a63; }
.rr-task-status-dot--done { background:#2a9c75; }
.rr-task-list article { display:grid; grid-template-columns:7px minmax(0,1fr) 58px 105px; align-items:center; gap:10px; padding:10px 12px; border-top:1px solid #eceef2; }
.rr-task-list article>div strong,.rr-task-list article>div small { display:block; }
.rr-task-list article>div strong { font-size:10px; }
.rr-task-list article>div small,.rr-task-list time { color:#8d94a4; font-size:8px; }
.rr-task-list select { width:100%; padding:6px; border:1px solid #e0e3ea; border-radius:6px; background:#fff; color:#596176; font-size:8px; }
.rr-priority { width:3px; height:26px; border-radius:3px; background:#ccd0d9; }
.rr-priority--high { background:#ed9b3c; }
.rr-priority--urgent { background:#d75861; }
.rr-priority--low { background:#75a7dd; }
.rr-task-empty { padding:13px; border-top:1px solid #eceef2; color:#a0a5b1; font-size:9px; }
.rr-campaign-side { display:grid; gap:16px; }
.rr-mini-creators { display:grid; margin-top:13px; }
.rr-mini-creators a { display:flex; align-items:center; gap:10px; padding:9px 0; border-top:1px solid #eceef2; }
.rr-mini-creators .rr-avatar { width:30px; height:30px; margin:0; border-radius:8px; font-size:8px; }
.rr-mini-creators strong,.rr-mini-creators small { display:block; }
.rr-mini-creators strong { font-size:10px; }
.rr-mini-creators small { color:#9097a7; font-size:8px; }
.rr-activity-list { display:grid; margin-top:13px; }
.rr-activity-list article { display:grid; grid-template-columns:8px minmax(0,1fr); gap:10px; padding:10px 0; border-top:1px solid #eceef2; }
.rr-activity-list article>span { width:7px; height:7px; margin-top:5px; border:2px solid #765de4; border-radius:50%; }
.rr-activity-list p { margin:0; color:#4e566b; font-size:9px; line-height:1.45; }
.rr-activity-list small { color:#999fac; font-size:8px; }
.rr-campaign-settings { margin-top:16px; }
.rr-campaign-settings form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-top:18px; }
.rr-campaign-settings .is-wide { grid-column:span 2; }
.rr-campaign-settings button { align-self:end; }

@media (max-width:1100px) {
  .rr-app-shell { grid-template-columns:204px minmax(0,1fr); }
  .rr-overview-layout,.rr-campaign-detail-grid { grid-template-columns:1fr; }
  .rr-workspace-columns--campaign { grid-template-columns:1fr; }
  .rr-view-tabs small { display:none; }
}
@media (max-width:820px) {
  .rr-app-shell { display:block; }
  .rr-app-sidebar,.rr-workspace-request .rr-app-sidebar,.admin-bar.rr-workspace-request .rr-app-sidebar { position:static; top:auto; width:100%; height:auto; display:block; padding:10px 14px; }
  .rr-app-workspace,.rr-app-sidebar-foot,.rr-app-nav-label { display:none; }
  .rr-quick-create { display:inline-block; margin:0 8px 8px 0; padding:8px 11px; }
  .rr-app-sidebar nav { display:flex; gap:3px; overflow:auto; scrollbar-width:none; }
  .rr-app-sidebar nav::-webkit-scrollbar { display:none; }
  .rr-app-sidebar nav a { flex:none; padding:7px 9px; }
  .rr-app-sidebar nav a>span { display:none; }
  .rr-app-content { width:min(100% - 30px,1420px); padding-top:24px; }
  .rr-overview-metrics,.rr-campaign-summary { grid-template-columns:1fr 1fr; }
  .rr-overview-metrics article:nth-child(2),.rr-campaign-summary>div:nth-child(2) { border-right:0; }
  .rr-overview-metrics article:nth-child(-n+2),.rr-campaign-summary>div:nth-child(-n+2) { border-bottom:1px solid #e8eaf0; }
  .rr-task-form-grid,.rr-campaign-settings form { grid-template-columns:1fr 1fr; }
  .rr-campaign-settings .is-wide { grid-column:1/-1; }
}
@media (max-width:580px) {
  .rr-app-topbar { padding:0 15px; }
  .rr-workspace-head h1 { font-size:32px; }
  .rr-overview-metrics,.rr-campaign-summary { grid-template-columns:1fr; }
  .rr-overview-metrics article,.rr-campaign-summary>div { border-right:0; border-bottom:1px solid #e8eaf0; }
  .rr-overview-metrics article:last-child,.rr-campaign-summary>div:last-child { border-bottom:0; }
  .rr-campaign-table { overflow:auto; }
  .rr-campaign-table-head,.rr-campaign-table>a { min-width:650px; }
  .rr-task-form-grid,.rr-campaign-settings form { grid-template-columns:1fr; }
  .rr-campaign-settings .is-wide { grid-column:auto; }
  .rr-task-list article { grid-template-columns:6px minmax(150px,1fr) 52px; }
  .rr-task-list article form { grid-column:2/-1; }
  .rr-campaign-tabs { overflow:auto; }
}