:root{--bg-app: #EEEAE1;--bg-surface: #FAF7F0;--bg-surface-elevated: #FFFFFF;--bg-surface-glass: rgba(245, 241, 233, .92);--bg-surface-glass-hover: rgba(255, 255, 255, .96);--bg-card: #FFFFFF;--bg-card-warm: #FAF7F0;--bg-sidebar: #EAE4D9;--bg-sidebar-elevated: rgba(38, 39, 33, .04);--bg-topbar: rgba(245, 241, 233, .92);--bg-mobile-canvas: #DED4C5;--bg-mobile-radial: radial-gradient(circle at 50% 0%, rgba(245, 241, 234, 1) 0%, rgba(222, 215, 205, 1) 48%, rgba(204, 196, 186, 1) 100%);--bg-mobile-card: #FAF7F0;--bg-mobile-result: #E9E3D9;--border-subtle: #D7D0C4;--border-subtle-trans: rgba(215, 208, 196, .65);--border-medium: #CBC4B8;--border-dark: #8B877D;--border-focus: #262721;--border-accent: rgba(174, 43, 45, .35);--brand-crimson: #AE2B2D;--brand-crimson-hover: #932325;--brand-crimson-soft: rgba(174, 43, 45, .08);--brand-crimson-subtle: rgba(174, 43, 45, .04);--nordic-blue: #262721;--nordic-ice: #57554F;--nordic-glow: 0 2px 12px rgba(38, 39, 33, .08);--obsidian-bg: #EAE4D9;--titanium-surface: #FAF7F0;--bronze-champagne: #262721;--bronze-soft: rgba(38, 39, 33, .04);--bronze-border: #D7D0C4;--sage-green: #5C793B;--sage-soft: rgba(92, 121, 59, .12);--mg-gold: #B97B20;--mg-cyan: #262721;--mg-cyan-soft: rgba(38, 39, 33, .05);--mg-cyan-glow: 0 2px 10px rgba(38, 39, 33, .08);--customer-blue: #262721;--customer-blue-soft: rgba(38, 39, 33, .05);--rep-cyan: #57554F;--sentiment-positive: #5C793B;--sentiment-positive-soft: rgba(92, 121, 59, .12);--sentiment-interest: #262721;--sentiment-question: #57554F;--sentiment-question-soft: rgba(87, 85, 79, .08);--sentiment-concern: #AE2B2D;--sentiment-concern-soft: rgba(174, 43, 45, .1);--sentiment-skeptical: #7D796F;--sentiment-skeptical-soft: rgba(125, 121, 111, .1);--warning-amber-bg: rgba(185, 123, 32, .08);--warning-amber-border: rgba(185, 123, 32, .3);--whatsapp-green: #25D366;--whatsapp-green-soft: rgba(37, 211, 102, .12);--font-heading: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-primary: #262721;--text-secondary: #57554F;--text-muted: #7D796F;--text-helper: #8B877D;--text-eyebrow: #6B715D;--text-inverse: #FFFFFF;--text-crimson: #AE2B2D;--shadow-sm: 0 1px 3px rgba(38, 39, 33, .05), 0 1px 2px rgba(38, 39, 33, .03);--shadow-md: 0 4px 14px rgba(38, 39, 33, .06), 0 1px 3px rgba(38, 39, 33, .03);--shadow-lg: 0 12px 30px rgba(38, 39, 33, .08), 0 4px 10px rgba(38, 39, 33, .03);--shadow-glass: 0 4px 20px rgba(38, 39, 33, .04), 0 1px 3px rgba(38, 39, 33, .03);--shadow-dock: 0 -4px 24px rgba(38, 39, 33, .06);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:600px;background:radial-gradient(circle at 15% 0%,#fffc,#fff0 32%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}code,pre,.mono{font-family:var(--font-mono)}input,select,textarea{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}select option{background-color:#fff;color:#262721}table{color:var(--text-primary)}th{color:var(--text-secondary);font-weight:600}td{color:var(--text-primary)}.glass-panel,.glass-card{background:var(--bg-surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover,.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);background:#262721;color:#fff;font-weight:600;font-size:13px;letter-spacing:.01em;box-shadow:0 2px 10px #26272126;border:1px solid #262721}.btn-primary:hover{background:#3c3c35;border-color:#3c3c35;transform:translateY(-1px);box-shadow:0 4px 16px #26272138}.btn-primary:active{transform:translateY(0)}.btn-brand,.btn-crimson{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);background:var(--brand-crimson);color:#fff;font-weight:700;font-size:13px;letter-spacing:.01em;box-shadow:0 2px 10px #ae2b2d40;border:1px solid var(--brand-crimson)}.btn-brand:hover,.btn-crimson:hover{background:var(--brand-crimson-hover);border-color:var(--brand-crimson-hover);transform:translateY(-1px);box-shadow:0 4px 16px #ae2b2d52}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600;font-size:13px}.btn-secondary:hover{background:#faf7f0;border-color:var(--border-medium);color:var(--text-primary)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:500;font-size:13px}.btn-ghost:hover{background:#2627210d;color:var(--text-primary)}.figma-eyebrow{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:600;color:var(--text-eyebrow)}.figma-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.figma-card-warm{background:var(--bg-card-warm);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.figma-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#26272108}::-webkit-scrollbar-thumb{background:#26272133;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#26272166}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}@keyframes radar-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.pulsing-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-crimson);box-shadow:0 0 10px #ae2b2d66;animation:subtle-pulse 1.8s infinite ease-in-out}.app-layout-shell{display:flex;min-height:100vh;width:100%;background-color:var(--bg-app);position:relative}.app-main-viewport{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;transition:margin-left var(--transition-smooth)}.app-content-container{flex:1;padding:24px 32px 100px;max-width:1520px;width:100%;margin:0 auto}@media(max-width:1024px){.app-content-container{padding:16px 20px 110px}}
