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