*{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}.chart-container{align-items:center;display:flex;height:300px;justify-content:center;width:100%}.chart-placeholder{color:#666;text-align:center}.chart-summary{grid-gap:16px;background:#f8f9fa;border-radius:6px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px;padding:16px}.summary-item{align-items:center;display:flex;flex-direction:column;text-align:center}.summary-item .label{color:#666;font-size:12px;margin-bottom:4px}.summary-item .value{color:#333;font-size:18px;font-weight:600}.no-alerts,.no-data,.no-events{color:#666;padding:20px;text-align:center}.no-alerts p{font-size:16px;margin:0}.app-loading{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:12px 24px}.retry-button:hover{background-color:#2980b9}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:16px 24px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.logo-section h1{font-size:28px;font-weight:700;margin:0}.subtitle{font-size:14px;margin-left:8px;opacity:.9}.header-actions{gap:20px}.header-actions,.status-badge{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.status-badge.healthy{background-color:#4caf5033;color:#4caf50}.status-dot{animation:pulse 2s infinite;background-color:#4caf50;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.timestamp{font-size:12px;opacity:.8}.app-main{margin:0 auto;max-width:1400px;padding:24px}.demo-apps-status{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.demo-apps-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.demo-apps-header h3{color:#24292e;font-size:18px;font-weight:600;margin:0}.overall-status{align-items:center;display:flex;font-size:14px;font-weight:600;gap:4px}.demo-apps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.demo-app-card{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:16px;transition:all .2s ease}.demo-app-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.demo-app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.demo-app-name{align-items:center;display:flex;gap:8px}.demo-icon{font-size:20px}.demo-app-name h4{color:#24292e;font-size:14px;font-weight:600;margin:0}.status-indicator{border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.demo-app-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{color:#6a737d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#24292e;font-size:16px;font-weight:600}.compliance-metric{grid-column:1/-1}.compliance-metric .metric-value{color:#28a745}.demo-app-footer{align-items:center;border-top:1px solid #e1e4e8;display:flex;justify-content:space-between;padding-top:12px}.demo-link{color:#0366d6;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s ease}.demo-link:hover{color:#0056b3;text-decoration:underline}.last-check{color:#6a737d;font-size:11px}.demo-apps-summary{border-top:1px solid #e1e4e8;display:flex;justify-content:space-around;padding-top:16px}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#6a737d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#24292e;font-size:20px;font-weight:700}.error,.loading{color:#6a737d;padding:40px 20px;text-align:center}.error{background:#ffeaea;border:1px solid #fdb8c0;border-radius:8px;color:#d73a49}@media (max-width:768px){.demo-apps-grid{grid-template-columns:1fr}.demo-apps-header{gap:12px}.demo-app-footer,.demo-apps-header{align-items:flex-start;flex-direction:column}.demo-app-footer{gap:8px}.demo-apps-summary{flex-direction:column;gap:16px}}.dashboard{width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h1{color:#333;font-size:32px;font-weight:600;margin:0}.refresh-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.refresh-button:hover{background-color:#2980b9}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.dashboard-section{background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.overview-section,.performance-section{grid-column:1/-1}.platform-overview h2{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;padding:16px}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-label{color:#666;font-size:14px;font-weight:500}.metric-value{color:#333;font-size:24px;font-weight:700;margin-bottom:4px}.metric-subtext{color:#888;font-size:12px}.status-indicator{border-radius:50%;height:12px;width:12px}.tenant-status h2{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.tenant-list{display:flex;flex-direction:column;gap:16px}.tenant-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:6px;padding:16px}.tenant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tenant-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.health-indicator{border-radius:50%;height:12px;width:12px}.tenant-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.tenant-metric{display:flex;justify-content:space-between}.tenant-metric .label{color:#666;font-size:14px}.tenant-metric .value{color:#333;font-size:14px;font-weight:600}.tenant-metric .value.compliance{color:#4caf50}.security-alerts h2{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:6px;padding:16px}.alert-item.high{border-left-color:#f44336}.alert-item.medium{border-left-color:#ff9800}.alert-item.low{border-left-color:#4caf50}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.alert-type{color:#333;font-size:14px;font-weight:600}.alert-severity{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.alert-severity.high{background-color:#f44336}.alert-severity.medium{background-color:#ff9800}.alert-severity.low{background-color:#4caf50}.alert-message{color:#666;font-size:14px;margin-bottom:8px}.alert-meta{color:#888;display:flex;font-size:12px;justify-content:space-between}.recent-events h2{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.event-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.event-item{background:#f8f9fa;border-left:3px solid #e1e8ed;border-radius:4px;padding:12px}.event-item.info{border-left-color:#3498db}.event-item.warning{border-left-color:#ff9800}.event-item.error{border-left-color:#f44336}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.event-type{color:#333;font-size:13px;font-weight:600}.event-time{color:#888;font-size:11px}.event-message{color:#666;font-size:13px}.event-component{color:#888;font-size:11px;margin-top:4px}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tenant-details{grid-template-columns:1fr}}