@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#f8f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4efe7;--bg-elevated:#ffffffad;--bg-dark:#0f1f23;--line:#1021261a;--line-strong:#f8f5ef1f;--text:#102126;--muted:#6a7676;--teal:#1f8a70;--teal-deep:#153e43;--orange:#e6864f;--sand:#fbf8f2;--success:#248f64;--warning:#bb6f3d;--shadow:0 24px 60px #0d171a1f;background:radial-gradient(circle at 0 0,#3d927a3d,#0000 28%),radial-gradient(circle at 100% 0,#eb835433,#0000 30%),linear-gradient(#102126 0%,#0d171a 42%,#f4efe7 42% 100%);font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#0c1619eb;height:100vh;padding:28px 22px;position:sticky;top:0}.brand-panel{align-items:center;gap:14px;display:flex}.brand-badge{background:linear-gradient(145deg, var(--teal), var(--orange));color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 16px 32px #e6864f33}.eyebrow,.section-badge{text-transform:uppercase;letter-spacing:.14em;color:#f8f5ef9e;margin:0;font-size:.74rem}.brand-panel h1,.topbar-title h2,.page-hero h3,.panel-heading h3,.metric-value,.insight-card h4,.template-card h4,.history-card h4,.module-card h4,.pipeline-item h4{font-family:Space Grotesk,sans-serif}.brand-panel h1{color:#fff;margin:2px 0 0;font-size:1.35rem}.sidebar-copy{color:#f8f5efb8;background:#ffffff0a;border-radius:20px;margin-top:24px;padding:18px}.sidebar-nav{gap:8px;margin-top:24px;display:grid}.nav-item{color:#f8f5efc7;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:all .24s;display:flex}.nav-item:hover,.nav-item.is-active{color:#fff;background:#ffffff14;border-color:#ffffff1a;transform:translate(2px)}.nav-chevron{opacity:.56;margin-left:auto}.sidebar-highlight{background:linear-gradient(#1f8a702e,#e6864f1f);border-radius:20px;gap:12px;margin-top:24px;padding:18px;display:flex}.status-dot{background:#78f0c7;border-radius:999px;width:10px;height:10px;margin-top:8px;box-shadow:0 0 18px #78f0c7cc}.sidebar-highlight strong{margin-bottom:4px;display:block}.sidebar-highlight p{color:#f8f5efc7;margin:0;font-size:.95rem}.main-shell{flex-direction:column;min-width:0;display:flex}.topbar{color:#fff;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;display:flex}.topbar-title h2{margin:4px 0 0;font-size:1.2rem}.topbar-actions{align-items:center;gap:12px;display:flex}.search-box{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;min-width:min(420px,44vw);padding:12px 16px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:none;width:100%}.search-box input::placeholder{color:#f8f5ef99}.icon-button,.profile-pill{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.profile-pill{font-weight:800}.content-shell{color:var(--text);flex:1;padding:0 28px 32px}.page-stack{gap:20px;display:grid}.panel{background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #ffffff80;border-radius:28px;padding:22px}.page-hero{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-hero h3,.panel-heading h3{color:var(--text);margin:8px 0;font-size:clamp(1.45rem,2vw,2.2rem)}.section-description{max-width:62ch;color:var(--muted);margin:0}.hero-actions,.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.button{border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-deep))}.button-secondary{color:var(--text);background:#fff}.button-ghost{color:var(--text);background:#ffffff9e}.metric-grid,.card-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle,#1f8a7029,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;inset:auto -12% -45% auto}.metric-label{color:var(--muted);margin:0;font-size:.92rem}.metric-value{color:var(--text);margin-top:8px;font-size:clamp(1.65rem,2vw,2.4rem);display:block}.metric-change{border-radius:999px;margin-top:10px;padding:7px 10px;font-size:.86rem;font-weight:700;display:inline-flex}.tone-positive{color:var(--success);background:#248f641f}.tone-warning{color:var(--warning);background:#bb6f3d1f}.tone-neutral{color:var(--teal-deep);background:#153e431a}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.large-panel{min-height:340px}.chip{color:var(--teal-deep);background:#153e4314;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.chip-success{color:var(--success);background:#248f641f}.chip-warning{color:var(--warning);background:#bb6f3d1f}.trend-chart{background:linear-gradient(#1f8a7014,#fff9);border-radius:24px;align-items:end;gap:16px;min-height:240px;margin-top:16px;padding:18px;display:flex}.trend-bar-group{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.trend-bars{justify-content:center;align-items:end;gap:10px;width:100%;min-height:180px;display:flex}.trend-bar{border-radius:20px 20px 10px 10px;width:min(34px,26%)}.trend-bar.revenue{background:linear-gradient(#f1a36f,#e6864f)}.trend-bar.margin{background:linear-gradient(#3bb792,#1f8a70)}.trend-label,.chart-legend,.insight-card p,.module-card p,.pipeline-item p,.connector-card p,.field span,.field small,.history-card p,.history-card small,.alert-item,.sheet-row,.timeline-footer{color:var(--muted)}.chart-legend{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.chart-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.revenue{background:var(--orange)}.legend-dot.margin{background:var(--teal)}.stack-list{gap:14px;margin-top:16px;display:grid}.insight-card,.module-card,.config-card,.history-card,.banner-card,.sheet-row,.template-card,.connector-card,.table-row,.table-head,.pipeline-item{border:1px solid var(--line);background:#ffffffa3;border-radius:22px;padding:16px 18px}.insight-card h4,.module-card h4,.history-card h4,.template-card h4,.pipeline-item h4{color:var(--text);margin:0 0 6px;font-size:1rem}.pipeline-list{gap:12px;margin-top:18px;display:grid}.pipeline-item{align-items:flex-start;gap:14px;display:flex}.pipeline-index{color:#fff;background:linear-gradient(135deg, var(--teal-deep), var(--teal));border-radius:14px;place-items:center;min-width:44px;height:44px;font-weight:800;display:grid}.module-card{justify-content:space-between;gap:12px;display:flex}.cta-strip{background:linear-gradient(135deg,#1f8a701f,#e6864f1f);justify-content:space-between;align-items:center;gap:16px;display:flex}.analysis-layout{grid-template-columns:1.1fr .9fr}.live-status-panel{background:linear-gradient(135deg,#1f8a7014,#ffffffb3)}.config-header{color:var(--text);align-items:center;gap:10px;margin-bottom:16px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:8px;display:grid}.field span{font-size:.92rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.field textarea{resize:vertical;min-height:180px;font:inherit}.template-card{text-align:left;justify-content:space-between;align-items:start;gap:12px;display:flex}.template-card.is-selected{background:#a3cdb833;border-color:#215b4f73;box-shadow:0 16px 30px #102d2514}.template-card p,.template-card small{display:block}.alert-list{gap:10px;display:grid}.alert-item{color:#8a5837;background:#e6864f1f;border-radius:16px;padding:12px 14px}.result-preview pre{color:#dff9f0;white-space:pre-wrap;background:#112024;border-radius:18px;margin-top:14px;padding:14px;overflow:auto}.table-card{gap:10px;margin-top:18px;display:grid}.table-head,.table-row{grid-template-columns:1.6fr 1fr .8fr .8fr;align-items:center;gap:12px;display:grid}.table-head{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.8rem}.history-card{align-items:flex-start;gap:14px;display:flex}.history-icon{width:42px;height:42px;color:var(--teal);background:#1f8a701f;border-radius:14px;place-items:center;display:grid}.banner-card strong{color:var(--text);margin-bottom:4px;display:block}.banner-card.warning{background:#e6864f1f}.banner-card.neutral{background:#153e4314}.timeline-footer{align-items:center;gap:10px;margin-top:16px;display:inline-flex}.sheet-list{gap:10px;margin-top:18px;display:grid}.sheet-row{align-items:center;gap:12px;display:flex}.sheet-bullet{background:linear-gradient(135deg, var(--teal), var(--orange));border-radius:50%;width:10px;height:10px}.warning-text{color:#8a5837}.shell-backdrop,.bottom-nav,.mobile-only{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.analysis-layout,.three-up,.two-up,.field-grid,.table-head,.table-row{grid-template-columns:1fr}.page-hero,.cta-strip,.topbar{flex-direction:column;align-items:stretch}.topbar-actions{width:100%}.search-box{flex:1;min-width:0}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(320px,86vw);transition:transform .24s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.shell-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#060a0b75;position:fixed;inset:0}.shell-backdrop.is-visible,.mobile-only,.bottom-nav{display:flex}.mobile-only{justify-content:center;align-items:center}.content-shell{padding:0 16px 96px}.topbar{padding:18px 16px}.metric-grid{grid-template-columns:1fr}.panel{border-radius:24px;padding:18px}.hero-actions{flex-wrap:wrap;width:100%}.hero-actions .button,.button-ghost{justify-content:center;width:100%}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:15;background:#0f1f23f0;border:1px solid #ffffff1a;border-radius:22px;gap:8px;padding:10px;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav-item{color:#f8f5efb3;text-align:center;border-radius:16px;flex:1;place-items:center;gap:4px;min-width:0;padding:8px 4px;font-size:.7rem;display:grid}.bottom-nav-item.is-active{color:#fff;background:#ffffff14}.topbar-actions{grid-template-columns:1fr auto auto;display:grid}}@media (width<=520px){.topbar-title h2{font-size:1rem}.page-hero h3,.panel-heading h3{font-size:1.4rem}.trend-chart{gap:10px;padding:14px 10px}.trend-bars{gap:6px}}