body {
    font-family: 'Inter', sans-serif;
}
.sidebar-item {
    transition: all 0.2s;
}
.sidebar-item.active {
    background-color: #4f46e5; /* indigo-600 */
    color: white;
}
.sidebar-item:not(.active):hover {
    background-color: #374151; /* gray-700 */
}
.page {
    display: none;
}
.page.active {
    display: block;
}
.input-group {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.input-group label {
    flex: 1;
    margin-right: 1rem;
}
.input-group .input-wrapper {
    position: relative;
    flex: 0 0 140px;
}
.input-group input, .input-group select {
    background-color: #374151; /* gray-700 */
    border-color: #4b5563; /* gray-600 */
}
.input-group input:focus, .input-group select:focus {
    background-color: #4b5563; /* gray-600 */
    border-color: #4f46e5; /* indigo-600 */
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.4);
    outline: none;
}
 .input-group input[readonly] {
    background-color: #1f2937; /* gray-800 */
    cursor: not-allowed;
}
.summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0; /* Increased vertical padding */
    border-bottom: 1px solid #374151; /* gray-700 */
}
.summary-item:last-child {
    border-bottom: none;
}
.action-btn {
    background-color: #3730a3; /* indigo-800 */
    color: #e0e7ff; /* indigo-200 */
}
.action-btn:hover {
    background-color: #312e81; /* indigo-900 */
}
.print-btn {
    background-color: #4f46e5;
    color: white;
}
.print-btn:hover {
    background-color: #4338ca;
}
.chart-container {
    position: relative;
    height: 250px;
}
.bar-chart-container {
     position: relative;
    height: 220px;
}
table th, table td {
    padding: 0.75rem;
    text-align: left;
}
table thead {
    background-color: #374151;
}
table tbody tr:nth-child(odd) {
    background-color: #1f2937;
}
 table tbody tr:nth-child(even) {
    background-color: #2b3748;
}