body {
            font-family: Arial, sans-serif;
            background-color: #282828;
        }

        .container {
            margin-top: 20px;
        }

        .card {
            margin-bottom: 20px;
        }

        #button-container {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-bottom: 10px;
        }

        #sheet-preview {
            display: none;
        }

        #processing-message {
            display: none;
            text-align: center;
            margin-top: 20px;
            font-size: 1.4em;
            color: #FF0000;
            font-weight: bold;
        }

        /* Spinner styles */
        .spinner {
            display: none;
            width: 50px;
            height: 50px;
            border: 5px solid rgba(0, 0, 0, 0.1);
            border-top-color: #007bff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }

        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        /* Loading GIF styles */
        #loading-image {
            display: none;
            margin: 0 auto;
        }

        /* Hidden class */
        .hidden {
            display: none;
        }

        /* Custom class for smaller font */
        .small-font {
            font-size: 0.8em;
        }

        /* Maintenance message styles */
        .maintenance-bar {
            background-color: #ffcc00;
            color: #000;
            padding: 10px;
            text-align: center;
            position: relative;
        }

        .maintenance-bar .close {
            position: absolute;
            right: 10px;
            top: 5px;
            cursor: pointer;
        }

        /* Chat Interface styles */
        .chat-container {
            position: relative;
            padding: 20px;
        }

        .chat-messages {
            max-height: 500px;
            overflow-y: auto;
        }

        .message {
            position: relative;
            margin: 10px;
            padding: 20px;
            border-radius: 5px;
            max-width: 100%;
            line-height: 1.5;
        }

        .bot-message {
            background-color: #e8f4ff;  /* Light blue background */
            margin-right: auto;
            padding-right: 40px;
            width: 100%;
        }

        .user-message {
            background-color: #f8f9fa;  /* Light gray for user messages */
            margin-left: auto;
            width: 100%;
        }

        .copy-button {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            cursor: pointer;
            opacity: 0.7;
            transition: opacity 0.2s;
            color: #0d6efd;  /* Bootstrap primary blue */
            padding: 8px;
            z-index: 10;
            font-size: 1.1em;
        }

        .copy-button:hover {
            opacity: 1;
            background-color: rgba(13, 110, 253, 0.1);  /* Light blue background on hover */
            border-radius: 4px;
        }

        .copy-success {
            color: #28a745;
        }   

        .tos-container {
            height: 150px;
            overflow-y: scroll;
            border: 1px solid #ccc;
            padding: 10px;
            margin-bottom: 10px;
            background-color: #f9f9f9;
        }