body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f5f5f5;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:2rem}.header{margin-bottom:2rem;text-align:center}.header h1{color:#333;margin-bottom:.5rem}.header p{color:#666;margin-bottom:.5rem}.data-source{align-items:center;color:#999;font-size:.875rem;gap:.5rem}.data-source,.view-toggle{display:flex;justify-content:center}.view-toggle{gap:1rem;margin:1.5rem 0}.view-toggle button{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.view-toggle button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.view-toggle button:hover:not(.active){background-color:#f5f5f5;border-color:#2196f3}.instructions{background-color:#e3f2fd;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.instructions p{color:#1976d2;margin:0}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.program-buttons{display:flex;gap:.5rem}.program-buttons button{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.program-buttons button.active{background-color:#2196f3;color:#fff}.program-buttons button:hover:not(.active){background-color:#d0d0d0}.action-buttons{display:flex;gap:.5rem}.export-btn,.refresh-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s}.refresh-btn{background-color:#4caf50;color:#fff}.refresh-btn:hover{background-color:#45a049}.export-btn{background-color:#2196f3;color:#fff}.export-btn:hover{background-color:#1976d2}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.chart-container h2{color:#333;margin-bottom:1rem}.recharts-bar-rectangle{cursor:pointer!important}.recharts-bar-rectangle:hover{opacity:.8}.totals-row{border-top:1px solid #eee;display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem}.total-item{text-align:center}.total-number{color:#333;font-size:1.5rem;font-weight:700}.data-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.data-table-container h2{color:#333;margin-bottom:1rem}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid #e0e0e0;padding:.75rem .5rem;text-align:center}th{background-color:#f5f5f5;color:#333;font-weight:600}.measure-type-header{background-color:#e3f2fd;border-bottom:2px solid #2196f3}.sub-header{background-color:#f5f5f5;font-size:.875rem;font-weight:500}tr:hover{background-color:#fafafa}.year-cell{background-color:#f9f9f9;font-weight:600;padding-left:1rem;text-align:left}.measure-cell{color:#2196f3;font-weight:500}.submission-cell{color:#4caf50;font-weight:500}.total-cell{background-color:#e3f2fd;color:#1976d2;font-weight:700}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;transition:color .3s}.close-button:hover{color:#333}.modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.no-measures{color:#666;font-style:italic;padding:2rem;text-align:center}.program-section{margin-bottom:2rem}.program-section:last-child{margin-bottom:0}.program-section h4{color:#2196f3;font-size:1.25rem;margin-bottom:1rem}.measures-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.measure-card{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .2s}.measure-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.measure-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.measure-id{color:#2196f3;font-size:.875rem;font-weight:600}.mandatory-badge{background-color:#ff5252;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.measure-name{color:#333;font-weight:600;margin-bottom:.5rem}.measure-description{color:#666;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.measure-year{color:#999;font-size:.75rem;text-align:right}.footer{color:#666;padding:2rem 0;text-align:center}.footer a{color:#2196f3;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){.container{padding:1rem}.controls,.view-toggle{align-items:stretch;flex-direction:column}.action-buttons,.program-buttons{justify-content:center}.chart-container,.data-table-container{padding:1rem}table{font-size:.75rem}td,th{padding:.25rem}.modal-content{margin:1rem}.measures-grid{grid-template-columns:1fr}}