*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:#f5f5f5}.app-container{min-height:100vh;background-color:#f5f5f5}.app-header{background-color:#ff6b00;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;align-items:center;gap:2rem}.back-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s;font-weight:500}.back-button:hover{background:#ffffff4d}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{font-size:2rem}.logo h1{font-size:1.5rem;font-weight:600}.export-btn{background-color:#fff;color:#ff6b00;border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s}.export-btn:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-1px)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.upload-section{padding:2rem;background-color:#fff;margin:2rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed #FF6B00;border-radius:10px;cursor:pointer;transition:all .3s}.upload-label:hover{background-color:#fff5f0;border-color:#ff8c42}.upload-icon{font-size:3rem;margin-bottom:1rem}.audit-input-section{padding:2rem;background-color:#fff;margin:0 2rem 2rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.audit-input-section h2{color:#333;margin-bottom:1.5rem}.audit-input-container{display:flex;gap:2rem;align-items:flex-end}.audit-input-field{flex:1}.audit-input-field label{display:block;margin-bottom:.5rem;color:#666;font-weight:500}.audit-input-field input{width:100%;padding:.75rem;font-size:1.125rem;border:2px solid #ddd;border-radius:5px;transition:border-color .3s}.audit-input-field input:focus{outline:none;border-color:#ff6b00}.audit-button{padding:.75rem 2rem;background-color:#ff6b00;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.audit-button:hover:not(:disabled){background-color:#e55a00;transform:translateY(-1px)}.audit-button:disabled{background-color:#ccc;cursor:not-allowed}.audit-dashboard{margin:0 2rem 2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.audit-header{background-color:#2c3e50;color:#fff;padding:1.5rem;text-align:center}.audit-header h2{margin:0 0 .5rem;font-size:1.5rem}.audit-header p{margin:0;opacity:.9}.audit-summary{padding:2rem;border-bottom:1px solid #eee}.audit-summary.risk-high{background-color:#fff5f5}.audit-summary.risk-medium{background-color:#fffaf0}.audit-summary.risk-low{background-color:#f0fff4}.audit-summary h3{color:#333;margin-bottom:1rem;font-size:1.125rem}.variance-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.variance-icon{font-size:2rem}.revenue-comparison{display:grid;gap:1rem}.revenue-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f8f8;border-radius:5px}.revenue-item.difference{background-color:#333;color:#fff}.revenue-item label{font-weight:500}.revenue-value{font-size:1.125rem;font-weight:700}.revenue-value.calculated{color:#ff6b00}.revenue-value.reported{color:#2c3e50}.revenue-value.positive{color:#27ae60}.revenue-value.negative{color:#e74c3c}.risk-indicators{padding:2rem;border-bottom:1px solid #eee}.risk-indicators h3{color:#333;margin-bottom:1rem}.indicator-list{display:flex;flex-direction:column;gap:.75rem}.indicator{display:flex;align-items:center;gap:1rem}.indicator-icon{font-size:1.5rem}.audit-recommendations{padding:2rem;background-color:#f8f8f8}.audit-recommendations h3{color:#333;margin-bottom:1rem}.audit-recommendations ul{list-style:none;padding:0}.audit-recommendations li{margin-bottom:1rem;padding:1rem;background-color:#fff;border-radius:5px;border-left:4px solid #FF6B00}.audit-recommendations strong{color:#ff6b00;display:block;margin-bottom:.25rem}.filters-section{padding:1.5rem 2rem;background-color:#fff;margin:0 2rem 2rem;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:2rem;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{font-size:.875rem;color:#666;font-weight:500}.filter-item select,.filter-item input{padding:.5rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem 2rem}.stat-card{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.revenue-card{background:linear-gradient(135deg,#ff6b00,#ff8c42);color:#fff}.stat-card h3{font-size:.875rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.revenue-card h3{color:#ffffffe6}.stat-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:.25rem}.revenue-card .stat-value{color:#fff}.stat-subtitle,.stat-percentage{font-size:.875rem;color:#999}.revenue-card .stat-subtitle{color:#fffc}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:0 2rem 2rem}.chart-container{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.chart-container.full-width{grid-column:1 / -1}.chart-container h3{margin-bottom:1rem;color:#333;font-size:1.125rem}.table-section{margin:0 2rem 2rem;background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.table-section h3{margin-bottom:1rem;color:#333}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{background-color:#f8f8f8;padding:.75rem;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #ddd}td{padding:.75rem;border-bottom:1px solid #eee}tr:hover{background-color:#f8f8f8}.call-type-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.call-type-badge.domestic{background-color:#e8f5e9;color:#2e7d32}.call-type-badge.international{background-color:#e3f2fd;color:#1565c0}.call-type-badge.roaming{background-color:#fce4ec;color:#c2185b}.table-note{margin-top:1rem;color:#666;font-style:italic;text-align:center}.empty-state{text-align:center;padding:4rem;color:#999}.projections-section{margin:0 2rem 2rem;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 8px #0000001a}.projection-header{text-align:center;margin-bottom:2rem}.projection-header h2{color:#333;margin-bottom:.5rem}.projection-subtitle{color:#666;font-size:.875rem}.projection-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:#f8f8f8;border-radius:8px}.projection-controls label{font-weight:500;color:#666}.projection-controls select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;background-color:#fff}.projection-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.projection-card{background-color:#f8f8f8;padding:1.5rem;border-radius:8px;text-align:center}.projection-card.highlight{background:linear-gradient(135deg,#fff5f0,#ffe5d5);border:2px solid #FF6B00}.projection-card h4{color:#666;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}.projection-value{font-size:1.75rem;font-weight:700;color:#ff6b00;margin-bottom:.25rem}.projection-detail{font-size:.75rem;color:#999}.projection-chart-container{margin-bottom:2rem}.projection-chart-container h3{margin-bottom:1rem;color:#333}.projection-insights{background-color:#fff5f0;padding:1.5rem;border-radius:8px;border-left:4px solid #FF6B00}.projection-insights h3{color:#333;margin-bottom:1rem}.projection-insights ul{list-style:none;padding:0}.projection-insights li{margin-bottom:.75rem;padding-left:1.5rem;color:#666}.projection-insights strong{color:#333}@media (max-width: 768px){.app-header{flex-direction:column;gap:1rem}.filters-section{flex-direction:column}.stats-section,.charts-section{grid-template-columns:1fr}}.charts-section .chart-container{position:relative;min-height:320px}.charts-section .chart-container.full-width{min-height:360px}.charts-section .chart-container canvas{display:block;width:100%!important;height:100%!important}.charts-section .chart-container canvas{height:auto!important;max-height:300px;width:100%!important}.projection-chart-container canvas{height:auto!important;max-height:400px;width:100%!important}:root{--primary: #0B3B6A;--primary-2: #145DA0;--accent: #1E81B0;--success: #4CAF50}.app-header{background-color:var(--primary)!important}.export-btn{color:var(--primary)!important}.export-btn:hover:not(:disabled){background-color:#eef4fb!important}.audit-button{background-color:var(--primary)!important}.audit-button:hover:not(:disabled){background-color:var(--primary-2)!important}.revenue-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 100%)!important}.telecom-card .card-button{background:var(--primary)!important}.telecom-card .card-button:hover{background:var(--primary-2)!important}.telecom-card:before{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-2) 100%)!important}.a,a{color:var(--primary)}.app-layout{display:flex;min-height:calc(100vh - 56px)}.app-content{flex:1;background:#f7f9fc}nav.navbar .menu{gap:.75rem}nav.navbar .menu a[routerLink="/dashboard"],nav.navbar .menu a[routerLink="/telecom-audit"],nav.navbar .menu a[routerLink="/betting-audit"]{display:none}