body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab-link.active {
    border-color: #3B82F6; /* blue-500 */
    color: #2563EB; /* blue-600 */
    font-weight: 600;
}
.data-input {
    font-family: monospace;
}
.chart-container {
    width: 100%;
    height: 400px;
    margin-top: 1rem;
}
.btn-primary {
    background-color: #2563EB; /* blue-600 */
    color: white;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s;
}
.btn-primary:hover {
    background-color: #1D4ED8; /* blue-700 */
}
.btn-secondary {
    background-color: #E5E7EB; /* gray-200 */
    color: #374151; /* gray-700 */
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s;
}
.btn-secondary:hover {
    background-color: #D1D5DB; /* gray-300 */
}
.btn-danger {
    background-color: #DC2626; /* red-600 */
    color: white;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s;
}
.btn-danger:hover {
    background-color: #B91C1C; /* red-700 */
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #e2e8f0;
    padding: 0.75rem;
    text-align: left;
}
th, .table-header {
    background-color: #f8fafc;
    font-weight: 600;
}
.formula {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    background-color: #f8fafc;
    padding: 0.75rem;
    border-radius: 0.25rem;
    overflow-x: auto;
    margin: 1rem 0;
}