.reports-page{padding-block:var(--spacing-8) var(--spacing-16)}.reports-page .container{width:100%;max-width:1200px;padding-inline:var(--container-padding);margin:0 auto}.reports-page .auth-gate{padding:var(--spacing-8) 0;justify-content:center;display:flex}.reports-page .auth-gate-card{align-items:center;gap:var(--spacing-2);width:100%;max-width:460px;padding:var(--spacing-10) var(--spacing-8);text-align:center;background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.reports-page .lock-icon{width:72px;height:72px;margin-bottom:var(--spacing-2);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.reports-page .auth-gate-card h2{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-semibold)}.reports-page .auth-gate-card p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.reports-page .loading-state{padding:var(--spacing-16) 0;color:var(--color-text-secondary);flex-direction:column;align-items:center;display:flex}.reports-page .spinner{width:40px;height:40px;margin-bottom:var(--spacing-4);border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite reports-spin}@keyframes reports-spin{to{transform:rotate(360deg)}}.reports-page .page-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.reports-page .page-title{font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2rem);font-weight:var(--font-weight-semibold)}.reports-page .page-subtitle{margin-top:var(--spacing-1);color:var(--color-text-secondary)}.reports-page .date-filters{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.reports-page .date-filters label{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.reports-page .date-filters input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-background-secondary);font-size:var(--font-size-sm);color:var(--color-text-primary)}.reports-page .date-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.reports-page .btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.reports-page .btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.reports-page .btn-primary:hover{background:var(--color-primary-hover)}.reports-page .btn-sm{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-background-secondary);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast)}.reports-page .btn-sm:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.reports-page .kpi-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=860px){.reports-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.reports-page .kpi-card{padding:var(--spacing-4) var(--spacing-5);background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.reports-page .kpi-value{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);display:block}.reports-page .kpi-label{margin-top:var(--spacing-1);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);display:block}.reports-page .tabs{gap:var(--spacing-5);margin-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border-default);display:flex}.reports-page .tab{padding:var(--spacing-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.reports-page .tab:hover{color:var(--color-text-primary)}.reports-page .tab.active{color:var(--color-primary);border-bottom-color:var(--color-secondary)}.reports-page .table-wrapper{background:var(--color-background-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow-x:auto}.reports-page table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.reports-page th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-default);white-space:nowrap}.reports-page td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-default)}.reports-page tbody tr:last-child td{border-bottom:none}.reports-page tbody tr:hover td{background:var(--color-background-primary)}.reports-page .badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 8px;display:inline-block}.reports-page .badge-green{background:var(--color-success-light);color:var(--color-success)}.reports-page .badge-red{background:var(--color-error-light);color:var(--color-error)}.reports-page .badge-blue{background:var(--color-info-light);color:var(--color-info)}.reports-page .rating{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.reports-page .star{color:var(--color-secondary);flex-shrink:0}.reports-page .modal-overlay{z-index:var(--z-modal);padding:var(--spacing-4);background:var(--color-background-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reports-page .modal{width:100%;max-width:720px;max-height:85vh;padding:var(--spacing-6);background:var(--color-background-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow-y:auto}.reports-page .modal-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.reports-page .modal-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.reports-page .modal-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.reports-page .modal-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.reports-page .detail-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.reports-page .detail-item{font-size:var(--font-size-sm)}.reports-page .detail-label{font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.reports-page .detail-value{font-weight:var(--font-weight-semibold);margin-top:2px}.reports-page .modal h4{margin-bottom:var(--spacing-3);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}