.drp-panel{flex-direction:column;animation:.13s ease-out pf-fadeIn;display:flex}.drp-header{align-items:flex-start;gap:0;padding:16px 16px 8px;display:flex;position:relative}.drp-calendars{flex:1;gap:0;display:flex}.drp-nav-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d4d4d8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:20px;transition:background .12s,border-color .12s;display:flex}.drp-nav-btn:hover{color:#2563eb;background:#f0f9ff;border-color:#93c5fd}.drp-nav-next{margin-left:0}.drp-month{flex:1;min-width:0}.drp-month-title{color:#1e293b;text-align:center;height:20px;margin-bottom:12px;font-size:.875rem;font-weight:700;line-height:20px}.drp-divider-v{background:#f1f5f9;align-self:stretch;width:1px;margin:20px 12px 0}.drp-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.drp-weekday{text-align:center;color:#94a3b8;padding:4px 0;font-size:.6875rem;font-weight:600}.drp-days{grid-template-columns:repeat(7,1fr);gap:1px 0;display:grid}.drp-day{color:#374151;cursor:pointer;z-index:0;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;height:34px;font-size:.8125rem;font-weight:500;transition:background 80ms,color 80ms;display:flex;position:relative}.drp-day--empty{cursor:default;pointer-events:none}.drp-day--today{color:#2563eb;font-weight:700}.drp-day--today:after{content:"";background:#2563eb;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.drp-day:not(.drp-day--start):not(.drp-day--end):not(.drp-day--empty):hover{color:#1d4ed8;background:#eff6ff;border-radius:8px}.drp-day--in-range,.drp-day--hover-range{color:#1d4ed8;background:#dbeafe;border-radius:0}.drp-day--start{color:#fff;z-index:1;background:#2563eb;border-radius:8px 0 0 8px}.drp-day--end{color:#fff;z-index:1;background:#2563eb;border-radius:0 8px 8px 0}.drp-day--start.drp-day--end{border-radius:8px}.drp-range-preview{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 20px;display:flex}.drp-range-date{color:#1e293b;text-align:center;background:#fff;border:1px solid #d4d4d8;border-radius:8px;min-width:100px;padding:5px 12px;font-size:.8125rem;font-weight:600}.drp-range-date.placeholder{color:#94a3b8;border-style:dashed;font-weight:400}.drp-range-arrow{color:#94a3b8;font-size:.875rem}.drp-footer{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.drp-btn-back{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 8px;font-size:.75rem;font-weight:500;transition:color .12s,background .12s}.drp-btn-back:hover{color:#374151;background:#f1f5f9}.drp-footer-right{align-items:center;gap:8px;display:flex}.drp-btn-clear{color:#64748b;cursor:pointer;background:0 0;border:1px solid #d4d4d8;border-radius:8px;padding:5px 12px;font-size:.75rem;font-weight:500;transition:background .12s,color .12s}.drp-btn-clear:hover{color:#374151;background:#f1f5f9}.drp-btn-apply{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:6px 18px;font-size:.8125rem;font-weight:600;transition:background .12s,opacity .12s}.drp-btn-apply:hover{background:#1d4ed8}.drp-btn-apply.disabled{opacity:.4;cursor:not-allowed}
.pf-root{display:inline-block;position:relative}.pf-trigger{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d4d4d8;border-radius:9999px;align-items:center;gap:10px;padding:9px 18px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000f}.pf-trigger:hover{border-color:#93c5fd;box-shadow:0 2px 8px #0000001a}.pf-trigger.open{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.pf-clock-icon{color:#64748b;flex-shrink:0;transition:color .15s}.pf-clock-icon.active{color:#2563eb}.pf-label{color:#374151;font-size:.9375rem;font-weight:500;line-height:1}.pf-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s,color .15s}.pf-chevron.rotated{color:#3b82f6;transform:rotate(180deg)}.pf-dropdown{z-index:100;background:#fff;border:1px solid #d4d4d8;border-radius:16px;width:256px;animation:.13s ease-out pf-fadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px -5px #00000026,0 4px 10px -3px #00000014}@keyframes pf-fadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pf-dropdown--wide{width:560px}.pf-dropdown--right{left:auto;right:0}@media (max-width:600px){.pf-dropdown,.pf-dropdown--wide{width:calc(100vw - 24px);left:50%;right:auto;transform:translate(-50%)}}.pf-dropdown-header{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:10px 16px 6px;font-size:.6875rem;font-weight:700}.pf-divider{background:#f8fafc;height:1px;margin:0 8px 4px}.pf-option{cursor:pointer;color:#475569;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:11px 16px;font-size:.875rem;transition:background .12s;display:flex}.pf-option:hover{background:#eff6ff}.pf-option.selected{color:#2563eb;background:#eff6ff80}.pf-option-left{align-items:center;gap:10px;display:flex}.pf-option-icon{width:16px;height:16px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pf-option-label{line-height:1.2}.pf-option-label.bold{font-weight:600}.pf-check{color:#2563eb;flex-shrink:0}.pf-footer{background:#f8fafc;border-top:1px solid #d4d4d8;justify-content:flex-end;gap:8px;padding:10px 12px;display:flex}.pf-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:color .12s,background .12s}.pf-cancel:hover{color:#374151;background:#e2e8f0}
.dashboard-page{background:#fff;min-height:100%;padding:32px 40px;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-heading{color:var(--text-primary);letter-spacing:-.3px;font-size:1.5rem;font-weight:700;line-height:1.2}.page-desc{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.dashboard-actions{align-items:center;gap:12px;display:flex}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);background:#fff;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex}.btn-outline:hover{background:var(--bg-muted)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;display:grid}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.kpi-card:hover{border-color:var(--border-medium);box-shadow:0 1px 3px #0000000d}.kpi-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.kpi-icon-box{border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.kpi-trend{font-size:.8rem;font-weight:700}.kpi-trend.pos{color:#22c55e}.kpi-trend.neg{color:#ef4444}.kpi-value{color:var(--text-primary);letter-spacing:-.3px;font-size:1.875rem;font-weight:700;line-height:1}.kpi-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.dashboard-charts{grid-template-columns:2fr 1fr;gap:24px;display:grid}.chart-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:24px}.chart-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:24px;font-size:1rem;font-weight:700;display:flex}.chart-title-icon{color:var(--text-secondary)}.chart-title-icon.green{color:var(--accent)}.bar-chart{justify-content:space-between;align-items:flex-end;gap:12px;height:250px;padding-top:16px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-track{background:var(--accent-soft);width:100%;transition:background var(--transition-fast);border-radius:4px 4px 0 0;align-items:flex-end;display:flex;position:relative}.bar-col:hover .bar-track{background:#bbf7d0}.bar-fill{background:var(--accent);width:100%;transition:opacity var(--transition-fast);border-radius:4px 4px 0 0}.bar-col:hover .bar-fill{opacity:.9}.bar-label{color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:500}.funnel-card{flex-direction:column;display:flex}.funnel-visual{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.funnel-tier{color:#fff;text-align:center;cursor:pointer;transition:opacity var(--transition-fast);border-radius:6px;padding:10px 16px;font-size:.8rem;font-weight:600}.funnel-tier:last-child{font-size:.875rem}.funnel-tier:hover{opacity:.88}.dashboard-empty{border:1px dashed var(--border-subtle);text-align:center;color:var(--text-secondary);background:#fff;border-radius:16px;margin-top:24px;padding:32px 24px;font-size:.9rem;box-shadow:0 1px 6px #0000000a}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-charts{grid-template-columns:1fr}.dashboard-page{padding:24px}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px}}