/* #region Basic Styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #000000;
            color: #ffffff;
        }
        /* #endregion */

        /* #region Navigation Styles */
        .nav-link {
            position: relative;
            transition: color 0.3s;
        }
        .nav-link:hover {
            color: #3b82f6; /* blue-500 */
        }
        .nav-link.active {
            color: #3b82f6; /* blue-500 */
        }
        .nav-separator {
            color: #3b82f6; /* blue-500 */
            margin: 0 0.75rem;
            font-size: 0.7rem;
            vertical-align: middle;
        }
        /* #endregion */

        /* #region General Page Styles */
        .accent-underline {
            border-bottom: 3px solid #facc15; /* yellow-400 */
            padding-bottom: 4px;
        }
        /* #endregion */

        /* #region Form Styles */
        .form-input {
            background-color: #1a1a1a;
            border: 1px solid #333333;
            border-radius: 0.5rem;
            padding: 0.75rem 1rem;
            width: 100%;
            color: #ffffff;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .form-input:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
        }
        /* Style for file input button */
        input[type="file"]::file-selector-button {
            background-color: #3b82f6;
            color: white;
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        input[type="file"]::file-selector-button:hover {
            background-color: #2563eb;
        }
        /* Style for date and time picker icons to make them visible on dark background */
        input[type="date"]::-webkit-calendar-picker-indicator,
        input[type="time"]::-webkit-calendar-picker-indicator {
            filter: invert(1);
            cursor: pointer;
        }
        /* #endregion */

        /* #region Floating Action Button Styles */
        .floating-btn {
            position: fixed;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }
        .floating-btn:hover {
            transform: scale(1.1) translateY(-2px);
            box-shadow: 4px 4px 12px rgba(0,0,0,0.5);
        }
        /* #endregion */