body{margin:0;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-color:#f0f2f5;color:#333}.App{display:flex;flex-direction:column;height:100vh}.header{background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #ddd;justify-content:space-between;flex-shrink:0}.header,.profile{display:flex;align-items:center}.profile-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:1.5rem;border:3px solid #0056b3}.profile-info h1{margin:0;font-size:1.5rem;color:#003366}.profile-info p{margin:.25rem 0 0;font-size:.9rem;color:#555}.navigation button{margin-left:1rem;padding:.75rem 1.5rem;border:none;border-radius:5px;background-color:#007bff;color:white;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.navigation button:hover{background-color:#0056b3}.content{flex-grow:1;overflow:auto}.map-container{height:calc(100vh - 125px);width:100%}.dashboard{padding:2rem;overflow-y:auto}.kpi-cards{display:flex;gap:1.5rem;margin-bottom:2rem}.card{background-color:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:1 1;text-align:center}.card h3{margin-top:0;color:#0056b3}.card p{font-size:2rem;font-weight:700;margin:.5rem 0 0;color:#333}.charts{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.chart-container{background-color:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-container h2{text-align:center;margin-top:0;margin-bottom:1.5rem}.chart-pie{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboardContainer{padding:2rem;background-color:#f9fafb}.kpiGrid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.kpiCard{background-color:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-align:center}.kpiCard h3{margin-top:0;color:#1d4ed8;font-size:1rem}.kpiCard p{font-size:2rem;font-weight:700;margin:.5rem 0 0;color:#1f2937}.chartsGrid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;gap:2rem}.chartContainer{background-color:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);min-height:400px;position:relative}.chartContainer h2{text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:#374151}@media (min-width:768px){.kpiGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.chartsGrid{grid-template-columns:repeat(3,1fr)}.chartBarContainer{grid-column:span 2/span 2}.chartPieContainer{grid-column:span 1/span 1;display:flex;flex-direction:column;justify-content:center}}