.App{min-height:100vh;background:#f5f7fa}.main-content{margin-top:80px;padding:24px 32px;max-width:1920px;margin-left:auto;margin-right:auto}.header{background:#fff}.header-left{display:flex;flex-direction:column}.header-brand{display:flex;align-items:center;gap:10px;margin-left:16px;margin-right:auto}.header-brand-label{font-size:12px;font-weight:700;color:#111827;white-space:nowrap}.header-brand-buttons{display:flex;gap:6px}.header-brand-btn{padding:5px 14px;border-radius:20px;border:1.5px solid #d1d5db;background:#fff;color:#111827;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.header-brand-btn:hover{border-color:#111827;color:#111827}.header-brand-btn.active{background:#111827;border-color:#111827;color:#fff;font-weight:700}.header-top{position:fixed;top:0;left:0;right:0;padding:16px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;height:80px;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:1000}.header-title{font-size:24px;font-weight:700;color:#1e40af}.header-subtitle{font-size:11px;color:#9ca3af;margin-top:4px}.header-info{display:flex;align-items:center;gap:32px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:#9ca3af;font-weight:600}.info-value{font-size:14px;font-weight:700;color:#1f2937}.user-profile{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#f3f4f6;border-radius:24px}.profile-pic{width:32px;height:32px;border-radius:50%;background:#9ca3af;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.profile-name{font-size:14px;font-weight:600}.logout-btn{padding:8px;background:transparent;border:none;cursor:pointer;font-size:20px;transition:transform .2s}.logout-btn:hover{transform:scale(1.1)}@media(max-width:1200px){.header-title{font-size:22px}.header-subtitle{font-size:10px}}@media(max-width:768px){.header-title{font-size:20px}.header-subtitle{font-size:9px}.info-label{font-size:10px}.info-value{font-size:12px}.header-info{gap:16px}}.custom-datepicker{position:absolute;display:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #0000001a;z-index:9999;width:300px;padding:10px;top:calc(100% + 6px);left:0}.custom-datepicker.active{display:block}.datepicker-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.preset-btn{padding:5px 6px;background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:11px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;text-align:center}.preset-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-title{font-size:12px;font-weight:600;color:#1f2937;display:flex;gap:4px;align-items:center}.year-select,.month-select{padding:3px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:600;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s}.year-select:hover,.month-select:hover{border-color:#3b82f6;background:#f9fafb}.year-select:focus,.month-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.year-select{min-width:70px}.month-select{min-width:52px}.calendar-nav{display:flex;gap:4px}.calendar-nav-btn{width:22px;height:22px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s}.calendar-nav-btn:hover{background:#f3f4f6;border-color:#9ca3af}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.calendar-weekday{text-align:center;font-size:10px;font-weight:600;color:#6b7280;padding:4px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:3px;cursor:pointer;transition:all .15s;color:#1f2937}.calendar-day:hover:not(.disabled):not(.other-month){background:#f3f4f6}.calendar-day.other-month{color:#d1d5db;cursor:default}.calendar-day.today{font-weight:700;color:#3b82f6}.calendar-day.disabled{color:#d1d5db;cursor:not-allowed}.calendar-day.selected{background:#3b82f6;color:#fff;font-weight:600}.calendar-day.in-range{background:#dbeafe;color:#1e40af}.calendar-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.calendar-action-btn{padding:5px 12px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.calendar-action-btn.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.calendar-action-btn.secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.calendar-action-btn.secondary:hover{background:#f3f4f6;border-color:#9ca3af}@media(max-width:768px){.year-select{min-width:70px;font-size:13px;padding:3px 6px}.month-select{min-width:55px;font-size:13px;padding:3px 6px}}@media(max-width:480px){.custom-datepicker{width:300px}.calendar-day{font-size:11px}.year-select{min-width:65px;font-size:12px;padding:2px 4px}.month-select{min-width:50px;font-size:12px;padding:2px 4px}.calendar-title{gap:4px}}.section{margin-bottom:24px}.kpi-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:6px}.period-info{display:flex;align-items:center;gap:16px;margin-bottom:12px}.period-info-item{display:flex;align-items:center;gap:6px}.period-label{font-size:.75rem;font-weight:600;color:#6b7280}.period-value{font-size:.813rem;font-weight:700;color:#374151}.global-filters-wrapper{margin-bottom:16px;display:none}.global-filters{display:flex;flex-wrap:wrap;gap:10px;width:100%}.filter-group{display:flex;flex-direction:column;gap:4px;position:relative;min-width:160px;flex:0 0 auto}.filter-group.brand-filter{min-width:50px}.filter-label{font-size:.688rem;font-weight:600;color:#6b7280;margin-bottom:4px}.filter-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;background:#fff;cursor:pointer;height:32px;line-height:1.5;color:#1f2937;font-weight:500}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{background:#fff;border-radius:10px;padding:16px;border:1px solid #e5e7eb;transition:box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 14px #00000017}.kpi-card-title{font-size:.875rem;font-weight:700;color:#1f2937;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.kpi-rows{display:flex;flex-direction:column;gap:6px}.kpi-row{display:flex;justify-content:space-between;align-items:center;min-height:24px}.kpi-row-main{padding:5px 0;border-bottom:1px solid #f3f4f6}.kpi-row-main:last-of-type,.kpi-row-main+.kpi-row-sub:first-of-type{border-bottom:none}.kpi-row-sub{padding:3px 0}.kpi-row-label{font-size:.7rem;font-weight:600;color:#6b7280;flex-shrink:0}.kpi-row-value-wrap{display:flex;align-items:baseline;gap:3px}.kpi-row-value{font-size:1rem;font-weight:700;color:#111827;line-height:1}.kpi-row-main .kpi-row-value{font-size:1.15rem}.kpi-row-unit{font-size:.688rem;font-weight:600;color:#9ca3af}.kpi-row-change{font-size:.688rem;font-weight:700;margin-left:4px}.kpi-row-change.up{color:#16a34a}.kpi-row-change.down{color:#dc2626}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{padding:12px}.kpi-card-title{font-size:.8rem}.kpi-row-main .kpi-row-value{font-size:1rem}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr;gap:8px}.period-info{flex-direction:column;align-items:flex-start;gap:4px}}.funnel-steps-horizontal{display:flex;align-items:flex-start;gap:6px;overflow:visible;padding:4px 2px 8px;width:100%}.funnel-step-card{display:flex;flex-direction:column;gap:6px;position:relative;text-align:left}.funnel-steps-horizontal>.funnel-step-card{flex:1 1 0;min-width:155px}.funnel-steps-horizontal>.funnel-step-column{flex:1 1 0;min-width:155px}.funnel-step-card-main{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:8px 10px;cursor:pointer;transition:all .2s}.funnel-step-card-main:hover{background:#f9fafb}.funnel-step-card.disabled .funnel-step-card-main{background:#f3f4f6;border-color:#e5e7eb;opacity:.6;cursor:pointer}.funnel-step-card.disabled .step-name{color:#9ca3af}.funnel-step-card.disabled .step-number{background:#e5e7eb;color:#9ca3af}.funnel-step-disabled-placeholder{height:40px}.funnel-step-card-filters{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px;transition:all .2s}.step-inline-filter-section{display:flex;flex-direction:column;gap:2px}.step-inline-filter-label{font-size:.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.02em}.step-inline-filter-btns{display:flex;flex-wrap:wrap;gap:2px}.step-inline-filter-date-wrap{position:relative;z-index:200}.step-inline-filter-date-wrap.date-picker-align-right .custom-datepicker{left:auto;right:0}.funnel-step-card:has(.custom-datepicker){z-index:300}.step-filter-date-input{width:100%;padding:3px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:.68rem;color:#374151;background:#fff;cursor:pointer;box-sizing:border-box}.step-filter-date-input:hover{border-color:#9ca3af}.step-filter-btn{padding:2px 5px;border:1px solid #d1d5db;border-radius:4px;font-size:.62rem;font-weight:500;color:#6b7280;background:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.step-filter-btn:hover{border-color:#9ca3af;color:#374151}.step-filter-btn.btn-disabled{opacity:.35;cursor:not-allowed}.step-filter-btn.exposure-color.active{background:#fee2e2;border-color:#fca5a5;color:#dc2626;font-weight:600}.step-filter-btn.inflow-color.active{background:#fef3c7;border-color:#f59e0b;color:#b45309;font-weight:600}.step-filter-btn.inquiry-color.active{background:#d1fae5;border-color:#10b981;color:#047857;font-weight:600}.step-filter-btn.consulting-color.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.step-filter-btn.contract-color.active{background:#f3e8ff;border-color:#a855f7;color:#7e22ce;font-weight:600}.funnel-step-card.disabled .funnel-step-card-filters{opacity:.6;background:#f3f4f6;border-color:#e5e7eb}.funnel-step-card.step-exposure .funnel-step-card-main:hover{border-color:#fca5a5;box-shadow:0 4px 12px #fca5a526}.funnel-step-card.step-exposure.active .funnel-step-card-main{border-color:#fca5a5;background:#fee2e2;box-shadow:0 4px 12px #fca5a533}.funnel-step-card.step-exposure.active .step-number{background:#fca5a5;color:#fff}.funnel-step-card.step-exposure.active .funnel-step-card-filters{border-color:#fca5a5}.funnel-step-card.step-inflow .funnel-step-card-main:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.funnel-step-card.step-inflow.active .funnel-step-card-main{border-color:#f59e0b;background:#fef3c7;box-shadow:0 4px 12px #f59e0b33}.funnel-step-card.step-inflow.active .step-number{background:#f59e0b;color:#fff}.funnel-step-card.step-inflow.active .funnel-step-card-filters{border-color:#f59e0b}.funnel-step-card.step-inquiry .funnel-step-card-main:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.funnel-step-card.step-inquiry.active .funnel-step-card-main{border-color:#10b981;background:#d1fae5;box-shadow:0 4px 12px #10b98133}.funnel-step-card.step-inquiry.active .step-number{background:#10b981;color:#fff}.funnel-step-card.step-inquiry.active .funnel-step-card-filters{border-color:#10b981}.funnel-step-card.step-consulting .funnel-step-card-main:hover,.funnel-step-card.step-prospect .funnel-step-card-main:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.funnel-step-card.step-consulting.active .funnel-step-card-main,.funnel-step-card.step-prospect.active .funnel-step-card-main{border-color:#3b82f6;background:#dbeafe;box-shadow:0 4px 12px #3b82f633}.funnel-step-card.step-consulting.active .step-number,.funnel-step-card.step-prospect.active .step-number{background:#3b82f6;color:#fff}.funnel-step-card.step-consulting.active .funnel-step-card-filters,.funnel-step-card.step-prospect.active .funnel-step-card-filters{border-color:#3b82f6}.funnel-step-card.step-contract .funnel-step-card-main:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f726}.funnel-step-card.step-contract.active .funnel-step-card-main{border-color:#a855f7;background:#f3e8ff;box-shadow:0 4px 12px #a855f733}.funnel-step-card.step-contract.active .step-number{background:#a855f7;color:#fff}.funnel-step-card.step-contract.active .funnel-step-card-filters{border-color:#a855f7}.funnel-step-card-header{display:flex;margin-bottom:8px}.funnel-step-title{display:flex;align-items:center;gap:8px}.step-badge-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.step-number{font-size:.625rem;font-weight:700;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;align-self:flex-start}.step-download-btn{font-size:.58rem;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid #d1d5db;background:#f9fafb;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:3px}.step-download-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.step-download-btn:disabled{opacity:.6;cursor:not-allowed}.step-download-btn.exposure-color{border-color:#f5a623;color:#c67d10}.step-download-btn.exposure-color:hover{background:#fff8ee;border-color:#f5a623}.step-download-btn.inflow-color{border-color:#f5a623;color:#c67d10}.step-download-btn.inflow-color:hover{background:#fff8ee;border-color:#f5a623}.step-download-btn.inquiry-color{border-color:#22c55e;color:#16a34a}.step-download-btn.inquiry-color:hover{background:#f0fdf4;border-color:#22c55e}.step-download-btn.consulting-color{border-color:#3b82f6;color:#1d4ed8}.step-download-btn.consulting-color:hover{background:#eff6ff;border-color:#3b82f6}.step-download-btn.contract-color{border-color:#a855f7;color:#7e22ce}.step-download-btn.contract-color:hover{background:#faf5ff;border-color:#a855f7}.step-name{font-size:1rem;font-weight:700;color:#1f2937}.funnel-step-value-container{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}.funnel-step-value{font-size:clamp(.85rem,2vw,1.5rem);font-weight:700;color:#3b82f6;word-break:break-all;overflow-wrap:break-word;line-height:1.2}.funnel-step-cost{font-size:.72rem;color:#6b7280;font-weight:500}.funnel-step-sub-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:2px}.funnel-step-meta{font-size:.72rem;color:#9ca3af;font-weight:500;word-break:break-all;overflow-wrap:break-word}.funnel-step-column{flex:1 1 0;min-width:155px;display:flex;flex-direction:column;gap:6px}.funnel-step-column.contract-column{flex:2 1 0;min-width:260px}.funnel-step-column.exposure-column{flex:1.6 1 0;min-width:240px}.funnel-step-column .funnel-step-card{flex:unset;min-width:unset;width:100%}.funnel-step-contract-split,.funnel-step-exposure-split{display:flex;gap:10px;align-items:flex-start}.funnel-step-exposure-left,.funnel-step-exposure-right{flex:1;display:flex;flex-direction:column;min-width:0}.funnel-step-exposure-left{align-items:flex-start;text-align:left}.funnel-step-exposure-right{align-items:flex-end;text-align:right}.funnel-step-exposure-left .funnel-step-contract-sub-title{text-align:left}.funnel-step-exposure-left .funnel-step-sub-metrics{align-items:flex-start}.funnel-step-contract-left,.funnel-step-contract-right{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0;overflow:hidden}.funnel-step-contract-right{flex:1.3 1 0}.funnel-step-contract-divider{width:1px;background:#e5e7eb;align-self:stretch;flex-shrink:0}.funnel-step-contract-divider.exposure-divider{width:0;background:transparent;border-left:1px dashed #cbd5e1}.funnel-step-contract-sub-title{font-size:.68rem;font-weight:600;color:#9ca3af;margin-bottom:4px;width:100%;text-align:right}.funnel-step-filter-header{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter-toggle-btn{font-size:.6rem;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid #d1d5db;background:#f9fafb;color:#6b7280;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.filter-toggle-btn:hover{background:#f3f4f6;border-color:#9ca3af}.filter-toggle-btn.exposure-color:focus,.funnel-step-card.step-exposure.active .filter-toggle-btn{border-color:#fca5a5;color:#dc2626;background:#fee2e2}.filter-toggle-btn.inflow-color:focus,.funnel-step-card.step-inflow.active .filter-toggle-btn{border-color:#f59e0b;color:#b45309;background:#fef3c7}.filter-toggle-btn.inquiry-color:focus,.funnel-step-card.step-inquiry.active .filter-toggle-btn{border-color:#10b981;color:#047857;background:#d1fae5}.filter-toggle-btn.consulting-color:focus,.funnel-step-card.step-consulting.active .filter-toggle-btn,.funnel-step-card.step-prospect.active .filter-toggle-btn{border-color:#3b82f6;color:#1d4ed8;background:#dbeafe}.filter-toggle-btn.contract-color:focus,.funnel-step-card.step-contract.active .filter-toggle-btn{border-color:#a855f7;color:#7e22ce;background:#f3e8ff}.filter-active-chips{display:flex;flex-wrap:wrap;gap:3px;flex:1;min-width:0}.filter-chip{font-size:.58rem;font-weight:500;padding:1px 5px;border-radius:9999px;border:1px solid #d1d5db;background:#f3f4f6;color:#374151;white-space:nowrap}.filter-chip.exposure-color{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.filter-chip.inflow-color{background:#fef3c7;border-color:#f59e0b;color:#b45309}.filter-chip.inquiry-color{background:#d1fae5;border-color:#10b981;color:#047857}.filter-chip.consulting-color{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.filter-chip.contract-color{background:#f3e8ff;border-color:#a855f7;color:#7e22ce}.filter-no-active{font-size:.58rem;color:#d1d5db;line-height:1.6}.funnel-step-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:90px;gap:3px;margin-top:24px;align-self:flex-start}.funnel-step-time-badge-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.funnel-step-time-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:9999px;border:1px solid #e5e7eb;background:#f9fafb;font-size:10px;color:#374151;font-weight:600;cursor:default;position:relative}.funnel-step-time-badge-wrap:hover .time-stat-tooltip{display:block}.time-stat-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f2937;color:#f9fafb;border-radius:8px;padding:10px 12px;min-width:180px;z-index:9999;box-shadow:0 6px 20px #00000040;white-space:nowrap}.time-stat-tooltip-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2937}.time-stat-table{width:100%;border-collapse:collapse;font-size:11.5px}.time-stat-table td{padding:2px 4px}.time-stat-label{color:#9ca3af;text-align:left;padding-right:12px!important}.time-stat-value{color:#f9fafb;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.time-stat-section-head{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding-top:6px!important;padding-bottom:2px!important}.time-stat-divider-row td{border-top:1px solid #374151}.funnel-step-time-icon{color:#6b7280}.funnel-step-chevron{color:#cbd5e1;font-size:20px;line-height:1}.funnel-step-connector.only-arrow .funnel-step-chevron{margin-top:0}@media(max-width:1200px){.funnel-step-card{min-width:145px}}@media(max-width:768px){.funnel-steps-horizontal{gap:8px}.funnel-step-card{min-width:156px;padding:8px 10px}.step-name{font-size:.9rem}.funnel-step-value{font-size:1.3rem}.funnel-step-connector{min-width:54px}.funnel-step-time-badge{font-size:10px;padding:3px 6px}}@media(max-width:480px){.funnel-step-card{min-width:145px}.step-name{font-size:.82rem}.step-number{padding:2px 6px}}.funnel-step-card.step-exposure .calendar-day.selected{background:#fca5a5;color:#7f1d1d}.funnel-step-card.step-exposure .calendar-day.in-range{background:#fee2e2;color:#991b1b}.funnel-step-card.step-exposure .calendar-action-btn.primary{background:#fca5a5;border-color:#fca5a5;color:#7f1d1d}.funnel-step-card.step-exposure .calendar-action-btn.primary:hover{background:#f87171;border-color:#f87171;color:#fff}.funnel-step-card.step-exposure .preset-btn:hover{background:#fca5a5;border-color:#fca5a5;color:#7f1d1d}.funnel-step-card.step-inflow .calendar-day.selected{background:#f59e0b;color:#fff}.funnel-step-card.step-inflow .calendar-day.in-range{background:#fef3c7;color:#92400e}.funnel-step-card.step-inflow .calendar-action-btn.primary{background:#f59e0b;border-color:#f59e0b}.funnel-step-card.step-inflow .calendar-action-btn.primary:hover{background:#d97706;border-color:#d97706}.funnel-step-card.step-inflow .preset-btn:hover{background:#f59e0b;border-color:#f59e0b}.funnel-step-card.step-inquiry .calendar-day.selected{background:#10b981;color:#fff}.funnel-step-card.step-inquiry .calendar-day.in-range{background:#d1fae5;color:#065f46}.funnel-step-card.step-inquiry .calendar-action-btn.primary{background:#10b981;border-color:#10b981}.funnel-step-card.step-inquiry .calendar-action-btn.primary:hover{background:#059669;border-color:#059669}.funnel-step-card.step-inquiry .preset-btn:hover{background:#10b981;border-color:#10b981}.funnel-step-card.step-consulting .calendar-day.selected,.funnel-step-card.step-prospect .calendar-day.selected{background:#3b82f6;color:#fff}.funnel-step-card.step-consulting .calendar-day.in-range,.funnel-step-card.step-prospect .calendar-day.in-range{background:#dbeafe;color:#1e40af}.funnel-step-card.step-consulting .calendar-action-btn.primary,.funnel-step-card.step-prospect .calendar-action-btn.primary{background:#3b82f6;border-color:#3b82f6}.funnel-step-card.step-consulting .calendar-action-btn.primary:hover,.funnel-step-card.step-prospect .calendar-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.funnel-step-card.step-consulting .preset-btn:hover,.funnel-step-card.step-prospect .preset-btn:hover{background:#3b82f6;border-color:#3b82f6}.funnel-step-card.step-contract .calendar-day.selected{background:#a855f7;color:#fff}.funnel-step-card.step-contract .calendar-day.in-range{background:#f3e8ff;color:#6b21a8}.funnel-step-card.step-contract .calendar-action-btn.primary{background:#a855f7;border-color:#a855f7}.funnel-step-card.step-contract .calendar-action-btn.primary:hover{background:#9333ea;border-color:#9333ea}.funnel-step-card.step-contract .preset-btn:hover{background:#a855f7;border-color:#a855f7}.detail-section{display:none}.detail-section.active{display:block}.detail-title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chart-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb;min-height:400px;max-height:400px;height:400px}.chart-card.span-3{grid-column:span 3}.chart-card.full-width{grid-column:1 / -1}.chart-card.time-chart-card{min-height:550px!important;max-height:550px!important;height:550px!important}.chart-card.time-chart-card .chart-container{height:475px!important;max-height:475px!important;min-height:475px!important}.chart-card.time-chart-card .chart-container>canvas{max-height:475px!important}.chart-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.chart-container{height:340px!important;max-height:340px!important;min-height:340px!important;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.chart-container>canvas{max-height:340px!important;max-width:100%!important}.chart-placeholder{color:#9ca3af;font-size:14px;text-align:center}.heatmap-container{background:#fff;padding:20px;border-radius:8px;width:100%}.chart-card.heatmap-card{min-height:auto!important;max-height:none!important;height:fit-content!important}.chart-card.heatmap-card .chart-container{min-height:auto!important;max-height:none!important;height:auto!important}.heatmap-grid{display:grid;grid-template-columns:40px 44px repeat(24,1fr);gap:2px;font-size:11px;width:100%}.heatmap-cell{padding:6px 2px;text-align:center;border-radius:3px;font-weight:600;font-size:10px;min-width:0}.heatmap-header{background:#f3f4f6;color:#6b7280;font-size:10px}.heatmap-row-label{background:#f3f4f6;color:#374151;display:flex;align-items:center;justify-content:center;font-weight:600}.heatmap-corner{background:#e5e7eb;color:#374151;font-weight:700;display:flex;align-items:center;justify-content:center}.heatmap-empty{background:#f9fafb;min-width:0}.heatmap-total-cell{background:#e5e7eb;color:#374151;font-weight:600}.heatmap-grand-total{background:#e5e7eb;font-weight:700}.heatmap-data{cursor:pointer;transition:all .2s}.heatmap-data:hover{transform:scale(1.05);z-index:10;box-shadow:0 4px 6px #0000001a}.heatmap-data[data-intensity="1"]{background:#3b82f633;color:#1e40af}.heatmap-data[data-intensity="2"]{background:#3b82f666;color:#1e40af}.heatmap-data[data-intensity="3"]{background:#3b82f699;color:#fff}.heatmap-data[data-intensity="4"]{background:#3b82f6cc;color:#fff}.heatmap-data[data-intensity="5"]{background:#3b82f6;color:#fff}.heatmap-container.heatmap-exposure .heatmap-data[data-intensity="1"]{background:#fca5a533!important;color:#991b1b!important}.heatmap-container.heatmap-exposure .heatmap-data[data-intensity="2"]{background:#fca5a566!important;color:#991b1b!important}.heatmap-container.heatmap-exposure .heatmap-data[data-intensity="3"]{background:#fca5a599!important;color:#fff!important}.heatmap-container.heatmap-exposure .heatmap-data[data-intensity="4"]{background:#fca5a5cc!important;color:#fff!important}.heatmap-container.heatmap-exposure .heatmap-data[data-intensity="5"]{background:#fca5a5!important;color:#fff!important}.heatmap-container.heatmap-inflow .heatmap-data[data-intensity="1"]{background:#f59e0b33!important;color:#92400e!important}.heatmap-container.heatmap-inflow .heatmap-data[data-intensity="2"]{background:#f59e0b66!important;color:#92400e!important}.heatmap-container.heatmap-inflow .heatmap-data[data-intensity="3"]{background:#f59e0b99!important;color:#fff!important}.heatmap-container.heatmap-inflow .heatmap-data[data-intensity="4"]{background:#f59e0bcc!important;color:#fff!important}.heatmap-container.heatmap-inflow .heatmap-data[data-intensity="5"]{background:#f59e0b!important;color:#fff!important}.heatmap-container.heatmap-inquiry .heatmap-data[data-intensity="1"]{background:#10b98133!important;color:#065f46!important}.heatmap-container.heatmap-inquiry .heatmap-data[data-intensity="2"]{background:#10b98166!important;color:#065f46!important}.heatmap-container.heatmap-inquiry .heatmap-data[data-intensity="3"]{background:#10b98199!important;color:#fff!important}.heatmap-container.heatmap-inquiry .heatmap-data[data-intensity="4"]{background:#10b981cc!important;color:#fff!important}.heatmap-container.heatmap-inquiry .heatmap-data[data-intensity="5"]{background:#10b981!important;color:#fff!important}.heatmap-container.heatmap-consulting .heatmap-data[data-intensity="1"]{background:#3b82f633!important;color:#1e40af!important}.heatmap-container.heatmap-consulting .heatmap-data[data-intensity="2"]{background:#3b82f666!important;color:#1e40af!important}.heatmap-container.heatmap-consulting .heatmap-data[data-intensity="3"]{background:#3b82f699!important;color:#fff!important}.heatmap-container.heatmap-consulting .heatmap-data[data-intensity="4"]{background:#3b82f6cc!important;color:#fff!important}.heatmap-container.heatmap-consulting .heatmap-data[data-intensity="5"]{background:#3b82f6!important;color:#fff!important}.heatmap-container.heatmap-contract .heatmap-data[data-intensity="1"]{background:#a855f733!important;color:#6b21a8!important}.heatmap-container.heatmap-contract .heatmap-data[data-intensity="2"]{background:#a855f766!important;color:#6b21a8!important}.heatmap-container.heatmap-contract .heatmap-data[data-intensity="3"]{background:#a855f799!important;color:#fff!important}.heatmap-container.heatmap-contract .heatmap-data[data-intensity="4"]{background:#a855f7cc!important;color:#fff!important}.heatmap-container.heatmap-contract .heatmap-data[data-intensity="5"]{background:#a855f7!important;color:#fff!important}.step-trend-card{margin-top:0;padding-right:1;min-height:auto!important;max-height:none!important;height:auto!important}.step-trend-card .step-trend-chart-wrap{width:100%;height:340px;position:relative}.step-trend-card .step-trend-chart-wrap>canvas{max-height:340px!important}.step-trend-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.step-trend-header .chart-title{margin-bottom:0}.trend-period-tabs{display:flex;gap:4px}.trend-period-tab{padding:6px 14px;font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.trend-period-tab:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}.trend-period-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.trend-pagination{display:flex;gap:6px;align-items:center}.trend-page-btn{padding:6px 12px;font-size:14px;font-weight:600;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.trend-page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.trend-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.trend-page-btn:disabled{background:#f9fafb;color:#d1d5db;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}@media(max-width:1400px){.chart-grid{grid-template-columns:repeat(2,1fr)}.heatmap-grid{grid-template-columns:36px 40px repeat(24,1fr)}.heatmap-cell{padding:5px 2px;font-size:9px}}@media(max-width:1200px){.chart-grid{grid-template-columns:repeat(2,1fr)}.chart-card{min-height:400px;max-height:400px;height:400px}.chart-container{height:340px!important;max-height:340px!important;min-height:340px!important}.chart-container>canvas{max-height:340px!important}.chart-card.span-3{grid-column:1 / -1}.heatmap-container{padding:15px}.heatmap-grid{grid-template-columns:32px 36px repeat(24,1fr);gap:1px}.heatmap-cell{padding:4px 1px;font-size:8px}}@media(max-width:900px){.heatmap-grid{grid-template-columns:28px 32px repeat(24,1fr);gap:1px}.heatmap-cell{padding:3px 1px;font-size:7px;border-radius:2px}.heatmap-header,.heatmap-row-label{font-size:9px}}@media(max-width:768px){.chart-grid{grid-template-columns:1fr}.chart-card.span-3{grid-column:1 / -1}.heatmap-container{padding:10px}.heatmap-grid{grid-template-columns:26px 28px repeat(24,1fr);gap:1px}.heatmap-cell{padding:2px 0;font-size:6px;border-radius:1px}.heatmap-header,.heatmap-row-label{font-size:8px}}@media(max-width:480px){.heatmap-grid{grid-template-columns:24px 26px repeat(24,1fr);gap:1px}.heatmap-cell{padding:2px 0;font-size:5px}.heatmap-header,.heatmap-row-label{font-size:7px}}.funnel-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.funnel-reset-btn{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#6b7280;background:#fff;cursor:pointer;transition:all .15s;white-space:nowrap}.funnel-reset-btn:hover{border-color:#9ca3af;color:#374151;background:#f9fafb}.funnel-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.funnel-layout{display:flex;flex-direction:column;gap:12px;margin-top:20px}.funnel-detail-wrap{position:relative}.funnel-detail{position:relative;background:#f9fafb;border-radius:8px;padding:20px;overflow:visible}.prospect-mode-badge{display:inline-flex;align-items:center;margin:0 0 8px 2px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid transparent}.prospect-mode-badge.enabled{background:#ecfdf5;border-color:#86efac;color:#166534}.prospect-mode-badge.disabled{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.detail-placeholder{display:flex;align-items:center;justify-content:center;height:400px;color:#9ca3af;font-size:14px}@media(max-width:1024px){.funnel-layout{gap:10px}.funnel-detail{padding:16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1400px){:root{font-size:15px}}@media(max-width:1200px){:root{font-size:14px}}@media(max-width:768px){:root{font-size:13px}}@media(max-width:480px){:root{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Malgun Gothic,맑은 고딕,sans-serif}h1{font-size:3.2em;line-height:1.1}#root{width:100%}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9;color:#213547}}