@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}:root{--color-bg-base: #f3f3f3;--color-bg-surface: #FFFFFF;--color-bg-sidebar: #FFFFFF;--color-primary: #E8593C;--color-primary-hover: #D44E33;--color-primary-light: #F5C4B0;--color-primary-muted: #FAE8E2;--color-text-primary: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #A0A0A0;--color-text-xmuted: #BDBDBD;--color-text-on-primary: #FFFFFF;--color-border: #EBEBEB;--color-border-light: #F0F0F0;--color-status-success-bg: #E6F4EA;--color-status-success-text: #1E7E34;--color-status-danger-bg: #FDECEA;--color-status-danger-text: #C0392B;--color-status-warning-bg: #FEF3C7;--color-status-warning-text: #D97706;--color-trend-up: #1E7E34;--color-trend-down: #C0392B;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-btn: 8px;--radius-full: 999px;--sidebar-width: 240px;--sidebar-width-collapsed: 72px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-primary);min-height:100vh}#root{height:100vh}.text-logo-handwritten{font-family:Caveat,cursive;font-size:26px;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.app-shell{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar.collapsed{width:var(--sidebar-width-collapsed);padding:16px 0}.sidebar.collapsed .sidebar-item span,.sidebar.collapsed .sidebar-group-label,.sidebar.collapsed .text-logo-handwritten,.sidebar.collapsed .user-info,.sidebar.collapsed .sidebar-item chevron-right,.sidebar.collapsed .sidebar-item chevron-down{display:none!important}.sidebar.collapsed .sidebar-item{display:flex!important;justify-content:center!important;align-items:center!important;padding:12px 0!important;width:100%!important;gap:0!important;margin:4px 0}.sidebar.collapsed .sidebar-item svg{width:22px!important;height:22px!important}.sidebar.collapsed .sidebar-item div[style*="width: 17px"],.sidebar.collapsed .sidebar-item div[style*="width: 18px"]{width:22px!important;height:22px!important;font-size:13px!important;margin:0!important}.sidebar.collapsed .sidebar-group{padding:0;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .mascot-container{width:100%;justify-content:center!important;padding:0!important}.sidebar.collapsed .mascot-container svg{width:38px!important;height:38px!important}.sidebar.collapsed .logo-toggle-container{flex-direction:column!important;gap:16px!important}.sidebar.collapsed .active-indicator-bg{width:48px;height:48px;border-radius:12px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-shell:has(.sidebar.collapsed) .main-content{margin-left:var(--sidebar-width-collapsed)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-bg-base);z-index:50}.search-container{position:relative;width:100%;max-width:480px}.search-container .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{width:100%;padding:12px 16px 12px 48px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg-base);font-size:14px;outline:none;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.search-input:focus{border-color:var(--color-primary);background:var(--color-bg-surface);box-shadow:0 4px 12px #e8593c14}.content-area{flex:1;padding:0 24px 24px;overflow-y:auto}.text-page-title{font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.text-nav-label-group{font-size:10px;font-weight:600;color:var(--color-text-xmuted);text-transform:uppercase;letter-spacing:.08em;margin:24px 12px 10px}.text-nav-item{font-size:13.5px;font-weight:500}.text-lead-name{font-size:13.5px;font-weight:600}.text-body{font-size:13px;font-weight:400;color:var(--color-text-secondary);line-height:1.5}.text-small{font-size:12px;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;gap:8px;border:none}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;line-height:1}.badge-success{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.badge-danger{background:var(--color-status-danger-bg);color:var(--color-status-danger-text)}.badge-warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.badge-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.sidebar-group-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:4px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease}.sidebar-item:hover{background:#0000000a}.sidebar-item.active{background:#e8593c1a;color:var(--color-primary);font-weight:500}.sidebar-item.active svg{color:var(--color-primary)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;background:var(--color-bg-base);display:flex;flex-direction:column;padding-top:var(--space-8)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;background:var(--color-bg-base);border-bottom:1px solid transparent;z-index:50}.text-page-title{font-size:20px;font-weight:500;color:var(--color-text-primary);letter-spacing:-.01em}.content-area{padding:0 0 48px;flex:1}.card{background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse}th{background:var(--color-bg-muted);text-align:left;padding:10px 16px;font-size:11px;font-weight:500;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.08em}td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);font-size:13px;color:var(--color-text-primary)}tr:hover{background:#00000005}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--color-bg-surface);border-radius:16px;border:2px dashed var(--color-border);padding:60px}.empty-icon{width:60px;height:60px;background:#eef2ff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-secondary);border-radius:6px;transition:background .2s}.btn-icon:hover{background:var(--color-bg-muted)}.badge-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid #fff}@keyframes growUp{0%{height:0;opacity:0}to{height:var(--target-height);opacity:1}}.animate-bar{animation:growUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes drawLine{0%{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:.15}}.chart-path-smooth{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawLine 2.5s cubic-bezier(.4,0,.2,1) forwards}.chart-area-smooth{opacity:0;animation:fadeInArea 2s ease-out .5s forwards}[data-tooltip]{position:relative;cursor:default}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px) scale(.95);background:#fdecea;color:#4a4a4a;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:500;white-space:pre-wrap;width:max-content;max-width:220px;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:none;box-shadow:none;text-align:center;line-height:1.5;border:none}[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px 6px 0 6px;border-style:solid;border-color:#FDECEA transparent transparent transparent;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;pointer-events:none}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%,-8px) scale(1);transition-delay:.1s}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%,-8px);transition-delay:.1s}@keyframes onboardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.onboarding-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;animation:onboardFadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.onboarding-hero{margin-bottom:48px}.onboarding-title{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.02em}.onboarding-subtitle{font-size:16px;color:var(--color-text-secondary);max-width:540px;margin:0 auto 48px;line-height:1.6}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin-bottom:48px}.onboarding-card{background:var(--color-bg-base);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .3s ease;text-align:left}.onboarding-card:hover{border-color:var(--color-primary);transform:translateY(-4px);background:#fff;box-shadow:0 12px 24px #e8593c14}.onboarding-card-icon{width:42px;height:42px;background:var(--color-primary-muted);color:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.onboarding-card-title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.onboarding-card-text{font-size:13px;color:var(--color-text-secondary);line-height:1.5}