:root{color-scheme:dark;--bg: #050b12;--bg-soft: #09111c;--panel: #0b1420;--panel-strong: #101a27;--panel-soft: #111d2b;--line: rgba(159, 190, 221, .12);--text: #eef4fb;--muted: #93a4b8;--accent: #93d9f6;--accent-strong: #c5f0ff;--accent-soft: rgba(122, 214, 255, .12);--ok: #67d38f;--danger: #ff7f7f;--shadow: 0 22px 50px rgba(0, 0, 0, .28);font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:linear-gradient(180deg,#040912,#060d16)}button,input{font:inherit}button{cursor:pointer}.eyebrow{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#8ca2bc}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 70px)}.legacy-app-shell{min-height:100vh}.topbar-react{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:#09121d;box-shadow:0 1px 3px #0000002e;position:sticky;top:0;z-index:20}.topbar-start-react,.topbar-actions-react{display:flex;align-items:center}.topbar-actions-react .inline-actions,.topbar-actions-react .hero-actions{gap:12px}.topbar-react .brand-lockup{margin:0;padding:0;border:0}.topbar-react .brand-mark{width:170px}.topbar-react .brand-caption{display:none}.app-rail{position:sticky;top:70px;height:calc(100vh - 70px);padding:18px 14px;border-right:1px solid var(--line);background:#08111b}.brand-lockup{display:grid;gap:8px;margin-bottom:18px;padding:12px 14px 16px;border-bottom:1px solid var(--line)}.brand-mark{width:min(142px,100%);display:block}.brand-caption{color:var(--muted);font-size:.88rem}.rail-copy h1,.hero-bar h2,.member-hero h1,.auth-copy h1{margin:8px 0 10px;font-family:Space Grotesk,sans-serif;line-height:1}.rail-copy{padding:12px 14px 0}.rail-section-title{display:block;font-size:.83rem;text-transform:uppercase;letter-spacing:.16em;color:#7f93ab;font-weight:700}.rail-copy p,.auth-copy p,.section-head p,.member-hero p{margin:0;color:var(--muted);line-height:1.6}.rail-nav{display:grid;gap:8px;margin-top:18px}.rail-nav button,.ghost-button,.primary-button{border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease}.rail-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:16px;background:transparent;color:var(--text);font-weight:700;position:relative}.rail-icon{width:22px;height:22px;object-fit:contain;opacity:.82;flex:0 0 auto}.rail-nav button:hover,.rail-nav button.is-active{background:linear-gradient(90deg,rgba(91,170,219,.12) 0%,transparent 100%);border-color:transparent;box-shadow:inset 4px 0 #b2ecff;transform:translate(3px);color:#c9f2ff}.rail-nav button:hover .rail-icon,.rail-nav button.is-active .rail-icon{opacity:1}.app-main,.member-shell{padding:28px 30px 30px}.hero-bar,.member-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 0 20px;margin-bottom:8px;min-height:auto;border:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none}.hero-copy p{margin:6px 0 0;color:var(--muted);line-height:1.5}.hero-bar h2,.member-hero h1{margin:8px 0 0;font-size:clamp(2rem,2.8vw,3.1rem);font-weight:700;letter-spacing:-.04em}.hero-bar{position:static}.ghost-button,.primary-button{padding:10px 16px;border-radius:14px}.ghost-button{background:#121d2bf0;color:var(--text);border-color:#98bedc29}.ghost-button:hover{border-color:#97e6ff47;background:#162435fa}.primary-button{width:100%;background:linear-gradient(135deg,#8fe6ff,#d2f6ff);color:#0a1721;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card,.section-card,.insight-card,.auth-panel{border:1px solid var(--line);background:linear-gradient(180deg,#0b1420fa,#0a121cfa);box-shadow:var(--shadow)}.hero-actions{display:flex;gap:12px}.primary-button:disabled{opacity:.65;cursor:wait}.metric-card{padding:16px 18px;border-radius:20px}.metric-card span,.insight-card span{display:block;color:var(--muted);margin-bottom:8px}.metric-card strong,.insight-card strong{font-family:Space Grotesk,sans-serif;font-size:1.6rem}.metric-card small{display:block;margin-top:6px;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:.82rem;font-weight:700}.status-pill.tone-accent{border-color:#97e6ff47;background:#7edbff1f}.status-pill.tone-success{border-color:#67d38f47;background:#67d38f1f}.status-pill.tone-danger{border-color:#ff7f7f47;background:#ff7f7f1f}.section-card{padding:24px;border-radius:22px;margin-bottom:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#9fbedd1a;box-shadow:0 2px 8px #00000038}.section-card form.form-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:20px;border-radius:18px;border:1px solid rgba(159,190,221,.1);background:#ffffff05}.section-card form.form-grid .field{flex:1 1 180px;min-width:180px}.section-card form.form-grid .field span{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-card form.form-grid .form-actions{display:flex;gap:10px;align-items:flex-end;justify-content:flex-start}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.section-head h3{margin:0 0 8px;font-size:1.08rem;font-weight:600;letter-spacing:-.04em}.section-head p{font-size:.95rem}.legacy-page-banner{margin-bottom:22px}.legacy-page-title{display:flex;align-items:center;gap:16px;margin-bottom:16px}.legacy-page-icon{width:42px;height:42px;object-fit:contain}.legacy-page-title h3{margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.05em}.legacy-page-title p{margin:0;color:var(--muted);font-size:1.1rem}.legacy-guide-card{padding:20px 22px;border-radius:22px;border:1px solid rgba(129,173,255,.14);background:linear-gradient(135deg,#1f2958d1,#0f182aeb);box-shadow:var(--shadow)}.legacy-guide-card strong{display:block;margin-bottom:8px;font-size:1.05rem}.legacy-guide-card p{margin:0;color:#bac7d7;line-height:1.7}.legacy-form-card,.legacy-table-card{border-radius:24px}.legacy-form-card .section-head,.legacy-table-card .section-head{margin-bottom:22px}.legacy-form-card .section-head h3,.legacy-table-card .section-head h3{font-size:1.08rem;display:flex;align-items:center;gap:10px}.legacy-form-card .section-head h3:before,.legacy-table-card .section-head h3:before{content:"";width:10px;height:10px;border-radius:999px;background:#9fe8ff;box-shadow:0 0 0 4px #9fe8ff1f}.legacy-page-banner+.section-card{border-radius:24px}.legacy-page-banner+.section-card .section-head{margin-bottom:22px}.legacy-page-banner+.section-card .section-head h3{font-size:1.65rem}.legacy-page-banner+.section-card+.section-card{border-radius:24px}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini-metric-row,.module-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-metric-row{margin-top:16px}.mini-metric-card,.module-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:#ffffff08}.mini-metric-card small{display:block;color:var(--muted);margin-bottom:8px}.mini-metric-card strong,.module-card h4{font-family:Space Grotesk,sans-serif}.mini-metric-card strong{font-size:1.5rem}.mini-metric-card p,.module-card p,.overview-list-row p,.muted-copy{margin:6px 0 0;color:var(--muted);line-height:1.6}.overview-list{display:grid;gap:12px}.overview-list-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.overview-list-row.compact{align-items:start}.overview-list-row strong,.detail-row strong{font-family:Space Grotesk,sans-serif}.detail-stack{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid var(--line)}.detail-row span{color:var(--muted)}.insight-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,#101b29f5,#0d1723f5)}.table-wrap{overflow:auto;border:1px solid rgba(159,190,221,.1);border-radius:18px;background:#ffffff04}.legacy-datatable,.section-card .table-wrap{margin-top:8px}.data-table{width:100%;border-collapse:collapse;background:#ffffff04}.data-table th,.data-table td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff05;font-weight:800}.data-table td .inline-actions{gap:8px}.data-table td .ghost-button.small,.data-table td .primary-button.small{padding:8px 12px;border-radius:12px}.empty-state{padding:22px;border-radius:22px;background:#ffffff08}.empty-state h4{margin:0 0 6px}.empty-state p{margin:0;color:var(--muted)}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(560px,100%);padding:32px;border-radius:32px}.auth-form{display:grid;gap:14px;margin-top:20px}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:.92rem}.field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);color:var(--text);background:#ffffff0a}.feedback{padding:12px 14px;border-radius:14px}.feedback.error{background:#ff7f7f1f;color:#ffc0c0}.feedback.success{background:#67d38f1f;color:#b9ffd0;margin-bottom:16px}.guest-auth,.form-stack{display:grid;gap:14px}.auth-footer{margin-top:18px;color:var(--muted)}.inline-actions,.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid textarea,.form-grid select,.field textarea,.field select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);color:var(--text);background:#121d2beb;min-height:52px}.field input{background:#121d2beb}.field input,.field textarea,.field select{box-shadow:inset 0 1px #ffffff08;border-width:1.5px}.legacy-page-banner+.section-card .form-grid{gap:18px}.section-card form.form-grid .field input,.section-card form.form-grid .field textarea,.section-card form.form-grid .field select{min-height:48px;border-radius:14px}.section-card form.form-grid .field textarea{min-height:108px}.section-card .inline-actions[style],.section-card .form-actions[style]{margin-top:0!important}.field textarea{min-height:120px;resize:vertical}.form-actions{grid-column:1 / -1}.ghost-button.small,.primary-button.small{width:auto;padding:10px 14px;border-radius:14px}.checkbox-field{display:flex;gap:10px;align-items:center;color:var(--text)}.pix-panel,.code-box{margin-top:16px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#ffffff0a}.campaign-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;border-radius:20px;border:1px solid rgba(151,230,255,.22);background:linear-gradient(180deg,#101f2ef5,#0b1824f5)}.campaign-banner p{margin:6px 0 0;color:var(--muted)}.member-stage{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;margin-bottom:22px}.member-stage-hero,.member-stage-rail{padding:22px;border-radius:28px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.member-stage-hero h2{margin:8px 0 10px;font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1}.member-stage-hero p{margin:0;color:var(--muted);line-height:1.6}.member-products-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,250px);gap:18px;overflow-x:auto;padding-bottom:4px}.member-product-card{display:grid;gap:10px;padding:0;background:transparent;border:0;color:var(--text);text-align:left}.member-product-poster{height:250px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#30435ccc,#121b27f5);background-size:cover;background-position:center;padding:16px;display:flex;align-items:flex-end;transition:transform .18s ease,border-color .18s ease}.member-product-card.is-active .member-product-poster,.member-product-card:hover .member-product-poster{transform:translateY(-5px);border-color:#e88f556b}.member-product-card.is-locked .member-product-poster{filter:grayscale(.9) saturate(.45) brightness(.72)}.member-product-lock{display:inline-flex;padding:8px 12px;border-radius:999px;background:#0a0f14b8;font-size:.8rem;font-weight:700}.member-product-copy strong,.campaign-modal-card-react h3{font-family:Space Grotesk,sans-serif}.member-product-copy small{display:block;margin-top:4px;color:var(--muted)}.module-card h4{margin:10px 0 8px;font-size:1.1rem}.campaign-modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:#02060cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.campaign-modal-card-react{width:min(720px,100%);padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#111a25fa,#0c121bfa);box-shadow:var(--shadow)}.campaign-modal-head-react{display:flex;justify-content:space-between;gap:16px;align-items:start}.campaign-modal-head-react h3{margin:8px 0 0;font-size:1.8rem}.campaign-modal-copy-react{color:var(--muted);line-height:1.7}.campaign-media-react{width:100%;min-height:240px;margin:16px 0 18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.campaign-media-react.image{background-size:cover;background-position:center}.pix-panel textarea,.code-box{width:100%;min-height:120px;color:var(--text);background:transparent;border:0;resize:vertical;overflow-wrap:anywhere}.checkbox-field input{width:18px;height:18px}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.app-rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.topbar-react{padding:0 18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.mini-metric-row,.module-card-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-main,.member-shell{padding:18px}.hero-bar,.member-hero,.auth-panel,.section-card{padding:20px;border-radius:20px}.metric-grid,.split-grid,.member-stage{grid-template-columns:1fr}}
