.billing-center-empty{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:40px}.empty-state{text-align:center;max-width:500px}.construction-icon{font-size:80px;margin-bottom:24px}.empty-state h1{font-size:32px;margin-bottom:16px;color:#1a1a1a}.empty-state p{font-size:18px;color:#666;margin-bottom:12px}.empty-state .btn{margin-top:32px}.wallet-activity-page{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header .subtitle{color:#6b7280}.wallet-info-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 10px 15px -3px #0f172a14;margin-bottom:24px}.wallet-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.detail-row{display:flex;gap:8px}.detail-row .label{font-weight:600;color:#4b5563}.detail-row .value{color:#111827}.detail-row .balance{font-size:1.3rem;font-weight:700}.add-funds-btn{min-width:140px}.ledger-section{margin-top:24px}.ledger-section h2{margin-bottom:4px}.ledger-note{color:#6b7280;font-size:.9rem;margin-bottom:12px}.table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0f172a14}.ledger-table{width:100%;border-collapse:collapse}.ledger-table th,.ledger-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.ledger-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb}.ledger-table tr:last-child td{border-bottom:none}.positive-amount{color:#16a34a;font-weight:600}.negative-amount{color:#dc2626;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.settled{background:#dbeafe;color:#1d4ed8}.status-badge.blocked{background:#fee2e2;color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #0f172a40}.form-group label{display:block;margin-bottom:4px;font-weight:500}.form-group input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-amounts button{flex:1;min-width:70px;padding:6px 8px;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:768px){.wallet-info-card{flex-direction:column;align-items:flex-start;gap:16px}.wallet-details{grid-template-columns:1fr}}.spotlight-dashboard{padding:24px;width:100%;min-height:100vh;box-sizing:border-box;background:#f5f7fa}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotlight-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:16px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #667eea4d}.spotlight-header h1{margin:0;font-size:32px}.spotlight-header p{margin:8px 0 0;opacity:.9}.header-actions{display:flex;gap:12px}.header-actions .btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.header-actions .btn:hover{background:#ffffff4d}.a2ar-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.a2ar-section h2{margin:0 0 24px;font-size:24px;color:#1a1a1a}.a2ar-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.a2ar-metric-card{background:#f8f9fa;padding:24px;border-radius:12px;text-align:center;border:2px solid transparent;transition:all .3s}.a2ar-metric-card.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.a2ar-metric-card label{display:block;font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.a2ar-metric-card .metric-value{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.a2ar-metric-card .metric-value.large{font-size:48px}.a2ar-metric-card .metric-description{font-size:12px;color:#999;margin:0}.tier-badge{display:inline-block;padding:6px 16px;border-radius:20px;color:#fff;font-weight:600;font-size:14px;margin-top:8px}.a2ar-tier-chart{margin-top:32px}.a2ar-tier-chart h3{margin:0 0 16px;font-size:18px}.tier-table{width:100%;border-collapse:collapse}.tier-table th{background:#f5f5f5;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e0e0e0}.tier-table td{padding:12px;border-bottom:1px solid #f0f0f0}.tier-table tbody tr:hover{background:#f9f9f9}.tier-table .active-tier{background:#e3f2fd;font-weight:600}.tier-table .active-tier td:first-child{border-left:4px solid #1976d2}.filters-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.filters-section h3{margin:0 0 16px;font-size:18px;color:#1a1a1a}.filters-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group label{font-size:13px;color:#666;font-weight:500}.filter-group select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.moment-cards-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a}.moment-cards-section h2{margin:0 0 24px;font-size:24px}.moment-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.moment-card{background:#f8f9fa;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s;border:2px solid transparent}.moment-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#667eea}.moment-card.converted{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e980,#4caf501a)}.moment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.publisher-badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.conversion-badge{background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.program-title{margin:0 0 8px;font-size:20px;color:#1a1a1a}.episode-info{margin:0 0 16px;color:#666;font-size:14px}.moment-metadata{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.metadata-item{display:flex;justify-content:space-between;font-size:13px}.metadata-item .label{color:#666;font-weight:500}.metadata-item .value{color:#1a1a1a;font-weight:600}.moment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.session-id{font-size:11px;color:#999;font-family:monospace}.btn-view-details{background:#667eea;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.btn-view-details:hover{background:#5568d3}.modal-content{background:#fff;border-radius:16px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.moment-detail-modal{width:90%;max-width:900px}.moment-detail-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.moment-detail-modal .modal-header h2{margin:0;font-size:24px}.moment-detail-modal .modal-header p{margin:8px 0 0;opacity:.9}.close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:background .2s}.close-btn:hover{background:#ffffff4d}.modal-body{padding:24px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.detail-section h3{margin:0 0 16px;font-size:16px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:8px}.detail-section dl{margin:0}.detail-section dt{font-size:12px;color:#666;margin-bottom:4px;font-weight:500}.detail-section dd{font-size:14px;color:#1a1a1a;margin:0 0 12px;font-weight:600}.badge-success{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:6px;font-size:13px}.badge-neutral{background:#f5f5f5;color:#666;padding:4px 10px;border-radius:6px;font-size:13px}.qr-badge{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:6px;font-size:13px;font-family:monospace}.verification-notice{background:#e8f5e9;border-left:4px solid #4caf50;padding:16px;border-radius:8px}.verification-notice strong{display:block;margin-bottom:8px;color:#2e7d32}.verification-notice p{margin:0;font-size:14px;color:#666}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.empty-state{text-align:center;padding:60px 20px;color:#999;grid-column:1 / -1}.empty-state p{margin:8px 0}.empty-state .btn{margin-top:16px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn.secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn.secondary:hover{background:#eee}@media(max-width:1400px){.a2ar-metrics-grid,.moment-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.spotlight-dashboard{padding:20px}.detail-grid{grid-template-columns:1fr 1fr}.spotlight-header h1{font-size:26px}.a2ar-metric-card .metric-value{font-size:28px}.a2ar-metric-card .metric-value.large{font-size:36px}}@media(max-width:992px){.a2ar-metrics-grid{grid-template-columns:repeat(2,1fr)}.moment-cards-grid{grid-template-columns:1fr}.tier-table{font-size:14px}.tier-table th,.tier-table td{padding:10px 8px}}@media(max-width:768px){.spotlight-dashboard{padding:16px}.spotlight-header{flex-direction:column;gap:16px;text-align:center;padding:24px 16px;border-radius:12px}.spotlight-header h1{font-size:22px}.header-actions{width:100%;justify-content:center}.a2ar-section{padding:20px 16px;border-radius:12px}.a2ar-section h2{font-size:20px}.a2ar-metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.a2ar-metric-card{padding:16px 12px}.a2ar-metric-card label{font-size:12px}.a2ar-metric-card .metric-value{font-size:24px}.a2ar-metric-card .metric-value.large{font-size:28px}.a2ar-metric-card .metric-description{font-size:10px}.tier-badge{font-size:12px;padding:4px 12px}.filters-section{padding:16px;border-radius:12px}.filters-row{flex-direction:column;gap:12px}.filter-group{width:100%;min-width:unset}.moment-cards-section{padding:20px 16px;border-radius:12px}.moment-cards-section h2{font-size:20px}.moment-cards-grid{grid-template-columns:1fr;gap:16px}.moment-card{padding:16px}.program-title{font-size:18px}.detail-grid{grid-template-columns:1fr;gap:16px}.moment-detail-modal{width:95%;max-height:85vh}.moment-detail-modal .modal-header{padding:16px}.moment-detail-modal .modal-header h2{font-size:18px}.modal-body{padding:16px}.a2ar-tier-chart{overflow-x:auto}.tier-table{min-width:500px;font-size:13px}}@media(max-width:480px){.spotlight-dashboard{padding:12px}.spotlight-header{padding:20px 12px}.spotlight-header h1{font-size:18px}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.a2ar-metrics-grid{grid-template-columns:1fr;gap:10px}.a2ar-metric-card .metric-value{font-size:28px}.a2ar-metric-card .metric-value.large{font-size:32px}.btn{padding:10px 16px;font-size:13px;width:100%}.moment-footer{flex-direction:column;gap:12px;align-items:flex-start}.btn-view-details{width:100%;text-align:center}.metadata-item{flex-direction:column;gap:2px}.modal-overlay{padding:10px}.moment-detail-modal{width:100%;max-height:90vh;border-radius:12px}}.publisher-onboarding{padding:24px;width:100%;min-height:calc(100vh - 60px);box-sizing:border-box;background:#f5f7fa}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;box-shadow:0 10px 30px #667eea4d}.onboarding-header h1{margin:0;font-size:32px}.onboarding-header p{margin:8px 0 0;opacity:.9}.onboarding-header .btn{background:#fff;color:#667eea}.onboarding-header .btn:hover{background:#f0f0f0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#666;margin:0}.publishers-section{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 12px #0000001a}.publishers-section h2{margin:0 0 24px;font-size:20px;color:#1a1a1a}.publishers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%}.publisher-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s;display:flex;flex-direction:column}.publisher-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#667eea}.publisher-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.publisher-header h3{margin:0;font-size:18px;color:#1a1a1a}.publisher-id{margin:4px 0 0;font-size:12px;color:#666;font-family:Courier New,monospace}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.status-badge:hover{transform:scale(1.05)}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.suspended{background:#fff3e0;color:#f57c00}.publisher-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#1a1a1a;font-weight:600;text-align:right}.publisher-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn.primary{background:#667eea;color:#fff}.btn.primary:hover{background:#5568d3}.btn.secondary{background:#e0e0e0;color:#333}.btn.secondary:hover{background:#d0d0d0}.btn.small{padding:6px 12px;font-size:13px}.btn.danger{background:#f44336;color:#fff}.btn.danger:hover{background:#d32f2f}.btn.large{padding:14px 28px;font-size:16px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:24px;color:#1a1a1a}.empty-state p{margin:0 0 24px;color:#666}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:900px}.modal-header{padding:24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.close-btn:hover{background:#f0f0f0;color:#333}.publisher-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:600;font-size:14px;color:#333}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{margin-top:4px;font-size:12px;color:#666}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e0e0e0}.credentials-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header.success{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:24px;border-radius:16px 16px 0 0}.modal-header.success h2{margin:0;font-size:24px}.modal-header.success p{margin:4px 0 0;opacity:.9}.modal-header.success .close-btn{color:#fff}.modal-header.success .close-btn:hover{background:#fff3}.alert{padding:16px;border-radius:8px;margin:24px;font-size:14px}.alert.warning{background:#fff3e0;border-left:4px solid #ff9800;color:#e65100}.credentials-section{margin:24px;padding:20px;background:#f8f9fa;border-radius:12px}.credentials-section h3{margin:0 0 16px;font-size:16px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:8px}.credential-item{margin-bottom:16px}.credential-item:last-child{margin-bottom:0}.credential-item label{display:block;margin-bottom:6px;font-size:13px;color:#666;font-weight:600}.credential-value{display:flex;align-items:center;gap:8px}.credential-value code{flex:1;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:12px;word-break:break-all}.credential-value code.secret{background:#fffde7;border-color:#fbc02d}.credential-value span{flex:1;padding:10px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px}.btn-copy{padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap;transition:all .2s}.btn-copy:hover{background:#5568d3}.credentials-actions{margin:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.next-steps{margin:24px;padding:20px;background:#e3f2fd;border-radius:12px;border-left:4px solid #2196f3}.next-steps h3{margin:0 0 12px;color:#1976d2}.next-steps ol{margin:0;padding-left:20px}.next-steps li{margin-bottom:8px;color:#333}@media(max-width:1024px){.publishers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.publisher-onboarding{padding:16px}.onboarding-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.onboarding-header h1{font-size:22px}.onboarding-header p{font-size:14px}.publishers-section{padding:20px}.publishers-grid{grid-template-columns:1fr;gap:16px}.publisher-card{padding:16px}.publisher-header h3{font-size:16px}.form-grid{grid-template-columns:1fr}.publisher-actions{flex-direction:column}.btn.small{width:100%;justify-content:center}.credentials-actions{flex-direction:column}.btn.large{width:100%;justify-content:center}.credential-value{flex-direction:column;align-items:stretch}.btn-copy{width:100%;text-align:center}.modal-content{width:95%;max-height:95vh}.modal-content.large{max-width:100%}.credentials-modal{width:95%}.credentials-section{margin:16px;padding:16px}.alert{margin:16px}.next-steps{margin:16px;padding:16px}.credentials-actions{margin:16px}}@media(max-width:480px){.publisher-onboarding{padding:12px}.onboarding-header{padding:16px;border-radius:12px}.onboarding-header h1{font-size:20px}.publishers-section{padding:16px;border-radius:12px}.publishers-section h2{font-size:18px}.detail-row{flex-direction:column;gap:2px;margin-bottom:12px}.detail-row .value{text-align:left}.publisher-form{padding:16px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.spotlight-section{background:#fff;border-radius:12px;padding:20px 24px;margin-top:24px;box-shadow:0 2px 12px #0f172a0f}.spotlight-section .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.spotlight-table{width:100%;border-collapse:collapse;table-layout:auto}.spotlight-table th,.spotlight-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px;vertical-align:middle}.spotlight-table th{background:#f9fafb;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;white-space:nowrap}.spotlight-table tbody tr{transition:background .15s}.spotlight-table tbody tr:hover{background:#f3f4f6}.spotlight-table th:nth-child(1),.spotlight-table td:nth-child(1){width:12%;min-width:80px}.spotlight-table th:nth-child(2),.spotlight-table td:nth-child(2){width:15%;min-width:100px}.spotlight-table th:nth-child(3),.spotlight-table td:nth-child(3){width:18%;min-width:120px}.spotlight-table th:nth-child(4),.spotlight-table td:nth-child(4){width:15%;min-width:100px}.spotlight-table th:nth-child(5),.spotlight-table td:nth-child(5){width:15%;min-width:100px}.spotlight-table th:nth-child(6),.spotlight-table td:nth-child(6){width:15%;min-width:100px}.spotlight-table th:nth-child(7),.spotlight-table td:nth-child(7){width:10%;min-width:80px}@media(max-width:1024px){.spotlight-table{table-layout:auto;font-size:12px}.spotlight-table th,.spotlight-table td{padding:10px 8px}.spotlight-table th:nth-child(1),.spotlight-table td:nth-child(1){width:10%;min-width:60px}.spotlight-table th:nth-child(2),.spotlight-table td:nth-child(2){width:12%;min-width:70px}.spotlight-table th:nth-child(3),.spotlight-table td:nth-child(3){width:15%;min-width:80px}.spotlight-table th:nth-child(4),.spotlight-table td:nth-child(4){width:12%;min-width:70px}.spotlight-table th:nth-child(5),.spotlight-table td:nth-child(5){width:15%;min-width:80px}.spotlight-table th:nth-child(6),.spotlight-table td:nth-child(6){width:15%;min-width:80px}.spotlight-table th:nth-child(7),.spotlight-table td:nth-child(7){width:10%;min-width:60px}}@media(max-width:768px){.spotlight-table{table-layout:auto;font-size:11px}.spotlight-table th,.spotlight-table td{padding:8px 6px}.spotlight-table th{font-size:10px}.program-thumbnail{width:50px;height:30px}.publisher-badge,.qr-badge{font-size:10px;padding:3px 8px}.btn-view-log{padding:4px 8px;font-size:11px}}.program-thumbnail{width:60px;height:36px;border-radius:6px;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.program-thumbnail img{width:100%;height:100%;object-fit:cover}.placeholder-thumb{font-size:22px}.program-meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.publisher-badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#e8f5e9;color:#166534;font-size:12px;font-weight:600;white-space:nowrap}.qr-badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:nowrap}.conversion-count{font-weight:700;color:#0f766e}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-view-log{border-radius:6px;padding:6px 12px;font-size:13px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;cursor:pointer;transition:all .2s;white-space:nowrap}.view-log-modal .modal-body{padding:20px 24px;background:#fff;color:#111827}.scans-detail-table{width:100%;border-collapse:collapse;table-layout:fixed}.scans-detail-table th,.scans-detail-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}.scans-detail-table th{background:#f9fafb;font-weight:600;color:#4b5563}.view-log-modal .modal-header{background:#fff;color:#111827;border-bottom:1px solid #e5e7eb;padding:14px 20px}.view-log-modal .modal-header h2{margin:0;font-size:18px;font-weight:700}.view-log-modal .modal-header p{margin:4px 0 0;font-size:13px;color:#4b5563}.view-log-modal{background:#fff;border-radius:12px;box-shadow:0 24px 60px #0f172a80}.badge-success{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-neutral{background:#f3f4f6;color:#4b5563;padding:2px 8px;border-radius:999px;font-size:12px}.wallet-button-container{position:relative;display:inline-block}.wallet-hover-popup{display:none;position:absolute;top:130%;right:0;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px #0f172a40;min-width:220px;z-index:50;text-align:left}.wallet-hover-popup h4{margin:0 0 8px}.wallet-hover-popup p{margin:2px 0;font-size:13px}.wallet-button-container:hover .wallet-hover-popup{display:block}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #0f172a40}.dashboard-header h1{margin:0;font-size:22px}.dashboard-header .subtitle{margin:4px 0 0;font-size:13px;opacity:.9}.dashboard-header .btn{background:#ffffff26;color:#fff;border-color:#fff6}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg:#f6f7fb;--card:#fff;--muted:#6b7280;--accent:#14b8a6;--pad:16px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#0f1724;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#fffc,#fff0);border-bottom:1px solid #eee}.brand{font-weight:700;font-size:18px;color:var(--accent);margin-right:12px}.nav-left{display:flex;gap:12px;align-items:center}.nav-right{display:flex;gap:8px;align-items:center}.btn{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{background:#f9fafb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border:0}.btn.primary:hover{background:#0d9488}.btn.ghost{background:transparent;border:1px dashed #ddd}.auth-page{display:flex;height:100vh;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafc 0%,var(--bg) 100%);position:relative;overflow:hidden}.auth-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.auth-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.auth-card{width:420px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:28px;box-shadow:0 8px 30px #091e424d;position:relative;z-index:2}.auth-card h1{margin:0 0 6px;font-size:22px}.muted{color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.auth-form input{padding:12px;border-radius:10px;border:1px solid #e6e9ef;font-size:14px}.alert{background:#fff4f4;color:#8a1f1f;padding:10px;border-radius:8px}.dashboard{display:flex;gap:18px;padding:20px;align-items:flex-start;max-width:100%;width:100%}.filters{width:260px;background:var(--card);border-radius:10px;padding:16px;box-shadow:0 6px 20px #0a14280a;transition:all .18s ease;height:fit-content;position:sticky;top:16px}.filters.open{transform:translateY(0)}.filter-group{margin-bottom:14px}.filter-label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.filter-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #e5e7eb;font-size:13px;margin-bottom:6px;transition:border-color .2s}.filter-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #14b8a61a}.main{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}.kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi-card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 20px #0a14280a;display:flex;gap:14px;align-items:center;transition:transform .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0a142814}.kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kpi-content{flex:1}.kpi-label{color:var(--muted);font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:28px;font-weight:700;color:#111827}.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 20px #0a14280a;width:100%}.card-title{color:var(--muted);font-size:13px;margin-bottom:6px;font-weight:600}.card-value{font-size:20px;font-weight:700}.charts{display:flex;gap:14px;width:100%}.chart{flex:1;min-width:260px;width:100%}.table-card{padding:0;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f2f2f2}.table-wrap{padding:14px}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:800px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f2f2f2;font-size:13px;color:#111827}.table th{font-weight:600;color:#374151;background:#f9fafb}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background:#f3f4f6}.table tbody tr:hover{background:#fafafa}.small-input{width:80px;padding:6px 8px;border-radius:6px;border:1px solid #e6e9ef}.mono{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:12px}.badge{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.neutral{background:#f3f4f6;color:#6b7280}.muted{color:var(--muted);font-size:13px}.text-center{text-align:center}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid #f2f2f2;flex-wrap:wrap;gap:12px}.pagination-info{font-size:13px;color:var(--muted)}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-select{padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;font-size:13px;cursor:pointer}.page-indicator{font-size:13px;color:#374151;font-weight:500;padding:0 8px}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.scan-cards{display:none}.scan-card{background:#fff;border-radius:8px;padding:14px;margin-bottom:12px;border:1px solid #f2f2f2;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s}.scan-card:active{box-shadow:0 4px 12px #00000014}.scan-card-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f9fafb}.scan-card-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.scan-card-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.scan-card-value{font-size:13px;color:#111827;word-break:break-word}.scan-card-value.large{font-size:14px;font-weight:600}.filter-toggle{display:none;width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:12px;transition:background .2s}.filter-toggle:active{background:#0d9488}.filter-toggle-icon{display:inline-block;margin-left:8px;transition:transform .2s}.filter-toggle-icon.open{transform:rotate(180deg)}.filters.collapsed .filter-group,.filters.collapsed .btn{display:none}.filters.collapsed{padding:0;border:none;box-shadow:none;background:transparent}@media(max-width:1024px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-value{font-size:24px}.kpi-label{font-size:11px}.filters{width:240px}.chart{min-width:200px}}@media(max-width:900px){.dashboard{flex-direction:column}.filters{width:100%;position:static;margin-bottom:16px;max-width:100%}.charts{flex-direction:column}.chart{min-width:100%}}@media(max-width:767px){.dashboard,.main{width:100%;max-width:100%}.kpi-cards{grid-template-columns:1fr;gap:10px;width:100%}.kpi-card{padding:14px;width:100%}.kpi-icon{width:40px;height:40px}.kpi-label{font-size:11px}.kpi-value{font-size:22px}.charts{gap:12px;width:100%}.chart{height:auto;width:100%;min-width:100%}.chart>div:last-child{height:200px!important;width:100%!important}.card{width:100%;max-width:100%}.table-header{flex-direction:column;gap:8px;align-items:flex-start}.table-header>div{width:100%}.table-header .btn{width:100%}.table-scroll{display:none}.scan-cards{display:block;width:100%}.table-wrap{width:100%;max-width:100%}.pagination{flex-direction:column;align-items:flex-start;gap:10px}.pagination-info{width:100%;text-align:center}.pagination-controls{width:100%;flex-wrap:wrap;justify-content:center}.pagination-select{flex:1;min-width:120px}.page-indicator{width:100%;text-align:center;order:1}.pagination-controls button{flex:1;min-width:80px}.filter-group{margin-bottom:12px}.filter-input{font-size:16px;padding:10px}.filter-toggle{display:block}.filters h3{display:none}.card{padding:12px}.card-title{font-size:12px}}@media(max-width:599px){.dashboard{padding:12px;gap:12px;width:100%;max-width:100%}.main{gap:12px;width:100%;max-width:100%}.kpi-cards{gap:8px;margin-bottom:12px;width:100%}.kpi-card{padding:12px;gap:10px;width:100%}.kpi-icon{width:36px;height:36px}.kpi-icon svg{width:20px;height:20px}.kpi-label{font-size:10px;margin-bottom:2px}.kpi-value{font-size:20px}.charts{gap:10px;width:100%}.chart{padding:12px;width:100%;min-width:100%}.chart>div:last-child{height:180px!important;width:100%!important}.card-title{font-size:11px;margin-bottom:8px}.card{width:100%;max-width:100%}.filters{padding:12px;margin-bottom:12px}.filters:not(.collapsed){background:var(--card);border-radius:10px;box-shadow:0 6px 20px #0a14280a}.filter-label{font-size:11px}.filter-input{padding:10px;font-size:16px;-webkit-appearance:none;appearance:none}.filter-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #14b8a61a}.btn{min-height:44px;touch-action:manipulation}.btn:active{transform:scale(.98)}.scan-card{padding:12px;margin-bottom:10px}.scan-card-row{margin-bottom:6px;padding-bottom:6px}.scan-card-label{font-size:10px}.scan-card-value{font-size:12px}.pagination{padding:12px}.pagination-controls{flex-direction:column;gap:8px}.pagination-controls>*{width:100%}.pagination-select,.page-indicator{order:0}.nav{padding:10px 12px;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap;row-gap:8px}.nav-left{width:100%;display:flex;flex-wrap:wrap;gap:8px}.nav-right{width:100%;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.brand{font-size:16px}.nav .btn{padding:8px 12px;font-size:13px;min-height:36px}.table-header{padding:10px 12px}.table-wrap{padding:12px}}@media(max-width:374px){.kpi-value{font-size:18px}.kpi-label{font-size:9px}.scan-card-value{font-size:11px}.chart>div:last-child{height:160px!important}}.user-management{padding:20px 32px;width:100%;max-width:none;margin:0}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.role-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;display:inline-block}.status-toggle{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.status-toggle.active{background:#d1fae5;color:#065f46}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle:hover{opacity:.8}.action-buttons{display:flex;gap:6px}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fee2e2}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-small{max-width:400px}.modal-header{padding:20px;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px}.modal-close{background:transparent;border:none;font-size:28px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #f2f2f2;display:flex;gap:10px;justify-content:flex-end}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;font-size:13px;color:#0c4a6e;margin-top:16px}@media(max-width:768px){.user-management{padding:12px}.user-management-header{flex-direction:column;align-items:flex-start;gap:12px}.user-management-header button{width:100%}.user-filters{flex-direction:column}.user-filters input,.user-filters select{width:100%!important;max-width:100%!important}.action-buttons{flex-direction:column}.modal{max-width:100%;margin:0}}.ip-metrics-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e2e8f0}.ip-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ip-metrics-header h3{margin:0;font-size:16px;color:#1e293b}.btn-close-metrics{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;color:#64748b;transition:all .2s}.btn-close-metrics:hover{background:#e2e8f0;color:#475569}.ip-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ip-metric-card{background:#fff;border-radius:10px;padding:16px;border-top:4px solid #9e9e9e;box-shadow:0 2px 8px #0000000f;text-align:center}.ip-metric-card .metric-icon{font-size:24px;margin-bottom:8px}.ip-metric-card .metric-content h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#1e293b}.ip-metric-card .metric-subtitle{margin:0 0 12px;font-size:11px;color:#64748b}.ip-metric-card .metric-value{font-size:32px;font-weight:700;margin-bottom:8px}.ip-metric-card .metric-tier{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;margin-bottom:12px}.ip-metric-card .metric-level-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;color:#fff;margin:8px 0 12px;letter-spacing:.3px}.ip-metric-card .metric-tooltip{font-size:11px;color:#94a3b8;font-style:italic;margin-top:8px}.single-scan-note{background:#fef3c7;color:#92400e;padding:8px 16px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}.client-metrics-section{background:#2d2d2d;border-radius:12px;padding:32px;margin-bottom:24px;width:100%;box-sizing:border-box}.client-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #444}.client-metrics-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:.3px}.btn-close-client{background:transparent;color:#fff;border:1px solid #666;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s}.btn-close-client:hover{background:#444;border-color:#888}.metrics-3col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%}.metric-column{display:flex;flex-direction:column;min-width:0}.client-metric-block{margin-bottom:32px}.client-metric-title{margin:0 0 20px;font-size:15px;font-weight:700;color:#fff;text-align:center;letter-spacing:.2px}.client-metric-box{border:2px solid #5a9a8a;border-radius:8px;padding:20px;margin-bottom:24px;background:#0003}.client-input-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.client-label{color:#7cb8a8;font-size:13px;flex:1}.client-value{color:#7cb8a8;font-size:13px;min-width:70px;text-align:right;border-bottom:1px solid #7cb8a8;padding-bottom:2px;margin-left:12px}.client-result-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #444}.client-metric-name{color:#7cb8a8;font-size:16px;font-weight:700;min-width:45px}.client-level-value{color:#7cb8a8;font-size:15px;min-width:40px;text-align:center;border-bottom:1px solid #7cb8a8;padding-bottom:2px}.client-result-value{color:#e8b86d;font-size:15px;min-width:60px;text-align:center;border-bottom:1px solid #e8b86d;padding-bottom:2px}.client-level-labels{display:flex;gap:16px;margin-left:61px;margin-top:6px}.client-level-labels span{color:#e8b86d;font-size:11px;min-width:40px;text-align:center}.client-level-labels span:last-child{min-width:60px}.client-reference-table{width:100%;border-collapse:collapse;margin-top:0;font-size:12px}.client-reference-table th{text-align:center;padding:10px 8px;color:#999;font-size:12px;font-weight:500;border-bottom:1px solid #444;text-transform:uppercase;letter-spacing:.5px}.client-reference-table td{padding:8px;color:#ccc;font-size:12px;text-align:center}.client-reference-table tbody tr{transition:background .2s}.client-reference-table tbody tr:hover{background:#ffffff0d}.client-reference-table tbody tr.active{background:#5a9a8a40}.client-reference-table tbody tr.active td{color:#7cb8a8;font-weight:600}@media(max-width:1200px){.metrics-3col-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:600px){.client-metrics-header{flex-direction:column;gap:12px;align-items:flex-start}.client-result-row{flex-wrap:wrap;gap:12px}.client-level-labels{margin-left:0;width:100%}}.ip-metric-card .metric-details{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#64748b}.metrics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#f8fafc;border-radius:8px;margin-bottom:16px}.metrics-loading p{margin:8px 0 0;color:#64748b;font-size:13px}.btn-view-metrics{background:#fff;color:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-metrics:hover{background:#1a1a1a;color:#fff}.btn-view-metrics:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#ccc}.btn-view-log{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-log:hover{background:#e2e8f0;border-color:#94a3b8}@media(max-width:768px){.ip-metrics-grid{grid-template-columns:1fr}.ip-metrics-header{flex-direction:column;gap:12px;align-items:flex-start}.ip-metric-card .metric-value{font-size:24px}}.modal-large{max-width:1200px;width:98%}.view-log-modal .modal-body{max-height:70vh;overflow-y:auto;padding:24px}.scans-detail-table{width:100%;border-collapse:collapse;font-size:13px}.scans-detail-table th,.scans-detail-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f2f2f2}.scans-detail-table th{background:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0}.scans-detail-table tbody tr:hover{background:#f8fafc}.badge-success{background:#d1fae5;color:#065f46;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-neutral{background:#f3f4f6;color:#6b7280;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.metric-tooltip{margin-top:8px;padding:6px 10px;background:#f1f5f9;border-radius:6px;font-size:10px;color:#64748b;font-style:italic}.metric-note{color:#10b981;font-weight:500}.tier-reference{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:12px}.tier-reference summary{cursor:pointer;font-size:13px;font-weight:600;color:#475569;padding:8px 0;-webkit-user-select:none;user-select:none}.tier-reference summary:hover{color:#1e293b}.tier-tables-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;padding:12px;background:#fff;border-radius:8px}.tier-table-mini h5{margin:0 0 8px;font-size:12px;color:#1e293b;font-weight:600}.tier-table-mini ul{list-style:none;padding:0;margin:0}.tier-table-mini li{display:flex;align-items:center;gap:8px;font-size:11px;color:#475569;padding:4px 0}.tier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.tier-tables-inline{grid-template-columns:1fr}}