.date-range-picker{display:inline-block;position:relative}.date-range-trigger{border:1px solid var(--onmice-border-strong,#c7cbd2);color:#374151;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.date-range-trigger:hover{border-color:#d8c3e6}.date-range-popover{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #e3e7ee;border-radius:12px;gap:8px;width:auto;min-width:280px;max-width:320px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #11182724}.date-range-popover.top{top:auto;bottom:calc(100% + 8px)}.date-range-popover .rdp-root,.date-range-popover .rdp{width:100%;margin:0;padding:0}.date-range-popover .rdp-month,.date-range-popover .rdp-months,.date-range-popover .rdp-month_grid,.date-range-popover .rdp-table{width:100%}.date-range-popover .custom-calendar-header{justify-content:center;align-items:center;gap:10px;padding-bottom:4px;display:flex}.date-range-popover .custom-calendar-header .nav-btn{color:#6a268a;cursor:pointer;background:#f3eafb;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.date-range-popover .custom-calendar-header .nav-btn:hover{background:#ead5f7}.date-range-popover .custom-calendar-header .month-label{color:#111827;text-align:center;min-width:110px;font-size:14px;font-weight:800}.date-range-popover .rdp-month_caption{display:none!important}.date-range-popover .rdp-selected .rdp-day_button,.date-range-popover .rdp-range_start .rdp-day_button,.date-range-popover .rdp-range_end .rdp-day_button{font-weight:700}.date-range-popover .rdp-range_start .rdp-day_button{color:#fff!important;background:#6a268a!important;border-radius:8px 0 0 8px!important}.date-range-popover .rdp-range_end .rdp-day_button{color:#fff!important;background:#6a268a!important;border-radius:0 8px 8px 0!important}.date-range-popover .rdp-range_start.rdp-range_end .rdp-day_button{border-radius:8px!important}.date-range-popover .rdp-range_middle .rdp-day_button{color:#4f1c66!important;background:#f3eafb!important;border-radius:0!important}.date-range-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.date-range-footer-actions{gap:8px;display:flex}.date-range-footer button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.date-range-footer button:hover{color:#4f1c66;background:#f3eafb;border-color:#d8c3e6}.date-range-footer button.rdp-apply-btn{color:#fff;background:#6a268a;border:none;border-radius:8px;height:30px;padding:0 14px;font-size:12px;font-weight:700}.date-range-footer button.rdp-apply-btn:hover{background:#4f1c66}.date-range-picker .rdp-today:not(.rdp-outside):not(.rdp-selected):not(.rdp-range_start):not(.rdp-range_end):not(.rdp-range_middle) .rdp-day_button{color:#6a268a;background:0 0;font-weight:700;position:relative}.date-range-picker .rdp-today:not(.rdp-outside):not(.rdp-selected):not(.rdp-range_start):not(.rdp-range_end):not(.rdp-range_middle) .rdp-day_button:after{content:"";background:#6a268a;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.date-range-popover .rdp-sunday:not(.rdp-outside) .rdp-day_button{color:#dc2626}.date-range-popover .rdp-saturday:not(.rdp-outside) .rdp-day_button{color:#2563eb}.date-range-popover .rdp-outside .rdp-day_button{color:#d1d5db}.date-range-popover .rdp-root{--rdp-accent-color:#6a268a;--rdp-accent-background-color:#f3eafb;--rdp-day-width:32px;--rdp-day-height:32px;--rdp-day_button-width:32px;--rdp-day_button-height:32px;--rdp-day_button-border-radius:8px;--rdp-today-color:#6a268a;--rdp-selected-border:none}.date-range-popover .rdp-month_caption{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex;position:relative}.date-range-popover .rdp-caption_label{color:#111827;order:2;font-size:14px;font-weight:800}.date-range-popover .rdp-nav{display:contents}.date-range-popover .rdp-button_previous{order:1}.date-range-popover .rdp-button_next{order:3}.date-range-popover .rdp-button_previous,.date-range-popover .rdp-button_next{color:#6a268a;background:#f3eafb;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;display:inline-flex}.date-range-popover .rdp-button_previous:hover,.date-range-popover .rdp-button_next:hover{background:#ead5f7}.date-range-popover .rdp-chevron{fill:currentColor}.date-range-popover .rdp-weekday,.date-range-popover .rdp-head_cell{color:#000;font-size:13px;font-weight:600}.date-range-popover .rdp-day_button{color:#374151;font-size:13px}.date-range-popover .rdp-day_button:hover{color:#6a268a;background:#f3eafb}
:root{--onmice-brand-50:#f3eafb;--onmice-brand-100:#ead9f4;--onmice-brand-200:#d8bce8;--onmice-brand-300:#c398d8;--onmice-brand-400:#9d5fba;--onmice-brand-500:#6a268a;--onmice-brand-600:#6a268a;--onmice-brand-700:#4f1c66;--onmice-brand-800:#3d164f;--onmice-brand-900:#2a1235;--onmice-accent:#6a268a;--onmice-sidebar:#fff;--onmice-sidebar-border:#e5e7eb;--onmice-sidebar-text:#374151;--onmice-sidebar-muted:#6b7280;--onmice-gray-50:#f8f9fb;--onmice-gray-100:#f1f3f6;--onmice-gray-200:#e2e6ec;--onmice-gray-300:#ccd3dd;--onmice-gray-400:#98a2b3;--onmice-gray-500:#667085;--onmice-gray-600:#475467;--onmice-gray-700:#344054;--onmice-gray-800:#1d2939;--onmice-gray-900:#20232a;--onmice-page:#f5f6f8;--onmice-card:#fff;--onmice-muted-surface:#f8fafc;--onmice-border:#e0e2e6;--onmice-border-strong:#c7cbd2;--onmice-success-bg:#ecfdf5;--onmice-success-text:#047857;--onmice-success-border:#a7f3d0;--onmice-warning-bg:#fffbeb;--onmice-warning-text:#b45309;--onmice-warning-border:#fde68a;--onmice-danger-bg:#fef2f2;--onmice-danger-text:#b91c1c;--onmice-danger-border:#fecaca;--onmice-sidebar-width:280px;--onmice-header-height:72px;--onmice-content-padding:36px;--onmice-control-height:44px;--onmice-radius-sm:6px;--onmice-radius-md:8px;--onmice-radius-lg:14px;--onmice-shadow-sm:0 2px 8px #20232a0d;--onmice-shadow-md:0 14px 32px #20232a14;--onmice-shadow-lg:0 24px 56px #20232a21;--onmice-focus:0 0 0 3px #6a268a2e;--onmice-font:"Pretendard Variable", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}@media (max-width:1100px){:root{--onmice-sidebar-width:240px;--onmice-content-padding:24px}}@media (max-width:720px){:root{--onmice-content-padding:16px}}.kpi-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:12px;margin-bottom:16px;display:grid}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{border:1px solid var(--onmice-border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;height:100%;min-height:130px;padding:18px 20px;display:flex;box-shadow:0 2px 10px #1118270d}.kpi-card-label{color:var(--onmice-gray-500);font-size:14px;font-weight:600}.kpi-card-value-row{align-items:baseline;gap:10px;display:flex}.kpi-card-value{color:var(--onmice-gray-900);font-size:28px;font-weight:800;line-height:1.1}.kpi-card-change{font-size:13px;font-weight:700}.kpi-card-subtext{color:var(--onmice-gray-500);font-size:13px;font-weight:600}.kpi-card-graph{flex-direction:column;flex:1;justify-content:flex-end;min-height:28px;display:flex}.kpi-card-sparkline{width:100%;height:28px;display:block}.kpi-card-sparkline polyline{fill:none;stroke:#6a268a;stroke-width:2px}.ui-analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.ui-analytics-kpi-card{border:1px solid var(--onmice-border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;box-shadow:0 2px 10px #1118270d}.ui-analytics-kpi-card.is-unavailable{opacity:.55;background:var(--onmice-muted-surface)}.ui-analytics-kpi-card-header{align-items:center;gap:8px;display:flex}.ui-analytics-kpi-card-label{color:var(--onmice-gray-700);font-size:14px;font-weight:600}.ui-analytics-kpi-card.is-unavailable .ui-analytics-kpi-card-label{color:var(--onmice-gray-500)}.ui-analytics-kpi-card-value{color:var(--onmice-gray-900);font-size:28px;font-weight:800;line-height:1.1}.ui-analytics-kpi-card.is-unavailable .ui-analytics-kpi-card-value{color:var(--onmice-gray-500)}.ui-analytics-kpi-pill{background:var(--onmice-gray-100);color:var(--onmice-gray-500);border-radius:999px;align-self:flex-start;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ui-analytics-funnel{align-items:stretch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.ui-analytics-funnel-step{border:1px solid var(--onmice-border);background:#f9fafb;border-radius:12px;flex-direction:column;flex:1 1 0;gap:8px;min-width:120px;padding:18px 20px 16px;display:flex;position:relative;overflow:hidden}.ui-analytics-funnel-step-top{color:var(--onmice-gray-600);align-items:center;gap:6px;display:flex}.ui-analytics-funnel-step-label{color:var(--onmice-gray-700);font-size:13px;font-weight:600}.ui-analytics-funnel-step-value{color:var(--onmice-gray-900);font-size:22px;font-weight:500}.ui-analytics-funnel-step-rate{color:#6a268a;background:#f3eafb;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:12px;font-weight:600}.ui-analytics-funnel-step-rate.is-muted{color:var(--onmice-gray-500);border:1px solid var(--onmice-border);background:#f3f4f6}.ui-analytics-funnel-connector{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-width:56px;display:flex}.connector-drop{white-space:nowrap;color:var(--onmice-gray-500);align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.connector-drop-rate.is-danger{color:var(--onmice-danger-text,#dc2626)}.connector-drop-rate.is-muted{color:var(--onmice-gray-400)}@media (max-width:640px){.ui-analytics-funnel{gap:8px}.ui-analytics-funnel-step{padding:14px 16px 12px}.ui-analytics-funnel-step-label{font-size:12px}.ui-analytics-funnel-step-value{font-size:18px}.ui-analytics-funnel-step-rate{font-size:11px}.ui-analytics-funnel-connector{min-width:28px}.ui-analytics-funnel-step{min-width:96px}.connector-drop{font-size:10px}}.ui-analytics-funnel-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.analytics-funnel-grid{grid-template-columns:7fr 3fr;align-items:stretch;gap:16px;display:grid}@media (max-width:900px){.ui-analytics-funnel-split,.analytics-funnel-grid{grid-template-columns:1fr}}.analytics-funnel-grid>.analytics-chart-panel{margin:0}.ui-analytics-funnel-panel{flex-direction:column;gap:12px;display:flex}.ui-analytics-funnel-panel-head h4{color:var(--onmice-gray-900);margin:0;font-size:16px;font-weight:700}.ui-analytics-funnel-panel-head p{color:var(--onmice-gray-500);margin:4px 0 0;font-size:13px}.ui-analytics-funnel-note{color:var(--onmice-gray-500);margin:0;font-size:12px}.ui-analytics-funnel-events-list{flex-direction:column;display:flex}.ui-analytics-funnel-event-row{border-bottom:.5px solid var(--onmice-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.ui-analytics-funnel-event-row:last-child{border-bottom:none}.ui-analytics-funnel-event-row-label{color:var(--onmice-gray-700);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ui-analytics-funnel-event-row-label svg{color:var(--onmice-gray-500);flex-shrink:0}.ui-analytics-funnel-event-row strong{color:#0d9488;white-space:nowrap;font-size:19px;font-weight:500}.ui-analytics-filter-bar{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;display:flex;box-shadow:0 2px 8px #1118270d}.ui-analytics-filter-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ui-analytics-filter-meta strong{color:#111827;font-size:15px;font-weight:700}.ui-analytics-pill{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ui-analytics-pill.is-status,.ui-analytics-pill.is-success{background:var(--onmice-success-bg);color:var(--onmice-success-text)}.ui-analytics-pill.is-warning{background:var(--onmice-warning-bg);color:var(--onmice-warning-text)}.ui-analytics-pill.is-muted{background:var(--onmice-muted-surface);color:var(--onmice-gray-500)}.ui-analytics-filter-right,.ui-analytics-period-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-analytics-period-segment{background:var(--onmice-gray-100);border-radius:999px;align-items:center;gap:2px;width:fit-content;padding:4px;display:flex}.ui-analytics-period-select{box-sizing:border-box;border:1px solid var(--onmice-border);appearance:none;width:120px;height:32px;color:var(--onmice-gray-900);cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23344054' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.ui-analytics-period-select:hover{border-color:var(--onmice-brand-500)}.ui-analytics-period-segment button{height:32px;color:var(--onmice-gray-600);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.ui-analytics-period-segment button.active{background:var(--onmice-accent);color:#fff}.ui-analytics-refresh-control{color:var(--onmice-gray-500);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.ui-analytics-refresh-control button{border:1px solid var(--onmice-border);height:32px;color:var(--onmice-gray-700);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ui-analytics-refresh-control button:disabled{opacity:.55;cursor:not-allowed}.ui-analytics-period-divider,.ui-analytics-filter-divider{background:var(--onmice-border);width:1px;height:24px}.ui-analytics-filter-right .analytics-pdf-button,.ui-analytics-pdf-button{border:1px solid var(--onmice-accent);height:32px;color:var(--onmice-accent);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.ui-analytics-filter-right .analytics-pdf-button:disabled,.ui-analytics-pdf-button:disabled{opacity:.6;cursor:not-allowed}