:root{--surface-canvas: #f5f2ea;--surface-card: #ffffff;--surface-card-soft: #faf7ef;--surface-nav: #1a1c1e;--surface-nav-hover: #2a2d30;--surface-rail: #ffffff;--surface-elevated: #ffffff;--surface-overlay: rgba(20, 22, 24, .4);--pastel-mint: #d6e4d0;--pastel-mint-deep: #c0d4b3;--pastel-sky: #d4dde2;--pastel-sand: #ece6d4;--pastel-blush: #ecd9d3;--pastel-lavender: #ddd4e3;--accent: #6b8e5a;--accent-hover: #5a7a4a;--accent-soft: #c8d8b9;--accent-fg: #1a1c1e;--text-primary: #1a1c1e;--text-secondary: #5b6068;--text-tertiary: #8a8f97;--text-on-nav: #f5f2ea;--text-on-nav-muted: #a8acb2;--text-on-accent: #1a1c1e;--border-subtle: rgba(26, 28, 30, .06);--border-default: rgba(26, 28, 30, .1);--border-strong: rgba(26, 28, 30, .18);--status-success: #4f8a5c;--status-success-bg: #e3f0e6;--status-warning: #c89339;--status-warning-bg: #fbeed3;--status-danger: #c0524d;--status-danger-bg: #f8dbd9;--status-info: #4a6e87;--status-info-bg: #dde7ee;--stage-lead: #d4dde2;--stage-discovery: #ddd4e3;--stage-proposal: #ece6d4;--stage-negotiation: #ecd9d3;--stage-closed-won: #c8d8b9;--stage-closed-lost: #d8d8d8;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 28, 30, .04);--shadow-md: 0 2px 8px rgba(26, 28, 30, .06);--shadow-lg: 0 8px 24px rgba(26, 28, 30, .08);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 72px}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1c1e1f;border-radius:8px;border:2px solid var(--surface-canvas)}::-webkit-scrollbar-thumb:hover{background:#1a1c1e38}a:hover{color:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.card-soft{background:var(--surface-card-soft);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.01em}.h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.005em}.h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-weight:var(--fw-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-weight:var(--fw-medium);font-size:var(--fs-sm);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);transition:background .12s ease,border-color .12s ease,transform 50ms ease}.btn:hover{background:var(--surface-card-soft);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent-soft);border-color:transparent;color:var(--accent-fg);font-weight:var(--fw-semibold)}.btn-primary:hover{background:var(--pastel-mintDeep, #c0d4b3)}.btn-dark{background:var(--surface-nav);border-color:transparent;color:var(--text-on-nav)}.btn-dark:hover{background:var(--surface-nav-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:#1a1c1e0d}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--surface-card-soft);border:1px solid var(--border-subtle);color:var(--text-secondary)}.stage-chip{display:inline-flex;padding:3px var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-primary)}.divider{height:1px;background:var(--border-subtle);width:100%}.row{display:flex;align-items:center}.row-gap-2{gap:var(--sp-2)}.row-gap-3{gap:var(--sp-3)}.row-gap-4{gap:var(--sp-4)}.col{display:flex;flex-direction:column}.spacer{flex:1}