:root{--bg: #f4f2eb;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--text: #10211a;--muted: #5c6a63;--border: rgba(16, 33, 26, .1);--accent: #17664e;--accent-strong: #114d3b;--accent-soft: rgba(23, 102, 78, .12);--warm: #d5b58c;--danger: #b94b44;--shadow: 0 20px 48px rgba(16, 33, 26, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(23,102,78,.15),transparent 28%),radial-gradient(circle at top right,rgba(213,181,140,.18),transparent 24%),linear-gradient(180deg,#f4f2eb,#eff3ef)}button,input{font:inherit}button,input,select{border-radius:16px;border:1px solid var(--border)}button{background:var(--accent);color:#fff;border:none;padding:.95rem 1.25rem;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px #17664e24}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}input{width:100%;padding:.95rem 1rem;background:#ffffffe6}.brand-chip,.eyebrow{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.35rem .75rem;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-brand{display:flex;align-items:center;gap:.85rem}.site-brand strong{display:block;font-size:1rem}.site-brand span{display:block;color:var(--muted);font-size:.85rem}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#2c8c6d);color:#fff;font-weight:800;box-shadow:0 12px 24px #17664e33}.marketing-shell{padding:1.5rem}.site-header{max-width:1240px;margin:0 auto 1.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-actions{display:flex;gap:.75rem}.marketing-main{max-width:1240px;margin:0 auto;display:grid;gap:1.5rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:1.25rem;align-items:start}.hero-copy,.auth-panel,.marketing-strip,.marketing-section,.final-cta,.card{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.45);border-radius:28px;box-shadow:var(--shadow)}.hero-copy{padding:2.3rem}.hero-copy h1{margin:.9rem 0 1rem;font-size:clamp(2.9rem,5vw,4.7rem);line-height:.95;letter-spacing:-.04em;max-width:12ch}.hero-text{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:62ch}.hero-actions{display:flex;gap:.75rem;margin-top:1.5rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}.hero-badges span{border-radius:999px;padding:.55rem .85rem;background:#ffffffbf;border:1px solid var(--border);color:var(--muted);font-size:.9rem}.hero-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.7rem}.preview-card{padding:1rem;border-radius:22px;background:#ffffffb8;border:1px solid var(--border)}.preview-card span,.metric-label,.stat-card span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:.45rem}.preview-card strong,.pricing-figure strong,.stat-card strong,.snapshot-grid strong{font-size:1.35rem}.preview-card p,.feature-card p,.audience-card p,.workflow-card p,.pricing-card p,.auth-panel p,.muted{color:var(--muted);line-height:1.7}.auth-panel{padding:1.4rem}.auth-panel-embedded{position:sticky;top:1rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-bottom:1.2rem}.auth-tab{background:#ffffffb8;color:var(--text);box-shadow:none}.auth-tab.active{background:var(--accent);color:#fff}.auth-panel-heading h2{margin:1rem 0 .5rem;font-size:2rem;line-height:1.05}.auth-form,.compact-form{display:grid;gap:.85rem;margin-top:1.1rem}.auth-footnote{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem}.marketing-strip,.final-cta{padding:1rem 1.3rem}.marketing-strip{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.marketing-strip span{padding:.55rem .8rem;border-radius:999px;background:#ffffffb3;border:1px solid var(--border);color:var(--muted);font-size:.92rem}.marketing-section{padding:1.6rem}.section-heading{margin-bottom:1.2rem}.section-heading h2,.final-cta h2{margin:.65rem 0 .4rem;font-size:clamp(2rem,3vw,3rem);line-height:1}.section-heading p{color:var(--muted);max-width:70ch;line-height:1.7}.feature-grid,.audience-grid,.pricing-grid,.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.audience-card,.workflow-card,.pricing-card{background:#ffffffbd;border:1px solid var(--border);border-radius:24px;padding:1.2rem}.feature-card h3,.audience-card h3,.workflow-card h3,.pricing-card h3{margin:0 0 .5rem;font-size:1.16rem}.workflow-card span{display:inline-flex;margin-bottom:.85rem;color:var(--accent-strong);font-weight:800;letter-spacing:.08em}.pricing-card{display:grid;gap:.85rem}.pricing-card.featured{border-color:#17664e4d;background:linear-gradient(180deg,#17664e14,#ffffffc7)}.pricing-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.pricing-figure span{color:var(--muted);margin-left:.2rem}.pricing-card ul{margin:0;padding-left:1.2rem;color:var(--muted);display:grid;gap:.55rem}.final-cta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.ghost-button{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.ghost-button:hover{background:#ffffffbd}.inline-ghost{width:auto}.dashboard-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{padding:1.5rem 1.2rem;border-right:1px solid var(--border);background:#ffffff8f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:1.1rem}.compact-brand{margin-bottom:.5rem}.sidebar-head p{margin:0;color:var(--muted)}.dashboard-main{padding:1.4rem;display:grid;gap:1rem}.workspace-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:1.45rem 1.6rem;background:var(--panel);border:1px solid rgba(255,255,255,.45);border-radius:28px;box-shadow:var(--shadow)}.workspace-copy h1{margin:.55rem 0 .45rem;font-size:clamp(2.3rem,4vw,3.4rem);line-height:.95}.workspace-copy p{margin:0;color:var(--muted);max-width:60ch}.workspace-actions{display:flex;gap:.75rem;align-items:center}.card{padding:1.15rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.section-title{font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1rem}.client-list{display:grid;gap:.75rem}.client-card{width:100%;text-align:left;background:#ffffffc7;color:var(--text);border:1px solid var(--border);display:grid;gap:.2rem;box-shadow:none}.client-card.active{outline:2px solid rgba(23,102,78,.22);background:#17664e1c}.client-card small,.list-row small{color:var(--muted)}.list{display:grid;gap:.75rem}.list-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none;padding-bottom:0}.pill{border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;text-transform:capitalize}.status-processed,.status-completed{background:#17664e24;color:var(--accent-strong)}.status-processing,.status-uploaded{background:#ad802926;color:#8a5b00}.status-failed{background:#b94b4424;color:var(--danger)}.emphasis-card{background:linear-gradient(180deg,#17664e14,#ffffffd6)}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.table-card{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.9rem .8rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:700;font-size:.85rem}tbody tr:hover{background:#17664e0d}.money{text-align:right}.money.debit{color:var(--danger)}.money.credit{color:var(--accent-strong)}.error-banner{background:#b94b441f;color:var(--danger);border:1px solid rgba(185,75,68,.18);border-radius:18px;padding:.9rem 1rem}.table-empty{padding-top:1rem}.danger{color:var(--danger)}@media (max-width: 1180px){.hero-grid,.feature-grid,.audience-grid,.pricing-grid,.workflow-grid,.stats-grid,.content-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.auth-panel-embedded{position:static}.dashboard-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 780px){.marketing-shell,.dashboard-main,.sidebar{padding:1rem}.site-header,.workspace-hero,.final-cta{flex-direction:column;align-items:stretch}.site-actions,.hero-actions,.workspace-actions{flex-direction:column}.hero-preview-grid,.feature-grid,.audience-grid,.pricing-grid,.workflow-grid,.stats-grid,.content-grid,.snapshot-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2.6rem}}