.yd-periods,.yd-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.yd-periods{margin:14px 0}.yd-periods label{display:flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid #dbe3ed;border-radius:10px;background:#f8fafc;cursor:pointer}.yd-periods label:has(input:checked){background:#e8f0ff;border-color:#2563eb;color:#1746a2}.yd-controls .field{min-width:155px;flex:1}.yd-controls{margin:16px 0}.yd-note{color:#62748b;font-size:13px;line-height:1.8}.yd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.yd-kpi{background:linear-gradient(145deg,#fff,#f2f7ff);border:1px solid #dce6f4;border-radius:16px;padding:22px}.yd-kpi span,.yd-kpi small{display:block;color:#62748b}.yd-kpi strong{display:block;font-size:30px;color:#193a66;margin:10px 0}.yd-scroll{overflow:auto}.yd-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.yd-table th,.yd-table td{padding:12px;text-align:right;border-bottom:1px solid #e5ebf3;white-space:nowrap}.yd-table th{background:#edf3fc;color:#345071}.yd-table th:first-child,.yd-table td:first-child{text-align:left}.yd-table tbody tr:hover{background:#f5f8ff}.yd-chart{display:block;width:100%;min-width:550px;height:260px}.yd-kpis:empty{display:none}.yd-page .card{margin-top:16px}.yd-controls input[type=date],.yd-page select{padding:9px;border:1px solid #dbe3ed;border-radius:8px;background:white}.yd-note a{color:#2563eb}.yd-source-line{margin:4px 0}@media(max-width:720px){.yd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.yd-kpi strong{font-size:23px}}
.virtual-period-options{display:flex;gap:10px;flex-wrap:wrap}.virtual-period-option{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dbe3ed;border-radius:10px;background:#f8fafc;cursor:pointer}.virtual-period-option:has(input:checked){background:#eaf1ff;border-color:#4777f5;color:#2149a7}.virtual-conversion-chart{overflow:auto;padding:12px}.virtual-chart-svg{display:block;width:100%;min-width:700px;max-height:620px}.virtual-total-row{font-weight:800;background:#eef4fb}@media(max-width:720px){.virtual-period-options{display:grid;grid-template-columns:1fr 1fr}}