:root{--bg-app: #f8fafc;--bg-sidebar: #f8fafc;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--line-main: #e5e7eb;--line-subtle: #f3f4f6;--line-strong: #d1d5db;--text-main: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--accent-indigo: #c2410c;--accent-violet: #ea580c;--gradient-brand: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);--gradient-brand-hover: linear-gradient(135deg, #9a3412 0%, #c2410c 100%);--emerald-bg: #ecfdf5;--emerald-text: #047857;--emerald-border: #a7f3d0;--emerald-dot: #10b981;--amber-bg: #fffbe0;--amber-text: #b45309;--amber-border: #fde68a;--amber-dot: #f59e0b;--red-bg: #fef2f2;--red-text: #b91c1c;--red-border: #fecaca;--red-dot: #ef4444;--blue-bg: #fff7ed;--blue-text: #c2410c;--blue-border: #ffedd5;--blue-dot: #ea580c;--gray-bg: #f9fafb;--gray-text: #4b5563;--gray-border: #e5e7eb;--gray-dot: #9ca3af;--sidebar-width: 256px;--topbar-height: 60px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,select,textarea{background:#fff!important;color:#111827!important;border:1px solid var(--line-main);border-radius:8px;padding:8px 12px;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #4f46e526}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.app{display:flex;min-height:100vh;background:var(--bg-app)}.sidebar{width:var(--sidebar-width);background:#f8fafc;border-right:1px solid var(--line-main);position:fixed;top:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.22,.68,0,1.2)}.sidebar-hero{background:linear-gradient(135deg,#9a3412,#c2410c,#ea580c);padding:18px 16px;color:#fff;position:relative;overflow:hidden}.sidebar-hero:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,#fff3,#fff0 70%);border-radius:50%;pointer-events:none}.sidebar-nav-card{background:#fff;border:1px solid var(--line-main);border-radius:18px;margin:12px 10px;padding:12px;flex:1;overflow-y:auto;box-shadow:0 1px 3px #00000008}.sidebar-nav-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line-subtle)}.nav-group{margin-bottom:16px}.nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:4px 8px 6px}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:12px;color:#374151;font-size:13.5px;font-weight:600;margin:3px 0;transition:all .15s ease}.nav-link-left{display:flex;align-items:center;gap:10px}.nav-icon-box{width:32px;height:32px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#4b5563;flex-shrink:0;transition:all .15s ease}.nav-link:hover{background:#f8fafc;color:var(--text-main)}.nav-link:hover .nav-icon-box{background:#e5e7eb;color:var(--text-main)}.nav-link.active{background:var(--gradient-brand);color:#fff;font-weight:700;box-shadow:0 4px 12px #c2410c40}.nav-link.active .nav-icon-box{background:#ffffff38;color:#fff}.nav-link.active .nav-count{background:#ffffff40;color:#fff;border-color:transparent}.nav-count{font-size:11px;font-weight:700;color:var(--accent-indigo);background:#fff7ed;border:1px solid #ffedd5;padding:1px 7px;border-radius:999px}.sidebar-profile-card{background:#fff;border:1px solid var(--line-main);border-radius:18px;margin:0 10px 10px;padding:12px;box-shadow:0 2px 8px #0000000a}.profile-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line-subtle);text-decoration:none;transition:opacity .15s ease}.profile-row:hover{opacity:.88}.profile-avatar-ring{padding:2px;border-radius:50%;border:2px solid var(--accent-indigo);display:flex;align-items:center;justify-content:center}.profile-name{font-size:14px;font-weight:800;color:var(--accent-indigo);line-height:1.25}.profile-role-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--accent-indigo);background:#fff7ed;border:1px solid #ffedd5;padding:1px 7px;border-radius:999px;margin-top:2px}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--line-main);background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.sidebar-logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.main-wrapper{margin-left:var(--sidebar-width);flex:1;min-width:0;display:flex;flex-direction:column}.search-wrap{position:relative;width:100%}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line-main);border-radius:12px;box-shadow:0 10px 25px #0000001a;overflow:hidden;z-index:50;max-height:400px;overflow-y:auto}.search-hit{display:block;padding:10px 14px;border-bottom:1px solid var(--line-subtle);transition:background .15s ease}.search-hit:hover{background:var(--bg-hover)}.search-hit .id{font-family:var(--font-mono);color:var(--accent-indigo);font-size:11px;font-weight:600}.search-hit .co{color:var(--text-main);font-weight:600;font-size:13px}.search-hit .meta{color:var(--text-muted);font-size:11px;margin-top:2px}.header-search-wrap{position:relative;min-width:240px;max-width:380px;flex:1 1 260px}.header-search-box{display:flex;align-items:center;gap:10px;background:#ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:8px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000014}.header-search-box:focus-within{background:#ffffff3d;border-color:#ffffffa6;box-shadow:0 0 0 3px #ffffff38,0 6px 18px #00000026}.header-search-input{background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-size:13px!important;font-weight:500!important;width:100%!important;padding:0!important;box-shadow:none!important}.header-search-input::placeholder{color:#ffffffb8!important;font-weight:400}.header-search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line-main);border-radius:14px;box-shadow:0 16px 40px #00000040;overflow:hidden;z-index:1000;animation:modalPop .16s ease}.header-search-item{display:block;padding:10px 14px;border-bottom:1px solid #f1f5f9;text-decoration:none;cursor:pointer;transition:background .12s ease}.header-search-item:hover{background:#f8fafc}.header-search-item:last-child{border-bottom:none}.page{padding:10px 10px 22px;max-width:1600px;margin:0 auto;width:100%;animation:fadeSlideUp .35s ease}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.page-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.page-head .sub{color:var(--text-muted);margin-top:4px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line-strong);border-radius:10px;padding:8px 16px;color:#374151;font-size:13px;font-weight:600;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.btn:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:var(--gradient-brand);color:#fff;border:none;box-shadow:0 2px 8px #c2410c40}.btn-primary:hover{background:var(--gradient-brand-hover);opacity:.95;box-shadow:0 4px 12px #c2410c59}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.segmented-control{display:inline-flex;background:#f1f5f9;padding:3px;border-radius:12px;gap:2px}.segmented-item{padding:6px 14px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--text-muted);transition:all .15s ease;cursor:pointer}.segmented-item:hover{color:var(--text-main)}.segmented-item.active{background:#fff;color:var(--text-main);box-shadow:0 1px 3px #0000001a}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;animation:badgePop .3s ease}.pill-emerald{background:var(--emerald-bg);color:var(--emerald-text);border:1px solid var(--emerald-border)}.pill-amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid var(--amber-border)}.pill-red{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.pill-blue{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-border)}.pill-gray{background:var(--gray-bg);color:var(--gray-text);border:1px solid var(--gray-border)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.emerald{background:var(--emerald-dot)}.status-dot.amber{background:var(--amber-dot)}.status-dot.red{background:var(--red-dot)}.status-dot.blue{background:var(--blue-dot)}.clickable-copy{transition:all .15s ease}.clickable-copy:hover{background:#c2410c14!important;color:var(--accent-indigo)!important;border-color:#c2410c40!important}.card{background:#fff;border:1px solid var(--line-main);border-radius:16px;padding:18px 20px;margin-bottom:20px;box-shadow:0 1px 3px #00000008;transition:all .2s ease}.card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.card-left-stripe{border-left-width:4px}.card-stripe-indigo{border-left-color:var(--accent-indigo)}.card-stripe-emerald{border-left-color:#10b981}.card-stripe-amber{border-left-color:#f59e0b}.card-stripe-red{border-left-color:#ef4444}.grid-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--line-main);border-radius:16px;padding:16px;transition:all .2s ease}.kpi:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;border-color:#cbd5e1}.kpi .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.kpi .value{font-size:24px;font-family:var(--font-mono);font-weight:800;color:var(--text-main);margin-top:4px;letter-spacing:-.02em}.kpi .hint{color:var(--text-muted);font-size:11px;margin-top:2px}.funnel{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.funnel-step{background:#f8fafc;border:1px solid var(--line-main);border-radius:12px;padding:12px;transition:all .15s ease}.funnel-step:hover{background:#fff;border-color:var(--accent-indigo);transform:translateY(-1px)}.funnel-step .n{font-family:var(--font-mono);font-size:20px;font-weight:800;color:var(--text-main)}.funnel-step .l{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.funnel-step .p{font-size:11px;color:var(--accent-indigo);margin-top:4px;font-weight:600}.table-wrap{border:1px solid var(--line-main);border-radius:16px;overflow:auto;background:#fff;box-shadow:0 1px 3px #00000008}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:12px 16px;border-bottom:1px solid var(--line-main);background:#f8fafc;position:sticky;top:0;white-space:nowrap;cursor:pointer}table.data td{padding:12px 16px;border-bottom:1px solid var(--line-subtle);vertical-align:middle}table.data tr{transition:background .12s ease;animation:rowIn .22s ease}table.data tr:hover td{background:#f8fafc;cursor:pointer}.lead-id{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--accent-indigo);background:#eef2ff;padding:2px 7px;border-radius:6px;border:1px solid #c7d2fe}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.lead-card{background:#fff;border:1px solid var(--line-main);border-radius:16px;padding:18px;transition:all .2s ease;cursor:pointer}.lead-card:hover{border-color:var(--accent-indigo);box-shadow:0 6px 20px #0000000f;transform:translateY(-2px)}.avatar-circle{width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 6px #0000001a}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes modalPop{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:none}}@keyframes badgePop{0%{transform:scale(.75);opacity:0}65%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes shimmer{to{transform:translate(200%)}}@keyframes navGlow{0%,to{box-shadow:0 2px 10px #4f46e52e}50%{box-shadow:0 2px 18px #4f46e552}}@keyframes logoGlow{0%{box-shadow:0 0 #4f46e500}50%{box-shadow:0 0 8px 4px #4f46e538,0 0 18px 8px #4f46e514}to{box-shadow:0 0 #4f46e500}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:39;animation:fadeSlideIn .2s ease}@media (max-width: 1023px){.sidebar{transform:translate(-100%);width:270px;z-index:40}.app.mobile-sidebar-open .sidebar{transform:translate(0);box-shadow:0 0 40px #00000059}.main-wrapper{margin-left:0}.grid-kpis{grid-template-columns:repeat(3,1fr)}.funnel{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr;gap:14px}}@media (max-width: 768px){.page{padding:8px 8px 20px!important}.grid-kpis{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.funnel{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.two-col{grid-template-columns:1fr!important;gap:12px!important}.card-grid{grid-template-columns:1fr!important}.card{padding:14px!important;border-radius:14px!important}.page-header-banner{padding:16px 14px!important;border-radius:14px!important;margin-bottom:14px!important}.page-header-banner h1{font-size:20px!important}.page-header-banner p{font-size:12px!important}.header-search-wrap{min-width:100%!important;max-width:100%!important;flex:1 1 100%!important;order:3;margin-top:8px}.header-search-dropdown{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.table-wrap{border-radius:12px!important}}@media (max-width: 480px){.page{padding:6px 6px 16px!important}.grid-kpis,.funnel{grid-template-columns:1fr!important}.page-header-banner{padding:14px 12px!important}}