.reports-page{box-sizing:border-box;gap:var(--spacing-md,16px);background:var(--background,#0f1117);flex-direction:column;width:100%;max-width:1800px;min-height:100vh;margin:0 auto;padding:4px 12px 24px;display:flex}.rp-container{flex-direction:column;gap:12px;width:100%;display:flex}.rp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:4px 0 6px;display:flex}.rp-header-left{flex-direction:column;gap:2px;display:flex}.rp-page-kicker{font-size:var(--typography-font-size-sm,12px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:flex}.rp-header h1{font-size:var(--typography-font-size-2xl,24px);font-weight:var(--typography-font-weight-bold,700);color:var(--text,#f1f5f9);margin:0;line-height:1.2}.rp-header p{font-size:var(--typography-font-size-13,13px);color:var(--text-secondary,#94a3b8);margin:2px 0 0}.rp-header-actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.rp-meter-badge{font-size:var(--typography-font-size-sm,12px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8);background:var(--background-hover,#ffffff0a);border:1px solid var(--card-border,#ffffff0f);border-radius:6px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.rp-panel{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;padding:16px 20px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.rp-panel:before{content:"";background:var(--card-accent-gradient,linear-gradient(135deg, #72b869, #3bb8e5));height:3px;position:absolute;top:0;left:0;right:0}.rp-panel:hover{border-color:var(--card-border,#ffffff1a)}.rp-panel-label{font-size:var(--typography-font-size-xs,11px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:block}.rp-category-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.rp-category-card{border:2px solid var(--card-border,#ffffff0f);cursor:pointer;color:var(--text,#f1f5f9);background:0 0;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.rp-category-card:hover{background:var(--background-hover,#ffffff08);border-color:#3b82f64d}.rp-category-card.active{border-color:var(--primary,#3b82f6);background:#3b82f60f}.rp-category-icon{color:var(--primary,#3b82f6);flex-shrink:0;align-items:center;display:inline-flex}.rp-category-content{flex:1;min-width:0}.rp-category-name{font-size:var(--typography-font-size-13,13px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text,#f1f5f9);margin:0}.rp-category-subtitle{font-size:var(--typography-font-size-xs,11px);color:var(--text-secondary,#94a3b8);margin:2px 0 0}.rp-category-check{color:var(--primary,#3b82f6);font-size:var(--typography-font-size-md,16px);font-weight:var(--typography-font-weight-bold,700);flex-shrink:0}.rp-format-section{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);box-sizing:border-box;border-radius:10px;flex-direction:column;width:100%;padding:16px 20px;transition:border-color .2s;display:flex}.rp-format-section:hover{border-color:var(--card-border,#ffffff1a)}.rp-format-label{font-size:var(--typography-font-size-xs,11px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:block}.rp-format-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:10px;width:20%;height:auto;display:grid}.rp-format-card{border:2px solid var(--card-border,#ffffff0f);cursor:pointer;color:var(--text,#f1f5f9);background:0 0;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.rp-format-card:hover{background:var(--background-hover,#ffffff08);border-color:#3b82f64d}.rp-format-card.active{border-color:var(--primary,#3b82f6);background:#3b82f60f}.rp-format-card-icon{font-size:var(--typography-font-size-28,28px);flex-shrink:0;line-height:1}.rp-format-card-content{flex:1;min-width:0}.rp-format-card-name{font-size:var(--typography-font-size-13,13px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text,#f1f5f9);margin:0}.rp-format-card-subtitle{font-size:var(--typography-font-size-xs,11px);color:var(--text-secondary,#94a3b8);margin:2px 0 0}.rp-format-check{color:var(--primary,#3b82f6);font-size:var(--typography-font-size-md,16px);font-weight:var(--typography-font-weight-bold,700);flex-shrink:0}.rp-tariff-description{font-size:var(--typography-font-size-sm,12px);color:var(--text-secondary,#94a3b8);margin:0 0 12px;line-height:1.5}.rp-tariff-select{border:1.5px solid var(--card-border,#ffffff14);width:100%;font-size:var(--typography-font-size-13,13px);color:var(--text,#f1f5f9);background:var(--background,#0f1117);cursor:pointer;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;transition:border-color .2s}.rp-tariff-select:focus{border-color:var(--primary,#3b82f6)}.rp-tariff-select option{color:#f1f5f9;background:#1a1d27}.rp-cost-summary{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);border-radius:10px;padding:16px 20px}.rp-cost-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rp-cost-total{align-items:baseline;gap:4px;display:flex}.rp-cost-currency{font-size:var(--typography-font-size-md,16px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8)}.rp-cost-amount{font-size:var(--typography-font-size-28,28px);font-weight:var(--typography-font-weight-bold,700);color:var(--text,#f1f5f9)}.rp-cost-label{font-size:var(--typography-font-size-base,14px);color:var(--text-secondary,#94a3b8);margin-left:8px}.rp-cost-estimated{font-size:var(--typography-font-size-xs,11px);color:#f59e0b;font-weight:var(--typography-font-weight-semibold,600);background:#f59e0b1f;border-radius:12px;padding:3px 12px}.rp-cost-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.rp-cost-item{background:var(--background-hover,#ffffff08);border-radius:8px;padding:12px 14px}.rp-cost-item-label{font-size:var(--typography-font-size-xs,11px);color:var(--text-secondary,#94a3b8);margin-bottom:4px}.rp-cost-item-value{font-size:var(--typography-font-size-md,16px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text,#f1f5f9)}.rp-cost-period{font-size:var(--typography-font-size-sm,12px);color:var(--text-secondary,#94a3b8);border-top:1px solid var(--card-border,#ffffff0f);padding-top:12px}.rp-cost-period-label{font-weight:var(--typography-font-weight-medium,500);color:var(--text,#f1f5f9)}.rp-period-section{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.rp-period-label{font-size:var(--typography-font-size-sm,12px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.04em}.rp-period-options{flex-wrap:wrap;gap:4px;display:flex}.rp-period-btn{font-size:var(--typography-font-size-sm,12px);font-weight:var(--typography-font-weight-medium,500);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:6px 14px;font-family:inherit;transition:all .2s}.rp-period-btn:hover{border-color:var(--card-border,#ffffff1a);color:var(--text,#f1f5f9)}.rp-period-btn.active{color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);font-weight:var(--typography-font-weight-semibold,600);background:#3b82f614}.rp-date-inputs{align-items:center;gap:8px;display:flex}.rp-date-input{border:1.5px solid var(--card-border,#ffffff14);font-size:var(--typography-font-size-sm,12px);color:var(--text,#f1f5f9);background:var(--background,#0f1117);border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;transition:border-color .2s}.rp-date-input:focus{border-color:var(--primary,#3b82f6)}.rp-date-separator{color:var(--text-secondary,#94a3b8);font-size:var(--typography-font-size-sm,12px)}.rp-generate-wrap{justify-content:flex-end;margin-top:4px;display:flex}.rp-generate-btn{font-size:var(--typography-font-size-base,14px);font-weight:var(--typography-font-weight-semibold,600);color:#fff;background:var(--primary,#3b82f6);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 32px;font-family:inherit;transition:all .2s;display:inline-flex}.rp-generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.rp-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.rp-generate-btn .spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.rp-toast-success{color:#10b981;font-size:var(--typography-font-size-13,13px);font-weight:var(--typography-font-weight-medium,500);background:#10b9811f;border:1px solid #10b98133;border-radius:8px;padding:12px 16px}.rp-toast-error{color:#ef4444;font-size:var(--typography-font-size-13,13px);font-weight:var(--typography-font-weight-medium,500);background:#ef44441f;border:1px solid #ef444433;border-radius:8px;padding:12px 16px}.rp-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rp-stat-card{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);border-radius:var(--border-radius-large,12px);box-shadow:var(--card-shadow,none);padding:14px 18px;position:relative;overflow:hidden}.rp-stat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rp-stat-label{font-size:var(--typography-font-size-sm,12px);color:var(--text-secondary,#94a3b8);font-weight:var(--typography-font-weight-medium,500)}.rp-stat-trend{font-size:var(--typography-font-size-xs,11px);font-weight:var(--typography-font-weight-semibold,600);color:#10b981}.rp-stat-warning{font-size:var(--typography-font-size-xs,11px);font-weight:var(--typography-font-weight-semibold,600);color:#ef4444}.rp-stat-time{font-size:var(--typography-font-size-10,10px);color:var(--text-secondary,#94a3b8)}.rp-stat-value{font-size:var(--typography-font-size-26,26px);font-weight:var(--typography-font-weight-bold,700);color:var(--text,#f1f5f9);font-family:var(--typography-font-family-mono,"Inter", -apple-system, sans-serif);font-variant-numeric:tabular-nums}.rp-archive-card{background:var(--card-background,#ffffff05);border:1px solid var(--card-border,#ffffff0f);border-radius:10px;padding:16px 20px}.rp-archive-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rp-archive-title{font-size:var(--typography-font-size-md,16px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text,#f1f5f9);margin:0}.rp-archive-tabs{background:var(--background-hover,#ffffff05);border-radius:8px;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding:3px;display:flex}.rp-archive-tab{font-size:var(--typography-font-size-base,12px);font-weight:var(--typography-font-weight-medium,500);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;transition:all .2s;display:inline-flex}.rp-archive-tab:hover{color:var(--text,#f1f5f9);background:var(--background-hover,#ffffff0a)}.rp-archive-tab.active{color:var(--primary,#3b82f6);font-weight:var(--typography-font-weight-semibold,600);background:#3b82f614}.rp-archive-tab-count{font-size:var(--typography-font-size-13,10px);color:var(--text-secondary,#94a3b8);background:var(--background-hover,#ffffff0a);text-align:center;border-radius:4px;min-width:18px;padding:0 6px}.rp-archive-tab.active .rp-archive-tab-count{color:var(--primary,#3b82f6);background:#3b82f614}.rp-search-container{border:1.5px solid var(--card-border,#ffffff0f);background:var(--background,#0f1117);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;transition:border-color .2s;display:flex}.rp-search-container:focus-within{border-color:var(--primary,#3b82f6)}.rp-search-icon{color:var(--text-secondary,#94a3b8);flex-shrink:0;align-items:center;display:flex}.rp-search-input{font-size:var(--typography-font-size-13,13px);color:var(--text,#f1f5f9);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.rp-search-input::placeholder{color:var(--text-secondary,#94a3b8)}.rp-table-wrapper{border:1px solid var(--card-border,#ffffff0a);border-radius:8px;overflow-x:auto}.rp-table{border-collapse:collapse;width:100%;font-size:var(--typography-font-size-13,13px)}.rp-table thead{background:var(--background-hover,#ffffff05)}.rp-table th{text-align:left;color:var(--text-secondary,#94a3b8);font-weight:var(--typography-font-weight-semibold,600);font-size:var(--typography-font-size-xs,11px);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--card-border,#ffffff0f);padding:10px 12px}.rp-table td{color:var(--text,#f1f5f9);border-bottom:1px solid var(--card-border,#ffffff08);font-size:var(--typography-font-size-13,13px);padding:10px 12px}.rp-table tbody tr{transition:background .15s}.rp-table tbody tr:hover,.rp-table-row-hover{background:var(--background-hover,#ffffff08)}.rp-table tbody tr:last-child td{border-bottom:none}.rp-status-pill{font-size:var(--typography-font-size-xs,11px);font-weight:var(--typography-font-weight-semibold,600);border-radius:20px;align-items:center;padding:3px 12px;display:inline-flex}.rp-status-ready,.rp-status-completed{color:#10b981;background:#10b9811f}.rp-status-processing,.rp-status-pending{color:#f59e0b;background:#f59e0b1f}.rp-status-failed{color:#ef4444;background:#ef44441f}.rp-status-unknown{color:#6b7a8f;background:#6b7a8f1f}.rp-action-btn{cursor:pointer;color:var(--text-secondary,#94a3b8);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 8px;transition:all .2s;display:inline-flex}.rp-action-btn:hover:not(:disabled){color:var(--primary,#3b82f6);background:#3b82f61a}.rp-action-btn:disabled{opacity:.3;cursor:not-allowed}.rp-empty-state{text-align:center;padding:48px 20px}.rp-empty-icon{font-size:var(--typography-font-size-5xl,48px);margin-bottom:16px;display:block}.rp-empty-title{font-size:var(--typography-font-size-lg,18px);font-weight:var(--typography-font-weight-semibold,600);color:var(--text,#f1f5f9);margin:0 0 8px}.rp-empty-description{font-size:var(--typography-font-size-base,14px);color:var(--text-secondary,#94a3b8);max-width:480px;margin:0 auto;line-height:1.6}.rp-loading-state{text-align:center;color:var(--text-secondary,#94a3b8);padding:40px 20px}.rp-loading-spinner{border:3px solid var(--card-border,#ffffff0f);border-top:3px solid var(--primary,#3b82f6);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin;display:inline-block}.rp-bottom-nav{border-top:1px solid var(--card-border,#ffffff0f);justify-content:center;gap:32px;margin-top:16px;padding:16px 0;display:flex}.rp-nav-item{font-size:var(--typography-font-size-base,14px);font-weight:var(--typography-font-weight-medium,500);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;transition:color .2s}.rp-nav-item:hover{color:var(--text,#f1f5f9)}.rp-nav-item.active{color:var(--primary,#3b82f6);font-weight:var(--typography-font-weight-semibold,600)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rp-spin{animation:1s linear infinite spin}@media (max-width:1200px){.rp-cost-grid{grid-template-columns:1fr 1fr}}@media (max-width:992px){.rp-stats-grid,.rp-category-grid{grid-template-columns:repeat(2,1fr)}.rp-format-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.rp-header{flex-direction:column;align-items:stretch}.rp-header-actions{justify-content:flex-start}.rp-period-section{flex-direction:column;align-items:stretch}.rp-period-options{justify-content:flex-start}.rp-stats-grid{grid-template-columns:1fr 1fr}.rp-cost-grid{grid-template-columns:1fr}.rp-bottom-nav{flex-wrap:wrap;gap:16px}.rp-format-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.rp-stats-grid{grid-template-columns:1fr}.rp-category-grid{grid-template-columns:1fr 1fr}.rp-format-grid{grid-template-columns:1fr}.rp-header h1{font-size:var(--typography-font-size-xl,20px)}.rp-cost-amount{font-size:var(--typography-font-size-22,22px)}.rp-stat-value{font-size:var(--typography-font-size-xl,20px)}.rp-archive-tabs{flex-wrap:wrap}.rp-archive-tab{font-size:var(--typography-font-size-xs,11px);padding:4px 10px}.rp-period-section{padding:12px 16px}.rp-period-btn{font-size:var(--typography-font-size-xs,11px);padding:4px 10px}.rp-date-input{font-size:var(--typography-font-size-xs,11px);padding:4px 8px}.rp-format-card{padding:12px 14px}.rp-format-card-icon{font-size:var(--typography-font-size-2xl,24px)}.rp-format-card-name{font-size:var(--typography-font-size-sm,12px)}.rp-format-card-subtitle{font-size:var(--typography-font-size-10,10px)}}