body {
    background: linear-gradient(135deg, #0a192f 0%, #172a45 100%) !important;
    color: #fff !important;
}
.kpi-card {
    background: rgba(10,25,47,0.7);
    border: 1px solid #00bfff;
    box-shadow: 0 0 20px #00bfff, 0 0 40px #64ffda inset;
    color: #fff;
    font-size: 2.2rem;
    border-radius: 18px;
    margin: 0 10px;
    padding: 30px 0;
    text-align: center;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 20px #00bfff, 0 0 40px #64ffda inset; }
    50% { box-shadow: 0 0 40px #00bfff, 0 0 80px #64ffda inset; }
    100% { box-shadow: 0 0 20px #00bfff, 0 0 40px #64ffda inset; }
}
.glow-text {
    text-shadow: 0 0 10px #64ffda, 0 0 20px #00bfff;
    color: #64ffda;
    font-weight: bold;
}
.text-center {
    text-align: center;
}
.dash-table-container .dash-spreadsheet-container {
    /* make table container white and neutral for corporate look */
    background: #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    border: 1px solid #e9ecef;
}
.dash-table-container .dash-header {
    background: #1f77b4 !important; /* keep corporate blue for header */
    color: #ffffff !important;
    font-weight: 600;
}
.dash-table-container .dash-cell {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e9ecef !important;
}
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table,
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th,
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner td {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e9ecef !important;
    word-break: break-word;
    white-space: normal !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th {
    background: #1f77b4 !important; /* keep corporate blue for header */
    color: #ffffff !important;
    font-weight: 600 !important;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner td {
    background: #ffffff !important;
    color: #333333 !important;
}

/* Make DataTable fill its container */
.dash-table-container {
    width: 100% !important;
}

/* Ensure header and cells display wrapped text */
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner th,
.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner td {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}