*{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:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}#root,.App{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0D5EAF,#1a237e);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a237e,#0D5EAF)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kpi-card,.chart-card{animation:fadeInUp .6s ease-out}.kpi-card:nth-child(1){animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.2s}.kpi-card:nth-child(3){animation-delay:.3s}.kpi-card:nth-child(4){animation-delay:.4s}@media (max-width: 1024px){.dashboard-container{padding:16px!important}.dashboard-header{padding:20px!important}.dashboard-header h1{font-size:24px!important}.report-selector{grid-template-columns:repeat(2,1fr)!important}.charts-grid{grid-template-columns:1fr!important;gap:16px!important}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important}.filters-container{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filters-container select{width:100%!important;min-width:auto!important}.filters-container button{margin-left:0!important;align-self:center!important}}@media (max-width: 768px){.dashboard-container{padding:12px!important}.dashboard-header{padding:16px!important;margin-bottom:16px!important}.dashboard-header h1{font-size:20px!important;line-height:1.2!important}.report-selector{grid-template-columns:1fr!important;gap:8px!important}.report-selector button{font-size:12px!important;padding:10px 12px!important;min-height:44px!important}.charts-grid{grid-template-columns:1fr!important;gap:12px!important}.chart-container{padding:16px!important}.chart-container h3{font-size:14px!important}.kpi-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.kpi-card{padding:16px!important}.kpi-card .icon-container{width:40px!important;height:40px!important}.kpi-card .value{font-size:18px!important}.filters-container{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filters-container select{width:100%!important;min-width:auto!important;padding:8px 12px!important}.filters-container button{margin-left:0!important;align-self:stretch!important;padding:8px 16px!important}.data-table-container{padding:16px!important}.data-table{font-size:12px!important;min-width:600px!important}.data-table th,.data-table td{padding:8px!important}.detail-modal{padding:16px!important;margin:20px!important;max-width:none!important;width:calc(100vw - 40px)!important;max-height:calc(100vh - 40px)!important}.detail-modal h2{font-size:18px!important}.summary-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.record-details{grid-template-columns:1fr!important;gap:4px!important}}@media (max-width: 480px){.dashboard-container{padding:8px!important}.dashboard-header h1{font-size:18px!important}.report-selector button{font-size:11px!important;padding:8px 10px!important}.chart-container,.kpi-card{padding:12px!important}.kpi-card .icon-container{width:36px!important;height:36px!important}.kpi-card .value{font-size:16px!important}.data-table{font-size:11px!important;min-width:500px!important}.data-table th,.data-table td{padding:6px!important}.detail-button{padding:4px 8px!important;font-size:10px!important}.summary-stats-grid{grid-template-columns:1fr!important}}