.dashboard-container{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-container h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.metric-card h3{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-value{color:#333;font-size:2rem;font-weight:700}.metric-value.status-healthy{color:#28a745}.metric-value.status-degraded{color:#ffc107}.metric-value.status-failed,.metric-value.status-unknown{color:#dc3545}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:300px;padding:1.5rem}.chart-container.small{height:250px}.chart-container h3{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.performance-stats{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.stat-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-size:.875rem}.stat-value{font-size:1rem;font-weight:600}.stat-value.good{color:#28a745}.stat-value.warning{color:#ffc107}.alerts-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.alerts-section h3{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.alerts-container{display:flex;flex-direction:column;gap:.5rem}.alert{align-items:center;border-radius:4px;display:flex;justify-content:space-between;padding:.75rem 1rem}.alert-high{background-color:#fee;border-left:4px solid #dc3545}.alert-medium{background-color:#fff3cd;border-left:4px solid #ffc107}.alert-low{background-color:#e7f5ff;border-left:4px solid #17a2b8}.alert-user{color:#333;font-weight:600}.alert-message{color:#666;font-size:.875rem}.no-alerts{color:#666;font-style:italic}.error-message,.no-alerts{padding:2rem;text-align:center}.error-message{font-size:1.125rem}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto;padding:.5rem 1.5rem;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.compliance-container{margin:0 auto;max-width:1200px;padding:2rem}.report-header{margin-bottom:2rem}.report-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.report-controls{flex-wrap:wrap;justify-content:space-between}.date-range,.report-controls{align-items:center;display:flex;gap:1rem}.date-range label{color:#666;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.date-range input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.generate-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.generate-button:hover{background-color:#0056b3}.export-options{display:flex;gap:.5rem}.export-button{padding:.5rem 1rem}.export-button.pdf{background-color:#dc3545;color:#fff}.export-button.pdf:hover{background-color:#c82333}.export-button.csv{background-color:#28a745;color:#fff}.export-button.csv:hover{background-color:#218838}.report-metadata{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1rem}.report-metadata p{color:#666;margin:.5rem 0}.compliance-sections{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:2rem}.compliance-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.compliance-section h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.compliance-score{margin-bottom:1.5rem}.compliance-score,.score-circle{display:flex;justify-content:center}.score-circle{align-items:center;background:conic-gradient(#28a745 0deg,#28a745 0deg,#e9ecef 0deg,#e9ecef 1turn);background:conic-gradient(#28a745 0deg,#28a745 calc(var(--score, 0)*3.6deg),#e9ecef calc(var(--score, 0)*3.6deg),#e9ecef 1turn);border-radius:50%;height:120px;position:relative;width:120px}.score-circle:before{background:#fff;border-radius:50%;content:"";height:100px;position:absolute;width:100px}.score-value{color:#333;font-size:1.5rem;font-weight:700;position:relative}.compliance-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.requirements-section h4{color:#666;font-size:1rem;margin-bottom:1rem}.requirements-list{list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;border-bottom:1px solid #eee;display:flex;gap:.5rem;padding:.5rem 0}.requirements-list li:last-child{border-bottom:none}.checkmark{color:#28a745}.checkmark,.cross{font-size:1.2rem;font-weight:700}.cross{color:#dc3545}.audit-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.audit-summary h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background-color:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.summary-item .label{color:#666;font-size:.875rem}.summary-item .value{color:#333;font-weight:600}.recommendations{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.recommendations h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.recommendations ul{margin:0;padding-left:1.5rem}.recommendations li{color:#666;margin-bottom:.5rem}.loading{align-items:center;color:#666;display:flex;font-size:1.125rem;height:400px;justify-content:center}.error-message{background-color:#fee;border-left:4px solid #dc3545;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:1rem}.main-navigation{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.nav-brand h2{color:#ecf0f1;font-size:1.5rem;font-weight:600;margin:0}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{border-radius:4px;color:#ecf0f1;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}.nav-links a:hover{background-color:#34495e}.nav-links a.active{background-color:#3498db;color:#fff}.nav-actions{display:flex;gap:1rem}.export-button{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.export-button:hover{background-color:#229954}@media (max-width:768px){.main-navigation{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#f5f5f5;flex:1 1;min-height:calc(100vh - 70px)}
/*# sourceMappingURL=main.df2fe31e.css.map*/