body {
    background: #1a1a2e;
    color: #e0e0e0;
    font-family: 'Consolas', 'Courier New', monospace; 
}

header {
    background: #1a1a2e;
    border-bottom: 1px solid #4a148c;
}

.company-name {
    color: #d1d1f0;
}

.status-type {
    color: #8c8cd9;
}

.header-right {
    color: #a0a0ff;
}

.logo {
    background: #ff4081;
    color: #1a1a2e;
}

footer {
    border-top: 1px solid #4a148c;
    color: #7070a0;
}

footer a {
    color: #00bcd4;
}

.hero h1 {
    color: #00bcd4;
    text-shadow: 0 0 5px rgba(0, 188, 212, 0.5);
}

.hero p {
    color: #a0a0ff;
}

.hero-meta {
    border-top: 1px solid #4a148c;
    border-bottom: 1px solid #4a148c;
}

.meta-label {
    color: #7070a0;
}

.meta-value {
    color: #e0e0e0;
}

.section-title {
    color: #ff4081;
    border-bottom: 1px solid #4a148c;
}

.service {
    background: #252542; 
    border: 1px solid #4a148c;
    box-shadow: 0 0 10px rgba(74, 20, 140, 0.3);
}

.service:hover {
    background: #30305a;
    border: 1px solid #00bcd4;
    transition: all 0.2s ease;
}

.service-info h3 {
    color: #d1d1f0;
}

.stat-row {
    border-bottom: 1px dashed #4a148c;
}

.stat-label {
    color: #a0a0ff;
}

.stat-value {
    color: #e0e0e0;
}

.uptime-percentage {
    color: #00bcd4;
    text-shadow: 0 0 5px rgba(0, 188, 212, 0.5);
}

.uptime-label {
    color: #7070a0;
}

.badge-operational {
    background: #1b5e20;
    color: #a5d6a7;
}

.dot-up {
    background: #a5d6a7; 
}

.badge-degraded {
    background: #4a148c;
    color: #ff4081;
}

.dot-degraded {
    background: #ff4081;
}

.badge-outage {
    background: #b71c1c;
    color: #ffcdd2;
}

.dot-down {
    background: #ffcdd2;
}

.chart-container {
}