.dashboard{padding:0}.metric-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001f}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content h3{font-size:.875rem;color:#404041;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.metric-value{font-size:2rem;font-weight:700;color:#404041;margin-bottom:.25rem}.metric-change{font-size:.875rem;font-weight:500}.metric-change.negative{color:#346db3}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012}.chart-card h2{font-size:1.25rem;color:#404041;margin-bottom:1.5rem;font-weight:600}.table-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012}.table-card h2{font-size:1.25rem;color:#404041;margin-bottom:1.5rem;font-weight:600}.performance-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#404041;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #4A9DFF}.performance-table td{padding:1rem;border-bottom:1px solid #F0F0F1;color:#404041}.resource-name{font-weight:600;color:#404041}.progress-bar{flex:1;height:8px;background:#f0f0f1;border-radius:4px;overflow:hidden;min-width:100px}.progress-fill{height:100%;border-radius:4px;transition:width .3s}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-excellent{background:#c9e2ff;color:#0035a2}.badge-good{background:#b3c2e3;color:#0035a2}.badge-average{background:#80baff;color:#404041}@media(max-width:768px){.metrics-grid,.charts-container{grid-template-columns:1fr}}.call-center-dashboard{padding:2rem 0}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-card.large{grid-column:span 1}.language-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.language-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #00000012;transition:transform .2s,box-shadow .2s}.language-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0000001f}.language-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #F0F0F1}.language-header h3{font-size:1.25rem;color:#404041;font-weight:600;margin:0}.language-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#404041}.status-dot{width:8px;height:8px;border-radius:50%;background:#404041}.status-dot.active{background:#0035a2;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.language-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#404041;opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-value{font-size:1.25rem;color:#404041;font-weight:700}.agent-name{font-weight:600;color:#404041}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-badge.status-available{background:#c9e2ff;color:#0035a2}.status-badge.status-on-call{background:#b3c2e3;color:#0035a2}.status-badge.status-break{background:#80baff;color:#404041}.status-badge.status-offline{background:#f0f0f1;color:#404041}.satisfaction-rating{display:flex;align-items:center;gap:.75rem}.satisfaction-rating span{min-width:60px;font-weight:600;color:#404041}.rating-bar{flex:1;height:8px;background:#f0f0f1;border-radius:4px;overflow:hidden;max-width:120px}.rating-fill{height:100%;background:#0035a2;border-radius:4px;transition:width .3s}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}}@media(max-width:768px){.call-center-dashboard{padding:1rem 0}.language-metrics-grid,.language-stats{grid-template-columns:1fr}}.accounting-dashboard{padding:0}.financial-summary{margin-bottom:2rem}.summary-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #00000012}.summary-card h3{font-size:1.25rem;color:#404041;margin-bottom:1.5rem;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.summary-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f0f0f1;border-radius:8px}.summary-label{font-size:.875rem;color:#404041;opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.summary-value{font-size:1.5rem;color:#404041;font-weight:700}.summary-value.profit{color:#0035a2}.client-name{font-weight:600;color:#404041}.outstanding-amount{color:#346db3;font-weight:600}.status-badge.status-compliant{background:#c9e2ff;color:#0035a2}.status-badge.status-pending-review{background:#80baff;color:#404041}.status-badge.status-action-required{background:#b3c2e3;color:#0035a2;border:1px solid #0035A2}@media(max-width:768px){.accounting-dashboard{padding:0}.summary-grid{grid-template-columns:1fr}}.data-processing-dashboard{padding:2rem;background:#f0f0f1;min-height:100vh}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;box-shadow:0 2px 8px #40404114;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4040411f}.metric-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-content{flex:1}.metric-content h3{margin:0;font-size:.875rem;color:#404041;font-weight:500;margin-bottom:.5rem}.metric-value{margin:0;font-size:1.75rem;font-weight:700;color:#0035a2;margin-bottom:.25rem}.metric-change{font-size:.75rem;color:#404041}.metric-change.positive{color:#0035a2}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #40404114}.chart-card.large{grid-column:span 2}.chart-card h2{margin:0 0 1.5rem;font-size:1.125rem;color:#0035a2;font-weight:600}.table-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #40404114;margin-bottom:2rem}.table-card h2{margin:0 0 1.5rem;font-size:1.125rem;color:#0035a2;font-weight:600}.table-container{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse}.performance-table thead{background:#c9e2ff}.performance-table th{padding:1rem;text-align:left;font-weight:600;color:#0035a2;font-size:.875rem;border-bottom:2px solid #4A9DFF}.performance-table td{padding:1rem;color:#404041;font-size:.875rem;border-bottom:1px solid #F0F0F1}.performance-table tbody tr:hover{background:#f0f0f1}.client-name{font-weight:600;color:#0035a2}.progress-cell{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:8px;background:#f0f0f1;border-radius:4px;overflow:hidden;max-width:100px}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}@media(max-width:1200px){.chart-card.large{grid-column:span 1}}@media(max-width:768px){.data-processing-dashboard{padding:1rem}.metrics-grid,.charts-row{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}.performance-table{font-size:.75rem}.performance-table th,.performance-table td{padding:.75rem .5rem}}.App{min-height:100vh;background:linear-gradient(135deg,#4a9dff,#0035a2)}.app-container{padding:2rem}.app-header{background:#fff;padding:1.5rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 6px #00000012;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.header-left{display:flex;align-items:center}.app-logo{height:50px;width:auto}.dashboard-nav{display:flex;gap:1rem;justify-content:center}.nav-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#404041;font-weight:500;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .2s;position:relative}.nav-tab:hover{background:#f0f0f1}.nav-tab.active{background:linear-gradient(135deg,#4a9dff,#0035a2);color:#fff;box-shadow:0 2px 4px #4a9dff4d}.header-date{color:#f0f0f1;font-weight:500;background:#4a9dff;padding:.75rem 1.5rem;border-radius:8px;white-space:nowrap}.dashboard-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.app-header{grid-template-columns:1fr;gap:1rem}.dashboard-nav{justify-content:flex-start;overflow-x:auto}.header-date{justify-self:flex-start}}@media(max-width:768px){.app-container{padding:1rem}.app-logo{height:40px}.nav-tab,.header-date{padding:.5rem 1rem;font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}#root{min-height:100vh}